diff --git a/_config.yml b/_config.yml
index c847b06..50ff3d9 100644
--- a/_config.yml
+++ b/_config.yml
@@ -30,4 +30,6 @@ defaults:
       layout: post
 
 feed:
-  category: til
\ No newline at end of file
+  categories: 
+    - blog
+    - til
\ No newline at end of file
diff --git a/_data/nav.yml b/_data/nav.yml
index 83fec35..54a867c 100644
--- a/_data/nav.yml
+++ b/_data/nav.yml
@@ -1,9 +1,13 @@
 - name: blog
   link: /
+  icon: book
 - name: til
   link: /til
+  icon: globe
 - name: projects
   link: /projects
+  icon: computer
 - name: photos↗
   link: http://andrewconlinphotography.co.uk
+  icon: film
 
diff --git a/_includes/nav.html b/_includes/nav.html
index 9b5d142..f319db5 100644
--- a/_includes/nav.html
+++ b/_includes/nav.html
@@ -1,17 +1,21 @@
-<div class="row row-cols-1 row-cols-md-2">
+<div class="row row-cols-1 row-cols-md-3">
     <div class="col col-md-3">
-        <div class="row row-cols-1 g-0" id="nav" style="position:sticky;top:0px;">
-            <h1 class="display-3 logo" style="font-weight:700;" id="logo">
-                <span style="color:black;background-color:gold;">ac</span>
-            </h1>
+        <div class="row row-cols-1 g-0 content" id="nav">
+            <img src="/assets/images/me-square.jpg" class="me" style="height: 40px;width: 40px; border-radius: 20px;border: 2px solid white;"><br>
+            <b>andrew conlin</b><br>
+            software engineer @ MathWorks<br>
+            &nbsp;<br>
             {% for item in site.data.nav %}
             <div class="col">
                 <h4>
-                    <a href="{{ item.link }}" class="text-decoration-none" style="color: white;"> {{ item.name }} </a>
+                    <a href="{{ item.link }}" class="text-decoration-none" style="color: white;">
+                        <img src="/assets/images/{{ item.icon }}.ico" style="height:30px;width:30px;display: inline;">&nbsp;{{ item.name }}
+                    </a>
                 </h4>
             </div>
             {% endfor %}
-            <div class="col gy-2" style="font-family: Arial, Helvetica, sans-serif;">
+            &nbsp;<br>
+            <!--<div class="col gy-2" style="font-family: Arial, Helvetica, sans-serif;">
                 <h4>
                     <div>
                         <span>
@@ -25,7 +29,12 @@
                         </span>
                     </div>
                 </h4>
-            </div>
+            </div>-->
             <hr class="menu">
         </div>
-    </div>
\ No newline at end of file
+    </div>
+    <!--
+    <h1 class="display-3 logo" style="font-weight:700;" id="logo">
+        <span style="color:black;background-color:gold;">ac</span>
+    </h1>
+    -->
diff --git a/_layouts/post.html b/_layouts/post.html
index 374ed9d..58c01bf 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -3,9 +3,9 @@ layout: default
 ---
 
 <p style="font-family:Rubik;font-style:italic;">
-    <i class="fas fa-calendar"></i>&nbsp;{{ page.date | date_to_string }}
+    <img src="/assets/images/write.ico" style="display: inline;height: 20px;width: 20px;">&nbsp;{{ page.date | date_to_string }}
     &nbsp;
-    <i class="fas fa-clock"></i>&nbsp;{{ content | reading_time | pluralize: "minute" }}
+    <img src="/assets/images/alarm.ico" style="display: inline;height: 20px;width: 20px;">&nbsp;{{ content | reading_time | pluralize: "minute" }}
 </p>
 <hr>
 
diff --git a/_site/assets/css/default.css b/_site/assets/css/default.css
index 00b8b65..26e4232 100644
--- a/_site/assets/css/default.css
+++ b/_site/assets/css/default.css
@@ -26,7 +26,7 @@ div.content {
 
 @media (max-width: 768px) {
     div.content {
-        top: 0px;
+        top: 20px;
     }
 }
 
@@ -53,25 +53,12 @@ pre {
     white-space: pre-wrap;
 }
 
-img {
-    display: block;
-    width: 30vw;
-}
-
 img.letterboxd {
     display: inline-block;
     width:20px;
     margin-bottom: 5px;
 }
 
-@media (max-width: 768px) {
-img {
-    width: 90vw;
-    margin-left: auto;
-    margin-right: auto;
-}
-}
-
 @media (max-width: 768px) {
 img.letterboxd {
     margin-left: 0;
diff --git a/_site/assets/images/alarm.ico b/_site/assets/images/alarm.ico
new file mode 100644
index 0000000..936d524
Binary files /dev/null and b/_site/assets/images/alarm.ico differ
diff --git a/_site/assets/images/book.ico b/_site/assets/images/book.ico
new file mode 100644
index 0000000..b430c63
Binary files /dev/null and b/_site/assets/images/book.ico differ
diff --git a/_site/assets/images/computer.ico b/_site/assets/images/computer.ico
new file mode 100644
index 0000000..c98c668
Binary files /dev/null and b/_site/assets/images/computer.ico differ
diff --git a/_site/assets/images/desktop.ico b/_site/assets/images/desktop.ico
new file mode 100644
index 0000000..2407e6e
Binary files /dev/null and b/_site/assets/images/desktop.ico differ
diff --git a/_site/assets/images/film.ico b/_site/assets/images/film.ico
new file mode 100644
index 0000000..0bcc525
Binary files /dev/null and b/_site/assets/images/film.ico differ
diff --git a/_site/assets/images/globe.ico b/_site/assets/images/globe.ico
new file mode 100644
index 0000000..49e7adb
Binary files /dev/null and b/_site/assets/images/globe.ico differ
diff --git a/_site/assets/images/me-square.jpg b/_site/assets/images/me-square.jpg
new file mode 100644
index 0000000..a204d6d
Binary files /dev/null and b/_site/assets/images/me-square.jpg differ
diff --git a/_site/assets/images/write.ico b/_site/assets/images/write.ico
new file mode 100644
index 0000000..ef88e53
Binary files /dev/null and b/_site/assets/images/write.ico differ
diff --git a/_site/blog/2023/01/14/musings-on-the-cinema/index.html b/_site/blog/2023/01/14/musings-on-the-cinema/index.html
index 29affb9..d21dbc3 100644
--- a/_site/blog/2023/01/14/musings-on-the-cinema/index.html
+++ b/_site/blog/2023/01/14/musings-on-the-cinema/index.html
@@ -14,38 +14,48 @@
 
 <body>
     <div class="container text-start">
-        <div class="row row-cols-1 row-cols-md-2">
+        <div class="row row-cols-1 row-cols-md-3">
     <div class="col col-md-3">
-        <div class="row row-cols-1 g-0" id="nav" style="position:sticky;top:0px;">
-            <h1 class="display-3 logo" style="font-weight:700;" id="logo">
-                <span style="color:black;background-color:gold;">ac</span>
-            </h1>
+        <div class="row row-cols-1 g-0 content" id="nav">
+            <img src="/assets/images/me-square.jpg" class="me" style="height: 40px;width: 40px; border-radius: 20px;border: 2px solid white;"><br>
+            <b>andrew conlin</b><br>
+            software engineer @ MathWorks<br>
+            &nbsp;<br>
             
             <div class="col">
                 <h4>
-                    <a href="/" class="text-decoration-none" style="color: white;"> blog </a>
+                    <a href="/" class="text-decoration-none" style="color: white;">
+                        <img src="/assets/images/book.ico" style="height:30px;width:30px;display: inline;">&nbsp;blog
+                    </a>
                 </h4>
             </div>
             
             <div class="col">
                 <h4>
-                    <a href="/til" class="text-decoration-none" style="color: white;"> til </a>
+                    <a href="/til" class="text-decoration-none" style="color: white;">
+                        <img src="/assets/images/globe.ico" style="height:30px;width:30px;display: inline;">&nbsp;til
+                    </a>
                 </h4>
             </div>
             
             <div class="col">
                 <h4>
-                    <a href="/projects" class="text-decoration-none" style="color: white;"> projects </a>
+                    <a href="/projects" class="text-decoration-none" style="color: white;">
+                        <img src="/assets/images/computer.ico" style="height:30px;width:30px;display: inline;">&nbsp;projects
+                    </a>
                 </h4>
             </div>
             
             <div class="col">
                 <h4>
-                    <a href="http://andrewconlinphotography.co.uk" class="text-decoration-none" style="color: white;"> photos↗ </a>
+                    <a href="http://andrewconlinphotography.co.uk" class="text-decoration-none" style="color: white;">
+                        <img src="/assets/images/film.ico" style="height:30px;width:30px;display: inline;">&nbsp;photos↗
+                    </a>
                 </h4>
             </div>
             
-            <div class="col gy-2" style="font-family: Arial, Helvetica, sans-serif;">
+            &nbsp;<br>
+            <!--<div class="col gy-2" style="font-family: Arial, Helvetica, sans-serif;">
                 <h4>
                     <div>
                         <span>
@@ -85,10 +95,16 @@
                         </span>
                     </div>
                 </h4>
-            </div>
+            </div>-->
             <hr class="menu">
         </div>
     </div>
+    <!--
+    <h1 class="display-3 logo" style="font-weight:700;" id="logo">
+        <span style="color:black;background-color:gold;">ac</span>
+    </h1>
+    -->
+
         <div class="col col-md-9 content">
             <h1 style="font-weight: 500;">
                 Musings on the power of cinema
@@ -97,9 +113,9 @@
                 
             </p>
             <p style="font-family:Rubik;font-style:italic;">
-    <i class="fas fa-calendar"></i>&nbsp;14 Jan 2023
+    <img src="/assets/images/write.ico" style="display: inline;height: 20px;width: 20px;">&nbsp;14 Jan 2023
     &nbsp;
-    <i class="fas fa-clock"></i>&nbsp;1 minute
+    <img src="/assets/images/alarm.ico" style="display: inline;height: 20px;width: 20px;">&nbsp;1 minute
 </p>
 <hr>
 
diff --git a/_site/blog/2023/03/05/yuri-felsen-on-love/index.html b/_site/blog/2023/03/05/yuri-felsen-on-love/index.html
index 702be4b..8f8643d 100644
--- a/_site/blog/2023/03/05/yuri-felsen-on-love/index.html
+++ b/_site/blog/2023/03/05/yuri-felsen-on-love/index.html
@@ -14,38 +14,48 @@
 
 <body>
     <div class="container text-start">
-        <div class="row row-cols-1 row-cols-md-2">
+        <div class="row row-cols-1 row-cols-md-3">
     <div class="col col-md-3">
-        <div class="row row-cols-1 g-0" id="nav" style="position:sticky;top:0px;">
-            <h1 class="display-3 logo" style="font-weight:700;" id="logo">
-                <span style="color:black;background-color:gold;">ac</span>
-            </h1>
+        <div class="row row-cols-1 g-0 content" id="nav">
+            <img src="/assets/images/me-square.jpg" class="me" style="height: 40px;width: 40px; border-radius: 20px;border: 2px solid white;"><br>
+            <b>andrew conlin</b><br>
+            software engineer @ MathWorks<br>
+            &nbsp;<br>
             
             <div class="col">
                 <h4>
-                    <a href="/" class="text-decoration-none" style="color: white;"> blog </a>
+                    <a href="/" class="text-decoration-none" style="color: white;">
+                        <img src="/assets/images/book.ico" style="height:30px;width:30px;display: inline;">&nbsp;blog
+                    </a>
                 </h4>
             </div>
             
             <div class="col">
                 <h4>
-                    <a href="/til" class="text-decoration-none" style="color: white;"> til </a>
+                    <a href="/til" class="text-decoration-none" style="color: white;">
+                        <img src="/assets/images/globe.ico" style="height:30px;width:30px;display: inline;">&nbsp;til
+                    </a>
                 </h4>
             </div>
             
             <div class="col">
                 <h4>
-                    <a href="/projects" class="text-decoration-none" style="color: white;"> projects </a>
+                    <a href="/projects" class="text-decoration-none" style="color: white;">
+                        <img src="/assets/images/computer.ico" style="height:30px;width:30px;display: inline;">&nbsp;projects
+                    </a>
                 </h4>
             </div>
             
             <div class="col">
                 <h4>
-                    <a href="http://andrewconlinphotography.co.uk" class="text-decoration-none" style="color: white;"> photos↗ </a>
+                    <a href="http://andrewconlinphotography.co.uk" class="text-decoration-none" style="color: white;">
+                        <img src="/assets/images/film.ico" style="height:30px;width:30px;display: inline;">&nbsp;photos↗
+                    </a>
                 </h4>
             </div>
             
-            <div class="col gy-2" style="font-family: Arial, Helvetica, sans-serif;">
+            &nbsp;<br>
+            <!--<div class="col gy-2" style="font-family: Arial, Helvetica, sans-serif;">
                 <h4>
                     <div>
                         <span>
@@ -85,10 +95,16 @@
                         </span>
                     </div>
                 </h4>
-            </div>
+            </div>-->
             <hr class="menu">
         </div>
     </div>
+    <!--
+    <h1 class="display-3 logo" style="font-weight:700;" id="logo">
+        <span style="color:black;background-color:gold;">ac</span>
+    </h1>
+    -->
+
         <div class="col col-md-9 content">
             <h1 style="font-weight: 500;">
                 Yuri Felsen on love
@@ -97,9 +113,9 @@
                 
             </p>
             <p style="font-family:Rubik;font-style:italic;">
-    <i class="fas fa-calendar"></i>&nbsp;05 Mar 2023
+    <img src="/assets/images/write.ico" style="display: inline;height: 20px;width: 20px;">&nbsp;05 Mar 2023
     &nbsp;
-    <i class="fas fa-clock"></i>&nbsp;1 minute
+    <img src="/assets/images/alarm.ico" style="display: inline;height: 20px;width: 20px;">&nbsp;1 minute
 </p>
 <hr>
 
diff --git a/_site/blog/2023/03/10/putting-thoughts-into-action/index.html b/_site/blog/2023/03/10/putting-thoughts-into-action/index.html
index 9cf75e7..6ad3854 100644
--- a/_site/blog/2023/03/10/putting-thoughts-into-action/index.html
+++ b/_site/blog/2023/03/10/putting-thoughts-into-action/index.html
@@ -14,38 +14,48 @@
 
 <body>
     <div class="container text-start">
-        <div class="row row-cols-1 row-cols-md-2">
+        <div class="row row-cols-1 row-cols-md-3">
     <div class="col col-md-3">
-        <div class="row row-cols-1 g-0" id="nav" style="position:sticky;top:0px;">
-            <h1 class="display-3 logo" style="font-weight:700;" id="logo">
-                <span style="color:black;background-color:gold;">ac</span>
-            </h1>
+        <div class="row row-cols-1 g-0 content" id="nav">
+            <img src="/assets/images/me-square.jpg" class="me" style="height: 40px;width: 40px; border-radius: 20px;border: 2px solid white;"><br>
+            <b>andrew conlin</b><br>
+            software engineer @ MathWorks<br>
+            &nbsp;<br>
             
             <div class="col">
                 <h4>
-                    <a href="/" class="text-decoration-none" style="color: white;"> blog </a>
+                    <a href="/" class="text-decoration-none" style="color: white;">
+                        <img src="/assets/images/book.ico" style="height:30px;width:30px;display: inline;">&nbsp;blog
+                    </a>
                 </h4>
             </div>
             
             <div class="col">
                 <h4>
-                    <a href="/til" class="text-decoration-none" style="color: white;"> til </a>
+                    <a href="/til" class="text-decoration-none" style="color: white;">
+                        <img src="/assets/images/globe.ico" style="height:30px;width:30px;display: inline;">&nbsp;til
+                    </a>
                 </h4>
             </div>
             
             <div class="col">
                 <h4>
-                    <a href="/projects" class="text-decoration-none" style="color: white;"> projects </a>
+                    <a href="/projects" class="text-decoration-none" style="color: white;">
+                        <img src="/assets/images/computer.ico" style="height:30px;width:30px;display: inline;">&nbsp;projects
+                    </a>
                 </h4>
             </div>
             
             <div class="col">
                 <h4>
-                    <a href="http://andrewconlinphotography.co.uk" class="text-decoration-none" style="color: white;"> photos↗ </a>
+                    <a href="http://andrewconlinphotography.co.uk" class="text-decoration-none" style="color: white;">
+                        <img src="/assets/images/film.ico" style="height:30px;width:30px;display: inline;">&nbsp;photos↗
+                    </a>
                 </h4>
             </div>
             
-            <div class="col gy-2" style="font-family: Arial, Helvetica, sans-serif;">
+            &nbsp;<br>
+            <!--<div class="col gy-2" style="font-family: Arial, Helvetica, sans-serif;">
                 <h4>
                     <div>
                         <span>
@@ -85,10 +95,16 @@
                         </span>
                     </div>
                 </h4>
-            </div>
+            </div>-->
             <hr class="menu">
         </div>
     </div>
+    <!--
+    <h1 class="display-3 logo" style="font-weight:700;" id="logo">
+        <span style="color:black;background-color:gold;">ac</span>
+    </h1>
+    -->
+
         <div class="col col-md-9 content">
             <h1 style="font-weight: 500;">
                 A measure of how easily thoughts can be translated to action
@@ -97,9 +113,9 @@
                 
             </p>
             <p style="font-family:Rubik;font-style:italic;">
-    <i class="fas fa-calendar"></i>&nbsp;10 Mar 2023
+    <img src="/assets/images/write.ico" style="display: inline;height: 20px;width: 20px;">&nbsp;10 Mar 2023
     &nbsp;
-    <i class="fas fa-clock"></i>&nbsp;2 minutes
+    <img src="/assets/images/alarm.ico" style="display: inline;height: 20px;width: 20px;">&nbsp;2 minutes
 </p>
 <hr>
 
diff --git a/_site/blog/2023/04/29/links-arent-performances/index.html b/_site/blog/2023/04/29/links-arent-performances/index.html
index f18b0dc..e2661e0 100644
--- a/_site/blog/2023/04/29/links-arent-performances/index.html
+++ b/_site/blog/2023/04/29/links-arent-performances/index.html
@@ -14,38 +14,48 @@
 
 <body>
     <div class="container text-start">
-        <div class="row row-cols-1 row-cols-md-2">
+        <div class="row row-cols-1 row-cols-md-3">
     <div class="col col-md-3">
-        <div class="row row-cols-1 g-0" id="nav" style="position:sticky;top:0px;">
-            <h1 class="display-3 logo" style="font-weight:700;" id="logo">
-                <span style="color:black;background-color:gold;">ac</span>
-            </h1>
+        <div class="row row-cols-1 g-0 content" id="nav">
+            <img src="/assets/images/me-square.jpg" class="me" style="height: 40px;width: 40px; border-radius: 20px;border: 2px solid white;"><br>
+            <b>andrew conlin</b><br>
+            software engineer @ MathWorks<br>
+            &nbsp;<br>
             
             <div class="col">
                 <h4>
-                    <a href="/" class="text-decoration-none" style="color: white;"> blog </a>
+                    <a href="/" class="text-decoration-none" style="color: white;">
+                        <img src="/assets/images/book.ico" style="height:30px;width:30px;display: inline;">&nbsp;blog
+                    </a>
                 </h4>
             </div>
             
             <div class="col">
                 <h4>
-                    <a href="/til" class="text-decoration-none" style="color: white;"> til </a>
+                    <a href="/til" class="text-decoration-none" style="color: white;">
+                        <img src="/assets/images/globe.ico" style="height:30px;width:30px;display: inline;">&nbsp;til
+                    </a>
                 </h4>
             </div>
             
             <div class="col">
                 <h4>
-                    <a href="/projects" class="text-decoration-none" style="color: white;"> projects </a>
+                    <a href="/projects" class="text-decoration-none" style="color: white;">
+                        <img src="/assets/images/computer.ico" style="height:30px;width:30px;display: inline;">&nbsp;projects
+                    </a>
                 </h4>
             </div>
             
             <div class="col">
                 <h4>
-                    <a href="http://andrewconlinphotography.co.uk" class="text-decoration-none" style="color: white;"> photos↗ </a>
+                    <a href="http://andrewconlinphotography.co.uk" class="text-decoration-none" style="color: white;">
+                        <img src="/assets/images/film.ico" style="height:30px;width:30px;display: inline;">&nbsp;photos↗
+                    </a>
                 </h4>
             </div>
             
-            <div class="col gy-2" style="font-family: Arial, Helvetica, sans-serif;">
+            &nbsp;<br>
+            <!--<div class="col gy-2" style="font-family: Arial, Helvetica, sans-serif;">
                 <h4>
                     <div>
                         <span>
@@ -85,10 +95,16 @@
                         </span>
                     </div>
                 </h4>
-            </div>
+            </div>-->
             <hr class="menu">
         </div>
     </div>
+    <!--
+    <h1 class="display-3 logo" style="font-weight:700;" id="logo">
+        <span style="color:black;background-color:gold;">ac</span>
+    </h1>
+    -->
+
         <div class="col col-md-9 content">
             <h1 style="font-weight: 500;">
                 Links aren't performances
@@ -97,9 +113,9 @@
                 
             </p>
             <p style="font-family:Rubik;font-style:italic;">
-    <i class="fas fa-calendar"></i>&nbsp;29 Apr 2023
+    <img src="/assets/images/write.ico" style="display: inline;height: 20px;width: 20px;">&nbsp;29 Apr 2023
     &nbsp;
-    <i class="fas fa-clock"></i>&nbsp;1 minute
+    <img src="/assets/images/alarm.ico" style="display: inline;height: 20px;width: 20px;">&nbsp;1 minute
 </p>
 <hr>
 
diff --git a/_site/feed.xml b/_site/feed.xml
index 29be926..cbb312e 100644
--- a/_site/feed.xml
+++ b/_site/feed.xml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.3.2">Jekyll</generator><link href="http://localhost:4000/feed.xml" rel="self" type="application/atom+xml" /><link href="http://localhost:4000/" rel="alternate" type="text/html" /><updated>2023-09-08T10:58:34+01:00</updated><id>http://localhost:4000/feed.xml</id><author><name>Andrew Conlin</name></author><entry><title type="html">Links aren’t performances</title><link href="http://localhost:4000/blog/2023/04/29/links-arent-performances/" rel="alternate" type="text/html" title="Links aren’t performances" /><published>2023-04-29T00:00:00+01:00</published><updated>2023-04-29T00:00:00+01:00</updated><id>http://localhost:4000/blog/2023/04/29/links-arent-performances</id><content type="html" xml:base="http://localhost:4000/blog/2023/04/29/links-arent-performances/"><![CDATA[<p><em>“For starters, it finds that publishing a link can be a “performance” of a copyrighted work, which meant that when Linkletter linked to the world-viewable Youtube files that Proctorio had posted, he infringed on copyright.</em></p>
+<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.3.2">Jekyll</generator><link href="http://localhost:4000/feed.xml" rel="self" type="application/atom+xml" /><link href="http://localhost:4000/" rel="alternate" type="text/html" /><updated>2023-09-13T09:53:14+01:00</updated><id>http://localhost:4000/feed.xml</id><author><name>Andrew Conlin</name></author><entry><title type="html">Links aren’t performances</title><link href="http://localhost:4000/blog/2023/04/29/links-arent-performances/" rel="alternate" type="text/html" title="Links aren’t performances" /><published>2023-04-29T00:00:00+01:00</published><updated>2023-04-29T00:00:00+01:00</updated><id>http://localhost:4000/blog/2023/04/29/links-arent-performances</id><content type="html" xml:base="http://localhost:4000/blog/2023/04/29/links-arent-performances/"><![CDATA[<p><em>“For starters, it finds that publishing a link can be a “performance” of a copyrighted work, which meant that when Linkletter linked to the world-viewable Youtube files that Proctorio had posted, he infringed on copyright.</em></p>
 
 <p><em>This is a perverse, even surreal take on copyright. The court rejects Linkletter’s argument that even Youtube’s terms of service warned Proctorio that publishing world-viewable material on its site constituted permission for people to link to and watch that material.”</em></p>
 
diff --git a/_site/feed/blog.xml b/_site/feed/blog.xml
new file mode 100644
index 0000000..f28a987
--- /dev/null
+++ b/_site/feed/blog.xml
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.3.2">Jekyll</generator><link href="http://localhost:4000/feed/blog.xml" rel="self" type="application/atom+xml" /><link href="http://localhost:4000/" rel="alternate" type="text/html" /><updated>2023-09-13T09:53:14+01:00</updated><id>http://localhost:4000/feed/blog.xml</id><title type="html"> | Blog</title><author><name>Andrew Conlin</name></author><entry><title type="html">Links aren’t performances</title><link href="http://localhost:4000/blog/2023/04/29/links-arent-performances/" rel="alternate" type="text/html" title="Links aren’t performances" /><published>2023-04-29T00:00:00+01:00</published><updated>2023-04-29T00:00:00+01:00</updated><id>http://localhost:4000/blog/2023/04/29/links-arent-performances</id><content type="html" xml:base="http://localhost:4000/blog/2023/04/29/links-arent-performances/"><![CDATA[<p><em>“For starters, it finds that publishing a link can be a “performance” of a copyrighted work, which meant that when Linkletter linked to the world-viewable Youtube files that Proctorio had posted, he infringed on copyright.</em></p>
+
+<p><em>This is a perverse, even surreal take on copyright. The court rejects Linkletter’s argument that even Youtube’s terms of service warned Proctorio that publishing world-viewable material on its site constituted permission for people to link to and watch that material.”</em></p>
+
+<p>Via: <a href="https://pluralistic.net/2023/04/20/links-arent-performances/#free-ian-linkletter">Pluralistic</a></p>]]></content><author><name>Andrew Conlin</name></author><category term="blog" /><summary type="html"><![CDATA[“For starters, it finds that publishing a link can be a “performance” of a copyrighted work, which meant that when Linkletter linked to the world-viewable Youtube files that Proctorio had posted, he infringed on copyright.]]></summary></entry><entry><title type="html">A measure of how easily thoughts can be translated to action</title><link href="http://localhost:4000/blog/2023/03/10/putting-thoughts-into-action/" rel="alternate" type="text/html" title="A measure of how easily thoughts can be translated to action" /><published>2023-03-10T00:00:00+00:00</published><updated>2023-03-10T00:00:00+00:00</updated><id>http://localhost:4000/blog/2023/03/10/putting-thoughts-into-action</id><content type="html" xml:base="http://localhost:4000/blog/2023/03/10/putting-thoughts-into-action/"><![CDATA[<p>Recently, I’ve been using multiple different languages and frameworks (both at work and personally) and I’ve been thinking about why I prefer some over others. Ultimately, I think it comes down to this:</p>
+
+<p><em>How easily can I translate what I am thinking about into a working setup?</em></p>
+
+<p>That is, how much effort needs to go into converting my idea into a solution? (If there is not already a word for this, then there should be. Don’t worry, I am willing to take the hit and have it named after me.)</p>
+
+<p>For example, I’ve been building this website over the past month or so. Generally, for static websites, I think that HTML + CSS are very good at allowing me to get what I see in my head running on <code class="language-plaintext highlighter-rouge">localhost</code>. At this point CSS has so many different options that you just need to find the right search terms in order to get what you want.</p>
+
+<p>However, they are both lacking somewhat in <em>intuitiveness</em>. Especially when starting out, it can get very confusing to know the right tags and the right syntax and the right placement (and so on) to realise your vision.</p>
+
+<p>This is where services like Squarespace et al. come into play. They give you that intuitive UI, dragging and dropping of features, resizing and changing colours. They make it super duper easy to do the actual building, at the cost of the range of bricks you can use.</p>
+
+<p>So, we have two measures:</p>
+<ol>
+  <li>Can I do everything I want to?</li>
+  <li>How easy is it?</li>
+</ol>
+
+<p>These are usually a direct tradeoff, with ease typically preferred over options. This tends to frustrate me, as I want full control of all those little configurations.</p>
+
+<p>The solution to this, at least for me, are frameworks such as Bootstrap and Jekyll. They put a layer between the user and the options; essentially translating and simplying all the little configurations into something much easier to work with. Columns in Bootstrap make page layouts simple; markdown-to-html parsing in Jekyll makes text formatting a breeze. But, most importantly of all, these frameworks don’t sacrifice on the possibilities. They make it easier to apply complex setups, but if you want to go in and tweak absolutely everything to your liking, go right ahead. By providing the user with simpler ways of doing the same things as before, they manage to bridge the gap between <em>Can I do everything I want to?</em> and <em>How easy is it?</em>. And I think that is beautiful.</p>]]></content><author><name>Andrew Conlin</name></author><category term="blog" /><summary type="html"><![CDATA[Recently, I’ve been using multiple different languages and frameworks (both at work and personally) and I’ve been thinking about why I prefer some over others. Ultimately, I think it comes down to this:]]></summary></entry><entry><title type="html">Yuri Felsen on love</title><link href="http://localhost:4000/blog/2023/03/05/yuri-felsen-on-love/" rel="alternate" type="text/html" title="Yuri Felsen on love" /><published>2023-03-05T00:00:00+00:00</published><updated>2023-03-05T00:00:00+00:00</updated><id>http://localhost:4000/blog/2023/03/05/yuri-felsen-on-love</id><content type="html" xml:base="http://localhost:4000/blog/2023/03/05/yuri-felsen-on-love/"><![CDATA[<p><em>“Like everyone, I have my own, maybe obsessive futile, maybe in some way authentic, vision: all of a sudden, I will imagine the entire homogenous world as it is revealed to us-the streets, the cities, the rooms, those intelligent beasts of a sad and predatory nature, who have learn to stand on their hind legs, who have built all this but are fated to disappear, who, despite this, still try to cling to something solid and lasting, still try to ward off the inevitability of death, who dreamt up fairy tales and, now that these stories have been disproved, are disconsolate - and for me the only means of defending myself from our terrible fate is love, my love - Lyolya. Without love we fall into a stupor or despair, it covers our naked animal essence; with the fear of death, with deliberate attempts to grab hold of some kind of eternity, one that is at once a mystery to us and yet devised by us, even the remains of love, even its very echo in music, imbues us with a semblance of fearlessness, dignity and the spiritual range to disregard death. Only by loving, by knowing about love, hoping for love, are we inspired and meaningfully engaged in life, able to banish the sovereignty of petty day-to-day cares, to stop waiting for the end to come”</em></p>
+
+<p><strong>- Yuri Felsen (<em>trans. Bryan Karetnyk</em>)</strong></p>
+
+<p>From ‘Deceit’, first published in 1930 and translated to English in 2022.</p>]]></content><author><name>Andrew Conlin</name></author><category term="blog" /><summary type="html"><![CDATA[“Like everyone, I have my own, maybe obsessive futile, maybe in some way authentic, vision: all of a sudden, I will imagine the entire homogenous world as it is revealed to us-the streets, the cities, the rooms, those intelligent beasts of a sad and predatory nature, who have learn to stand on their hind legs, who have built all this but are fated to disappear, who, despite this, still try to cling to something solid and lasting, still try to ward off the inevitability of death, who dreamt up fairy tales and, now that these stories have been disproved, are disconsolate - and for me the only means of defending myself from our terrible fate is love, my love - Lyolya. Without love we fall into a stupor or despair, it covers our naked animal essence; with the fear of death, with deliberate attempts to grab hold of some kind of eternity, one that is at once a mystery to us and yet devised by us, even the remains of love, even its very echo in music, imbues us with a semblance of fearlessness, dignity and the spiritual range to disregard death. Only by loving, by knowing about love, hoping for love, are we inspired and meaningfully engaged in life, able to banish the sovereignty of petty day-to-day cares, to stop waiting for the end to come”]]></summary></entry><entry><title type="html">Musings on the power of cinema</title><link href="http://localhost:4000/blog/2023/01/14/musings-on-the-cinema/" rel="alternate" type="text/html" title="Musings on the power of cinema" /><published>2023-01-14T00:00:00+00:00</published><updated>2023-01-14T00:00:00+00:00</updated><id>http://localhost:4000/blog/2023/01/14/musings-on-the-cinema</id><content type="html" xml:base="http://localhost:4000/blog/2023/01/14/musings-on-the-cinema/"><![CDATA[<p>I’ve realised that going to the cinema makes me sad; a quiet, contemplative melancholy. Ennui. No matter the film, something about the cinema experience is meditative for me. I always look at things differently in the aftermath; like my perception is temporarily knocked off balance. No, more like a fog is lifted for a while. I especially enjoy that time immediately after, the cycle home. I notice so many little details, scenes of beauty and of strange nostalgia. Like I’m finally seeing the world how it is, or rather, I begin to see rather than look, listen rather than hear. I feel as though these moments, however brief, are when I am truly in touch with myself. My soul, my inner essence. This is why I love the cinema. These moments of private melancholy, of temporary clarity. It is a feeling I cannot replicate anywhere else in my life.</p>]]></content><author><name>Andrew Conlin</name></author><category term="blog" /><summary type="html"><![CDATA[I’ve realised that going to the cinema makes me sad; a quiet, contemplative melancholy. Ennui. No matter the film, something about the cinema experience is meditative for me. I always look at things differently in the aftermath; like my perception is temporarily knocked off balance. No, more like a fog is lifted for a while. I especially enjoy that time immediately after, the cycle home. I notice so many little details, scenes of beauty and of strange nostalgia. Like I’m finally seeing the world how it is, or rather, I begin to see rather than look, listen rather than hear. I feel as though these moments, however brief, are when I am truly in touch with myself. My soul, my inner essence. This is why I love the cinema. These moments of private melancholy, of temporary clarity. It is a feeling I cannot replicate anywhere else in my life.]]></summary></entry></feed>
\ No newline at end of file
diff --git a/_site/feed/til.xml b/_site/feed/til.xml
new file mode 100644
index 0000000..2c5fee9
--- /dev/null
+++ b/_site/feed/til.xml
@@ -0,0 +1,139 @@
+<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.3.2">Jekyll</generator><link href="http://localhost:4000/feed/til.xml" rel="self" type="application/atom+xml" /><link href="http://localhost:4000/" rel="alternate" type="text/html" /><updated>2023-09-13T09:53:14+01:00</updated><id>http://localhost:4000/feed/til.xml</id><title type="html"> | Til</title><author><name>Andrew Conlin</name></author><entry><title type="html">Running a Python script periodically in a Docker container using cron</title><link href="http://localhost:4000/til/running-python-in-cron-in-docker/" rel="alternate" type="text/html" title="Running a Python script periodically in a Docker container using cron" /><published>2023-04-19T00:00:00+01:00</published><updated>2023-04-19T00:00:00+01:00</updated><id>http://localhost:4000/til/running-python-in-cron-in-docker</id><content type="html" xml:base="http://localhost:4000/til/running-python-in-cron-in-docker/"><![CDATA[<p>Recently, my partner gave a great idea for utilising my old Kindle: generate a “newspaper” each morning from a bunch of RSS feeds, and email it to the Kindle using “Send-to-Kindle” feature (a blog post about this project is in the works).</p>
+
+<p>I loved this idea, and thought it would be no problem to get a Python script up and running periodically on my Raspberry Pi home server using <code class="language-plaintext highlighter-rouge">cron</code>. However, I ran into various issues along the way (some of which were not so easy to resolve), so I’m collating all the configuration changes I made in the hopes that it will be useful to someone one day. You can find the full repo for this project <a href="https://github.com/andrwcnln/watchman">here</a>, and I have also included my Dockerfile, docker-compose.yml and crontab at the end of this TIL.</p>
+
+<h2 id="1-double-check-the-user">1. Double check the user</h2>
+
+<p>A lot of problems with <code class="language-plaintext highlighter-rouge">cron</code> come down to user privileges. Each user has their own <code class="language-plaintext highlighter-rouge">crontab</code>, and then there is the system-wide <em>root</em> <code class="language-plaintext highlighter-rouge">crontab</code>. The first issue I ran into with creating a <code class="language-plaintext highlighter-rouge">cron</code> job inside a container was that Docker created the crontab as a non-root user. This issue presented itself to me when I tried to run the following command, to  list the current cronjobs in the Docker container:</p>
+<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>docker-compose exec container-name crontab -l
+</code></pre></div></div>
+<p>This returned the following output:</p>
+<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>no crontab for root
+</code></pre></div></div>
+<p>Now, it is not necessarily a problem to have non-root <code class="language-plaintext highlighter-rouge">cron</code> jobs, but just make absolutely certain that you are creating the jobs with the user you expect. For me, I wanted to run as <code class="language-plaintext highlighter-rouge">root</code>, so I added to following line to my docker-compose.yml:</p>
+<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>user: root
+</code></pre></div></div>
+<p>Now, the <code class="language-plaintext highlighter-rouge">root</code> user will be used when building your Docker image and the created <code class="language-plaintext highlighter-rouge">crontab</code> will be where you expect.</p>
+
+<h2 id="2-missing-dependencies">2. Missing dependencies</h2>
+<p>When <code class="language-plaintext highlighter-rouge">cron</code> calls your Python script, you may run into issues with <code class="language-plaintext highlighter-rouge">ModuleNotFoundError</code> or <code class="language-plaintext highlighter-rouge">ImportError</code>, where Python cannot find your installed packages. This is because <code class="language-plaintext highlighter-rouge">cron</code> does not have access to your system environment variables, including the Python path. You can resolve most of these errors with imports by adding the <code class="language-plaintext highlighter-rouge">PYTHONPATH</code> environment variable to your <code class="language-plaintext highlighter-rouge">crontab</code>. This should be the path to your <code class="language-plaintext highlighter-rouge">site-packages</code> folder, something like this:</p>
+<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>PYTHONPATH=/usr/bin/local/python3
+</code></pre></div></div>
+<p>You may also need to add a shebang (<code class="language-plaintext highlighter-rouge">#!</code>) to your Python script to direct <code class="language-plaintext highlighter-rouge">cron</code> to the correct version. You can find the Python location with one of the following commands:</p>
+<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>which python
+which py
+which python3
+</code></pre></div></div>
+<p><em>NOTE</em>: These commands must be performed in your Docker container when it is up and running. In <code class="language-plaintext highlighter-rouge">docker-compose</code> syntax this would be the following (with the name of your container instead of <code class="language-plaintext highlighter-rouge">container-name</code>):</p>
+<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>docker-compose exec container-name which python3
+</code></pre></div></div>
+<p>You can then add this to the top of your Python script, as follows:</p>
+<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>#!/usr/bin/local/python3
+</code></pre></div></div>
+<h2 id="3-still-missing-dependencies">3. Still missing dependencies</h2>
+<p>Some modules will still run into errors even when the PYTHONPATH variable has been set. In particular, I ran into problems with <code class="language-plaintext highlighter-rouge">reportlab</code> and <code class="language-plaintext highlighter-rouge">Pillow/PIL</code>:</p>
+<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>ImportError: cannot import name '_imaging' from 'PIL'
+</code></pre></div></div>
+<p>This was solved by adding the system PATH to the <code class="language-plaintext highlighter-rouge">crontab</code> as well. The system path is included in the default <code class="language-plaintext highlighter-rouge">crontab</code> that is created when you first run <code class="language-plaintext highlighter-rouge">crontab -e</code>:</p>
+<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>PATH=/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin
+</code></pre></div></div>
+<p>Therefore, it is a good idea to include it if you are making a new <code class="language-plaintext highlighter-rouge">crontab</code> to make sure <code class="language-plaintext highlighter-rouge">cron</code> can find everything it needs to.</p>
+
+<h2 id="4-check-relative-paths-in-python">4. Check relative paths in Python</h2>
+<p>By default, <code class="language-plaintext highlighter-rouge">cron</code> runs from the default root path. Therefore, both your call to Python in your <code class="language-plaintext highlighter-rouge">crontab</code> and the filepaths within Python should either be relative to <code class="language-plaintext highlighter-rouge">root</code> (i.e <code class="language-plaintext highlighter-rouge">/main.py</code> rather than <code class="language-plaintext highlighter-rouge">main.py</code>) or just use full paths instead.</p>
+
+<h2 id="5-failed-to-build-wheel-and-related-errors">5. “Failed to build wheel” and related errors</h2>
+<p>This error is related to Python inside a Docker container rather than <code class="language-plaintext highlighter-rouge">cron</code>. However, someone might still find it useful. When you install your <code class="language-plaintext highlighter-rouge">requirements.txt</code>, you may encounter errors such as</p>
+<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>legacy-install-failure
+error: command '/usr/bin/gcc' failed with exit code 1
+fatal error: Python.h: No such file or directory
+</code></pre></div></div>
+<p>I was able to resolve these by adding <code class="language-plaintext highlighter-rouge">python3-dev</code>, <code class="language-plaintext highlighter-rouge">wheel</code> and <code class="language-plaintext highlighter-rouge">Cmake</code> to my <code class="language-plaintext highlighter-rouge">requirements.txt</code>. These are sometimes required when packages include other binaries or need to compile other code when installed.</p>
+
+<h2 id="6-other-useful-tips">6. Other useful tips</h2>
+<ul>
+  <li><a href="https://crontab.guru">crontab.guru</a> is a great resource for checking <code class="language-plaintext highlighter-rouge">cron</code> syntax</li>
+  <li>Installing vim/nano in your Docker container to make the debugging stage easier. This is especially useful for changing your crontab to run much more frequently, or adding debugging messages etc., when the container is up.</li>
+</ul>
+
+<p>I hope this helped you resolve some errors! I’ve included my Dockerfile, docker-compose.yml and crontab below if you want to set up a similar project or adjust your own files. The full repo is also available <a href="https://github.com/andrwcnln/watchman">here</a>.</p>
+
+<p>Dockerfile:</p>
+<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>FROM python:3
+
+COPY . .
+RUN python3.11 -m pip install --no-cache-dir -r requirements.txt
+
+RUN touch /var/log/cron.log
+
+RUN apt-get update \  
+&amp;&amp; apt-get install cron -y
+
+RUN chmod +x main.py
+
+RUN crontab crontab 
+
+CMD cron -f
+</code></pre></div></div>
+<p>docker-compose.yml:</p>
+<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>version: "2.4"
+
+services:
+  watchman:
+    platform: "linux/arm64/v8"
+    image: watchman:latest
+    container_name: watchman
+    restart: always
+    user: root
+    build:
+      context: build
+      dockerfile: Dockerfile
+</code></pre></div></div>
+<p>crontab:</p>
+<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>PATH=/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin
+PYTHONPATH=/usr/bin/local/python3
+15 7 * * * python3 /main.py &gt;&gt; /var/log/cron.log 2&gt;&amp;1
+
+</code></pre></div></div>]]></content><author><name>Andrew Conlin</name></author><category term="til" /><summary type="html"><![CDATA[Recently, my partner gave a great idea for utilising my old Kindle: generate a “newspaper” each morning from a bunch of RSS feeds, and email it to the Kindle using “Send-to-Kindle” feature (a blog post about this project is in the works). I loved this idea, and thought it would be no problem to get a Python script up and running periodically on my Raspberry Pi home server using cron. However, I ran into various issues along the way (some of which were not so easy to resolve), so I’m collating all the configuration changes I made in the hopes that it will be useful to someone one day. You can find the full repo for this project here, and I have also included my Dockerfile, docker-compose.yml and crontab at the end of this TIL. 1. Double check the user A lot of problems with cron come down to user privileges. Each user has their own crontab, and then there is the system-wide root crontab. The first issue I ran into with creating a cron job inside a container was that Docker created the crontab as a non-root user. This issue presented itself to me when I tried to run the following command, to list the current cronjobs in the Docker container: docker-compose exec container-name crontab -l This returned the following output: no crontab for root Now, it is not necessarily a problem to have non-root cron jobs, but just make absolutely certain that you are creating the jobs with the user you expect. For me, I wanted to run as root, so I added to following line to my docker-compose.yml: user: root Now, the root user will be used when building your Docker image and the created crontab will be where you expect. 2. Missing dependencies When cron calls your Python script, you may run into issues with ModuleNotFoundError or ImportError, where Python cannot find your installed packages. This is because cron does not have access to your system environment variables, including the Python path. You can resolve most of these errors with imports by adding the PYTHONPATH environment variable to your crontab. This should be the path to your site-packages folder, something like this: PYTHONPATH=/usr/bin/local/python3 You may also need to add a shebang (#!) to your Python script to direct cron to the correct version. You can find the Python location with one of the following commands: which python which py which python3 NOTE: These commands must be performed in your Docker container when it is up and running. In docker-compose syntax this would be the following (with the name of your container instead of container-name): docker-compose exec container-name which python3 You can then add this to the top of your Python script, as follows: #!/usr/bin/local/python3 3. Still missing dependencies Some modules will still run into errors even when the PYTHONPATH variable has been set. In particular, I ran into problems with reportlab and Pillow/PIL: ImportError: cannot import name '_imaging' from 'PIL' This was solved by adding the system PATH to the crontab as well. The system path is included in the default crontab that is created when you first run crontab -e: PATH=/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin Therefore, it is a good idea to include it if you are making a new crontab to make sure cron can find everything it needs to. 4. Check relative paths in Python By default, cron runs from the default root path. Therefore, both your call to Python in your crontab and the filepaths within Python should either be relative to root (i.e /main.py rather than main.py) or just use full paths instead. 5. “Failed to build wheel” and related errors This error is related to Python inside a Docker container rather than cron. However, someone might still find it useful. When you install your requirements.txt, you may encounter errors such as legacy-install-failure error: command '/usr/bin/gcc' failed with exit code 1 fatal error: Python.h: No such file or directory I was able to resolve these by adding python3-dev, wheel and Cmake to my requirements.txt. These are sometimes required when packages include other binaries or need to compile other code when installed. 6. Other useful tips crontab.guru is a great resource for checking cron syntax Installing vim/nano in your Docker container to make the debugging stage easier. This is especially useful for changing your crontab to run much more frequently, or adding debugging messages etc., when the container is up. I hope this helped you resolve some errors! I’ve included my Dockerfile, docker-compose.yml and crontab below if you want to set up a similar project or adjust your own files. The full repo is also available here. Dockerfile: FROM python:3 COPY . . RUN python3.11 -m pip install --no-cache-dir -r requirements.txt RUN touch /var/log/cron.log RUN apt-get update \ &amp;&amp; apt-get install cron -y RUN chmod +x main.py RUN crontab crontab CMD cron -f docker-compose.yml: version: "2.4" services: watchman: platform: "linux/arm64/v8" image: watchman:latest container_name: watchman restart: always user: root build: context: build dockerfile: Dockerfile crontab: PATH=/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin PYTHONPATH=/usr/bin/local/python3 15 7 * * * python3 /main.py &gt;&gt; /var/log/cron.log 2&gt;&amp;1]]></summary></entry><entry><title type="html">Fixing php errors in a Nextcloud docker-compose configuration</title><link href="http://localhost:4000/til/nextcloud-php-errors/" rel="alternate" type="text/html" title="Fixing php errors in a Nextcloud docker-compose configuration" /><published>2023-03-01T00:00:00+00:00</published><updated>2023-03-01T00:00:00+00:00</updated><id>http://localhost:4000/til/nextcloud-php-errors</id><content type="html" xml:base="http://localhost:4000/til/nextcloud-php-errors/"><![CDATA[<p>I was trying to rescan the files in my Nextcloud server (running on Raspberry Pi 4 with DietPi), and kept running into some weird <code class="language-plaintext highlighter-rouge">php</code> errors.</p>
+
+<h3 id="first-error---could-not-find-driver">First error - “could not find driver”</h3>
+
+<p>I was trying using the following syntax to call <code class="language-plaintext highlighter-rouge">occ</code> and scan the files:</p>
+
+<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>sudo -u www-data php /path/to/nextcloud/occ files:scan --all
+</code></pre></div></div>
+
+<p>but I kept running into a PHP error. Specifically this error:</p>
+
+<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>Doctrine\DBAL\Exception: Failed to connect to the database: An exception occurred in the driver: could not find driver in /path/to/nextcloud/lib/private/DB/Connection.php:139
+</code></pre></div></div>
+
+<p>followed by a long, verbose stack trace.</p>
+
+<p>It took me a decent amount of time to diagnose the exact issue, but eventually I found <a href="https://docs.nextcloud.com/server/20/admin_manual/installation/source_installation.html#prerequisites-for-manual-installation">this list</a> of required PHP modules in the Nextcloud admin manual.</p>
+
+<p>Running <code class="language-plaintext highlighter-rouge">php -m</code> will print out the list of currently installed PHP modules. I noticed I was missing quite a few of the required modules, but the one that was causing my issue was the missing <code class="language-plaintext highlighter-rouge">pdo_mysql</code> module.
+This can be installed by running:</p>
+
+<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>sudo apt-get install php7.4-mysql
+</code></pre></div></div>
+<p><strong>Note: This command will change based on your OS, PHP version and database type</strong></p>
+
+<p>This resolved the error! However (as is always the case), this only meant I got a shiny new error instead:</p>
+
+<h3 id="second-error---name-or-service-not-known">Second error - “Name or service not known”</h3>
+
+<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>Doctrine\DBAL\Exception: Failed to connect to the database: An exception occurred in the driver: SQLSTATE[HY000] [2002] php_network_getaddresses: getaddrinfo failed: Name or service not known in /path/to/nextcloud/lib/private/DB/Connection.php:139
+</code></pre></div></div>
+
+<p>From first glance, this looks like something wrong in the DNS name resolution. This sent me a long way down the wrong path, changing a whole bunch of things in my docker-compose.yml file.
+Eventually however, after a long and perilous journey over the high seas of Nextcloud forums and StackOverflow, I found <a href="https://techoverflow.net/2020/07/17/how-to-run-nextcloud-php-occ-in-a-docker-compose-configuration/">this example</a> of running <code class="language-plaintext highlighter-rouge">php occ</code> in a docker-compose configuration.
+This led me to running this command:</p>
+
+<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>docker-compose exec -u www-data nextcloud-app php occ files:scan --all
+</code></pre></div></div>
+<p><strong>Note: replace nextcloud-app with the name of your Nextcloud container. Also, this command must be run from the directory of your Nextcloud docker-compose.yml</strong></p>
+
+<p>….aaaaaand, <em>voila!</em> The command runs, the files are scanned and everything is up to date.</p>
+
+<p><img src="/assets/images/occ.png" alt="terminal output showing the files that have been successfully been scanned" /></p>]]></content><author><name>Andrew Conlin</name></author><category term="til" /><category term="php" /><category term="nextcloud" /><category term="docker" /><category term="docker-compose" /><summary type="html"><![CDATA[I was trying to rescan the files in my Nextcloud server (running on Raspberry Pi 4 with DietPi), and kept running into some weird php errors.]]></summary></entry></feed>
\ No newline at end of file
diff --git a/_site/index.html b/_site/index.html
index ccb4142..60870ea 100644
--- a/_site/index.html
+++ b/_site/index.html
@@ -14,38 +14,48 @@
 
 <body>
     <div class="container text-start">
-        <div class="row row-cols-1 row-cols-md-2">
+        <div class="row row-cols-1 row-cols-md-3">
     <div class="col col-md-3">
-        <div class="row row-cols-1 g-0" id="nav" style="position:sticky;top:0px;">
-            <h1 class="display-3 logo" style="font-weight:700;" id="logo">
-                <span style="color:black;background-color:gold;">ac</span>
-            </h1>
+        <div class="row row-cols-1 g-0 content" id="nav">
+            <img src="/assets/images/me-square.jpg" class="me" style="height: 40px;width: 40px; border-radius: 20px;border: 2px solid white;"><br>
+            <b>andrew conlin</b><br>
+            software engineer @ MathWorks<br>
+            &nbsp;<br>
             
             <div class="col">
                 <h4>
-                    <a href="/" class="text-decoration-none" style="color: white;"> blog </a>
+                    <a href="/" class="text-decoration-none" style="color: white;">
+                        <img src="/assets/images/book.ico" style="height:30px;width:30px;display: inline;">&nbsp;blog
+                    </a>
                 </h4>
             </div>
             
             <div class="col">
                 <h4>
-                    <a href="/til" class="text-decoration-none" style="color: white;"> til </a>
+                    <a href="/til" class="text-decoration-none" style="color: white;">
+                        <img src="/assets/images/globe.ico" style="height:30px;width:30px;display: inline;">&nbsp;til
+                    </a>
                 </h4>
             </div>
             
             <div class="col">
                 <h4>
-                    <a href="/projects" class="text-decoration-none" style="color: white;"> projects </a>
+                    <a href="/projects" class="text-decoration-none" style="color: white;">
+                        <img src="/assets/images/computer.ico" style="height:30px;width:30px;display: inline;">&nbsp;projects
+                    </a>
                 </h4>
             </div>
             
             <div class="col">
                 <h4>
-                    <a href="http://andrewconlinphotography.co.uk" class="text-decoration-none" style="color: white;"> photos↗ </a>
+                    <a href="http://andrewconlinphotography.co.uk" class="text-decoration-none" style="color: white;">
+                        <img src="/assets/images/film.ico" style="height:30px;width:30px;display: inline;">&nbsp;photos↗
+                    </a>
                 </h4>
             </div>
             
-            <div class="col gy-2" style="font-family: Arial, Helvetica, sans-serif;">
+            &nbsp;<br>
+            <!--<div class="col gy-2" style="font-family: Arial, Helvetica, sans-serif;">
                 <h4>
                     <div>
                         <span>
@@ -85,13 +95,19 @@
                         </span>
                     </div>
                 </h4>
-            </div>
+            </div>-->
             <hr class="menu">
         </div>
     </div>
+    <!--
+    <h1 class="display-3 logo" style="font-weight:700;" id="logo">
+        <span style="color:black;background-color:gold;">ac</span>
+    </h1>
+    -->
+
         <div class="col col-md-9 content">
             <h1 style="font-weight: 500;">
-                latest posts <span style="font-size:20px;"><a href="/feed.xml"><i class="fas fa-rss-square"></i></a></span>
+                latest posts <span style="font-size:20px;"><a href="/feed/blog.xml"><i class="fas fa-rss-square"></i></a></span>
             </h1>
             <p>
                 all the posts, in reverse chronological. there is an atom feed above.
@@ -104,7 +120,7 @@
     <li>
       <h4><a href="/blog/2023/04/29/links-arent-performances/">Links aren't performances</a></h4>
       <div style="font-style: italic;">
-        <i class="fas fa-calendar"></i>&nbsp;29 Apr 2023
+        <img src="/assets/images/write.ico" style="display: inline;height: 20px;width: 20px;">&nbsp;29 Apr 2023
       </div>
       “For starters, it finds that publishing a link can be a “performance” of a copyrighted work, which meant that when Linkletter linked to the world-viewable Youtube files that Proctorio had...
       <br>
@@ -120,7 +136,7 @@
     <li>
       <h4><a href="/blog/2023/03/10/putting-thoughts-into-action/">A measure of how easily thoughts can be translated to action</a></h4>
       <div style="font-style: italic;">
-        <i class="fas fa-calendar"></i>&nbsp;10 Mar 2023
+        <img src="/assets/images/write.ico" style="display: inline;height: 20px;width: 20px;">&nbsp;10 Mar 2023
       </div>
       Recently, I’ve been using multiple different languages and frameworks (both at work and personally) and I’ve been thinking about why I prefer some over others. Ultimately, I think it comes...
       <br>
@@ -133,7 +149,7 @@
     <li>
       <h4><a href="/blog/2023/03/05/yuri-felsen-on-love/">Yuri Felsen on love</a></h4>
       <div style="font-style: italic;">
-        <i class="fas fa-calendar"></i>&nbsp;05 Mar 2023
+        <img src="/assets/images/write.ico" style="display: inline;height: 20px;width: 20px;">&nbsp;05 Mar 2023
       </div>
       “Like everyone, I have my own, maybe obsessive futile, maybe in some way authentic, vision: all of a sudden, I will imagine the entire homogenous world as it is revealed...
       <br>
@@ -149,7 +165,7 @@
     <li>
       <h4><a href="/blog/2023/01/14/musings-on-the-cinema/">Musings on the power of cinema</a></h4>
       <div style="font-style: italic;">
-        <i class="fas fa-calendar"></i>&nbsp;14 Jan 2023
+        <img src="/assets/images/write.ico" style="display: inline;height: 20px;width: 20px;">&nbsp;14 Jan 2023
       </div>
       I’ve realised that going to the cinema makes me sad; a quiet, contemplative melancholy. Ennui. No matter the film, something about the cinema experience is meditative for me. I always...
       <br>
diff --git a/_site/index_old/index.html b/_site/index_old/index.html
index 00b2ae4..a016402 100644
--- a/_site/index_old/index.html
+++ b/_site/index_old/index.html
@@ -14,38 +14,48 @@
 
 <body>
     <div class="container text-start">
-        <div class="row row-cols-1 row-cols-md-2">
+        <div class="row row-cols-1 row-cols-md-3">
     <div class="col col-md-3">
-        <div class="row row-cols-1 g-0" id="nav" style="position:sticky;top:0px;">
-            <h1 class="display-3 logo" style="font-weight:700;" id="logo">
-                <span style="color:black;background-color:gold;">ac</span>
-            </h1>
+        <div class="row row-cols-1 g-0 content" id="nav">
+            <img src="/assets/images/me-square.jpg" class="me" style="height: 40px;width: 40px; border-radius: 20px;border: 2px solid white;"><br>
+            <b>andrew conlin</b><br>
+            software engineer @ MathWorks<br>
+            &nbsp;<br>
             
             <div class="col">
                 <h4>
-                    <a href="/" class="text-decoration-none" style="color: white;"> blog </a>
+                    <a href="/" class="text-decoration-none" style="color: white;">
+                        <img src="/assets/images/book.ico" style="height:30px;width:30px;display: inline;">&nbsp;blog
+                    </a>
                 </h4>
             </div>
             
             <div class="col">
                 <h4>
-                    <a href="/til" class="text-decoration-none" style="color: white;"> til </a>
+                    <a href="/til" class="text-decoration-none" style="color: white;">
+                        <img src="/assets/images/globe.ico" style="height:30px;width:30px;display: inline;">&nbsp;til
+                    </a>
                 </h4>
             </div>
             
             <div class="col">
                 <h4>
-                    <a href="/projects" class="text-decoration-none" style="color: white;"> projects </a>
+                    <a href="/projects" class="text-decoration-none" style="color: white;">
+                        <img src="/assets/images/computer.ico" style="height:30px;width:30px;display: inline;">&nbsp;projects
+                    </a>
                 </h4>
             </div>
             
             <div class="col">
                 <h4>
-                    <a href="http://andrewconlinphotography.co.uk" class="text-decoration-none" style="color: white;"> photos↗ </a>
+                    <a href="http://andrewconlinphotography.co.uk" class="text-decoration-none" style="color: white;">
+                        <img src="/assets/images/film.ico" style="height:30px;width:30px;display: inline;">&nbsp;photos↗
+                    </a>
                 </h4>
             </div>
             
-            <div class="col gy-2" style="font-family: Arial, Helvetica, sans-serif;">
+            &nbsp;<br>
+            <!--<div class="col gy-2" style="font-family: Arial, Helvetica, sans-serif;">
                 <h4>
                     <div>
                         <span>
@@ -85,10 +95,16 @@
                         </span>
                     </div>
                 </h4>
-            </div>
+            </div>-->
             <hr class="menu">
         </div>
     </div>
+    <!--
+    <h1 class="display-3 logo" style="font-weight:700;" id="logo">
+        <span style="color:black;background-color:gold;">ac</span>
+    </h1>
+    -->
+
         <div class="col col-md-9 content">
             <h1 style="font-weight: 500;">
                 about me
diff --git a/_site/til/index.html b/_site/til/index.html
index 7bd3461..53be5db 100644
--- a/_site/til/index.html
+++ b/_site/til/index.html
@@ -14,38 +14,48 @@
 
 <body>
     <div class="container text-start">
-        <div class="row row-cols-1 row-cols-md-2">
+        <div class="row row-cols-1 row-cols-md-3">
     <div class="col col-md-3">
-        <div class="row row-cols-1 g-0" id="nav" style="position:sticky;top:0px;">
-            <h1 class="display-3 logo" style="font-weight:700;" id="logo">
-                <span style="color:black;background-color:gold;">ac</span>
-            </h1>
+        <div class="row row-cols-1 g-0 content" id="nav">
+            <img src="/assets/images/me-square.jpg" class="me" style="height: 40px;width: 40px; border-radius: 20px;border: 2px solid white;"><br>
+            <b>andrew conlin</b><br>
+            software engineer @ MathWorks<br>
+            &nbsp;<br>
             
             <div class="col">
                 <h4>
-                    <a href="/" class="text-decoration-none" style="color: white;"> blog </a>
+                    <a href="/" class="text-decoration-none" style="color: white;">
+                        <img src="/assets/images/book.ico" style="height:30px;width:30px;display: inline;">&nbsp;blog
+                    </a>
                 </h4>
             </div>
             
             <div class="col">
                 <h4>
-                    <a href="/til" class="text-decoration-none" style="color: white;"> til </a>
+                    <a href="/til" class="text-decoration-none" style="color: white;">
+                        <img src="/assets/images/globe.ico" style="height:30px;width:30px;display: inline;">&nbsp;til
+                    </a>
                 </h4>
             </div>
             
             <div class="col">
                 <h4>
-                    <a href="/projects" class="text-decoration-none" style="color: white;"> projects </a>
+                    <a href="/projects" class="text-decoration-none" style="color: white;">
+                        <img src="/assets/images/computer.ico" style="height:30px;width:30px;display: inline;">&nbsp;projects
+                    </a>
                 </h4>
             </div>
             
             <div class="col">
                 <h4>
-                    <a href="http://andrewconlinphotography.co.uk" class="text-decoration-none" style="color: white;"> photos↗ </a>
+                    <a href="http://andrewconlinphotography.co.uk" class="text-decoration-none" style="color: white;">
+                        <img src="/assets/images/film.ico" style="height:30px;width:30px;display: inline;">&nbsp;photos↗
+                    </a>
                 </h4>
             </div>
             
-            <div class="col gy-2" style="font-family: Arial, Helvetica, sans-serif;">
+            &nbsp;<br>
+            <!--<div class="col gy-2" style="font-family: Arial, Helvetica, sans-serif;">
                 <h4>
                     <div>
                         <span>
@@ -85,10 +95,16 @@
                         </span>
                     </div>
                 </h4>
-            </div>
+            </div>-->
             <hr class="menu">
         </div>
     </div>
+    <!--
+    <h1 class="display-3 logo" style="font-weight:700;" id="logo">
+        <span style="color:black;background-color:gold;">ac</span>
+    </h1>
+    -->
+
         <div class="col col-md-9 content">
             <h1 style="font-weight: 500;">
                 latest tils <span style="font-size:20px;"><a href="/feed/til.xml"><i class="fas fa-rss-square"></i></a></span>
@@ -107,7 +123,7 @@
     <li>
       <h4><a href="/til/running-python-in-cron-in-docker/">Running a Python script periodically in a Docker container using cron</a></h4>
       <div style="font-family:Rubik;font-style: italic;">
-        <i class="fas fa-calendar"></i>&nbsp;19 Apr 2023
+        <img src="/assets/images/write.ico" style="display: inline;height: 20px;width: 20px;">&nbsp;19 Apr 2023
       </div>
       Recently, my partner gave a great idea for utilising my old Kindle: generate a “newspaper” each morning from a bunch of RSS feeds, and email it to the Kindle using...
       <br>
@@ -126,7 +142,7 @@
     <li>
       <h4><a href="/til/nextcloud-php-errors/">Fixing php errors in a Nextcloud docker-compose configuration</a></h4>
       <div style="font-family:Rubik;font-style: italic;">
-        <i class="fas fa-calendar"></i>&nbsp;01 Mar 2023
+        <img src="/assets/images/write.ico" style="display: inline;height: 20px;width: 20px;">&nbsp;01 Mar 2023
       </div>
       I was trying to rescan the files in my Nextcloud server (running on Raspberry Pi 4 with DietPi), and kept running into some weird php errors. First error - “could...
       <br>
diff --git a/_site/til/nextcloud-php-errors/index.html b/_site/til/nextcloud-php-errors/index.html
index b357ff0..cd035d4 100644
--- a/_site/til/nextcloud-php-errors/index.html
+++ b/_site/til/nextcloud-php-errors/index.html
@@ -14,38 +14,48 @@
 
 <body>
     <div class="container text-start">
-        <div class="row row-cols-1 row-cols-md-2">
+        <div class="row row-cols-1 row-cols-md-3">
     <div class="col col-md-3">
-        <div class="row row-cols-1 g-0" id="nav" style="position:sticky;top:0px;">
-            <h1 class="display-3 logo" style="font-weight:700;" id="logo">
-                <span style="color:black;background-color:gold;">ac</span>
-            </h1>
+        <div class="row row-cols-1 g-0 content" id="nav">
+            <img src="/assets/images/me-square.jpg" class="me" style="height: 40px;width: 40px; border-radius: 20px;border: 2px solid white;"><br>
+            <b>andrew conlin</b><br>
+            software engineer @ MathWorks<br>
+            &nbsp;<br>
             
             <div class="col">
                 <h4>
-                    <a href="/" class="text-decoration-none" style="color: white;"> blog </a>
+                    <a href="/" class="text-decoration-none" style="color: white;">
+                        <img src="/assets/images/book.ico" style="height:30px;width:30px;display: inline;">&nbsp;blog
+                    </a>
                 </h4>
             </div>
             
             <div class="col">
                 <h4>
-                    <a href="/til" class="text-decoration-none" style="color: white;"> til </a>
+                    <a href="/til" class="text-decoration-none" style="color: white;">
+                        <img src="/assets/images/globe.ico" style="height:30px;width:30px;display: inline;">&nbsp;til
+                    </a>
                 </h4>
             </div>
             
             <div class="col">
                 <h4>
-                    <a href="/projects" class="text-decoration-none" style="color: white;"> projects </a>
+                    <a href="/projects" class="text-decoration-none" style="color: white;">
+                        <img src="/assets/images/computer.ico" style="height:30px;width:30px;display: inline;">&nbsp;projects
+                    </a>
                 </h4>
             </div>
             
             <div class="col">
                 <h4>
-                    <a href="http://andrewconlinphotography.co.uk" class="text-decoration-none" style="color: white;"> photos↗ </a>
+                    <a href="http://andrewconlinphotography.co.uk" class="text-decoration-none" style="color: white;">
+                        <img src="/assets/images/film.ico" style="height:30px;width:30px;display: inline;">&nbsp;photos↗
+                    </a>
                 </h4>
             </div>
             
-            <div class="col gy-2" style="font-family: Arial, Helvetica, sans-serif;">
+            &nbsp;<br>
+            <!--<div class="col gy-2" style="font-family: Arial, Helvetica, sans-serif;">
                 <h4>
                     <div>
                         <span>
@@ -85,10 +95,16 @@
                         </span>
                     </div>
                 </h4>
-            </div>
+            </div>-->
             <hr class="menu">
         </div>
     </div>
+    <!--
+    <h1 class="display-3 logo" style="font-weight:700;" id="logo">
+        <span style="color:black;background-color:gold;">ac</span>
+    </h1>
+    -->
+
         <div class="col col-md-9 content">
             <h1 style="font-weight: 500;">
                 Fixing php errors in a Nextcloud docker-compose configuration
@@ -97,9 +113,9 @@
                 
             </p>
             <p style="font-family:Rubik;font-style:italic;">
-    <i class="fas fa-calendar"></i>&nbsp;01 Mar 2023
+    <img src="/assets/images/write.ico" style="display: inline;height: 20px;width: 20px;">&nbsp;01 Mar 2023
     &nbsp;
-    <i class="fas fa-clock"></i>&nbsp;2 minutes
+    <img src="/assets/images/alarm.ico" style="display: inline;height: 20px;width: 20px;">&nbsp;2 minutes
 </p>
 <hr>
 
diff --git a/_site/til/running-python-in-cron-in-docker/index.html b/_site/til/running-python-in-cron-in-docker/index.html
index 6469722..beff9c9 100644
--- a/_site/til/running-python-in-cron-in-docker/index.html
+++ b/_site/til/running-python-in-cron-in-docker/index.html
@@ -14,38 +14,48 @@
 
 <body>
     <div class="container text-start">
-        <div class="row row-cols-1 row-cols-md-2">
+        <div class="row row-cols-1 row-cols-md-3">
     <div class="col col-md-3">
-        <div class="row row-cols-1 g-0" id="nav" style="position:sticky;top:0px;">
-            <h1 class="display-3 logo" style="font-weight:700;" id="logo">
-                <span style="color:black;background-color:gold;">ac</span>
-            </h1>
+        <div class="row row-cols-1 g-0 content" id="nav">
+            <img src="/assets/images/me-square.jpg" class="me" style="height: 40px;width: 40px; border-radius: 20px;border: 2px solid white;"><br>
+            <b>andrew conlin</b><br>
+            software engineer @ MathWorks<br>
+            &nbsp;<br>
             
             <div class="col">
                 <h4>
-                    <a href="/" class="text-decoration-none" style="color: white;"> blog </a>
+                    <a href="/" class="text-decoration-none" style="color: white;">
+                        <img src="/assets/images/book.ico" style="height:30px;width:30px;display: inline;">&nbsp;blog
+                    </a>
                 </h4>
             </div>
             
             <div class="col">
                 <h4>
-                    <a href="/til" class="text-decoration-none" style="color: white;"> til </a>
+                    <a href="/til" class="text-decoration-none" style="color: white;">
+                        <img src="/assets/images/globe.ico" style="height:30px;width:30px;display: inline;">&nbsp;til
+                    </a>
                 </h4>
             </div>
             
             <div class="col">
                 <h4>
-                    <a href="/projects" class="text-decoration-none" style="color: white;"> projects </a>
+                    <a href="/projects" class="text-decoration-none" style="color: white;">
+                        <img src="/assets/images/computer.ico" style="height:30px;width:30px;display: inline;">&nbsp;projects
+                    </a>
                 </h4>
             </div>
             
             <div class="col">
                 <h4>
-                    <a href="http://andrewconlinphotography.co.uk" class="text-decoration-none" style="color: white;"> photos↗ </a>
+                    <a href="http://andrewconlinphotography.co.uk" class="text-decoration-none" style="color: white;">
+                        <img src="/assets/images/film.ico" style="height:30px;width:30px;display: inline;">&nbsp;photos↗
+                    </a>
                 </h4>
             </div>
             
-            <div class="col gy-2" style="font-family: Arial, Helvetica, sans-serif;">
+            &nbsp;<br>
+            <!--<div class="col gy-2" style="font-family: Arial, Helvetica, sans-serif;">
                 <h4>
                     <div>
                         <span>
@@ -85,10 +95,16 @@
                         </span>
                     </div>
                 </h4>
-            </div>
+            </div>-->
             <hr class="menu">
         </div>
     </div>
+    <!--
+    <h1 class="display-3 logo" style="font-weight:700;" id="logo">
+        <span style="color:black;background-color:gold;">ac</span>
+    </h1>
+    -->
+
         <div class="col col-md-9 content">
             <h1 style="font-weight: 500;">
                 Running a Python script periodically in a Docker container using cron
@@ -97,9 +113,9 @@
                 
             </p>
             <p style="font-family:Rubik;font-style:italic;">
-    <i class="fas fa-calendar"></i>&nbsp;19 Apr 2023
+    <img src="/assets/images/write.ico" style="display: inline;height: 20px;width: 20px;">&nbsp;19 Apr 2023
     &nbsp;
-    <i class="fas fa-clock"></i>&nbsp;3 minutes
+    <img src="/assets/images/alarm.ico" style="display: inline;height: 20px;width: 20px;">&nbsp;3 minutes
 </p>
 <hr>
 
diff --git a/assets/css/default.css b/assets/css/default.css
index 00b8b65..26e4232 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -26,7 +26,7 @@ div.content {
 
 @media (max-width: 768px) {
     div.content {
-        top: 0px;
+        top: 20px;
     }
 }
 
@@ -53,25 +53,12 @@ pre {
     white-space: pre-wrap;
 }
 
-img {
-    display: block;
-    width: 30vw;
-}
-
 img.letterboxd {
     display: inline-block;
     width:20px;
     margin-bottom: 5px;
 }
 
-@media (max-width: 768px) {
-img {
-    width: 90vw;
-    margin-left: auto;
-    margin-right: auto;
-}
-}
-
 @media (max-width: 768px) {
 img.letterboxd {
     margin-left: 0;
diff --git a/assets/images/alarm.ico b/assets/images/alarm.ico
new file mode 100644
index 0000000..936d524
Binary files /dev/null and b/assets/images/alarm.ico differ
diff --git a/assets/images/book.ico b/assets/images/book.ico
new file mode 100644
index 0000000..b430c63
Binary files /dev/null and b/assets/images/book.ico differ
diff --git a/assets/images/computer.ico b/assets/images/computer.ico
new file mode 100644
index 0000000..c98c668
Binary files /dev/null and b/assets/images/computer.ico differ
diff --git a/assets/images/desktop.ico b/assets/images/desktop.ico
new file mode 100644
index 0000000..2407e6e
Binary files /dev/null and b/assets/images/desktop.ico differ
diff --git a/assets/images/film.ico b/assets/images/film.ico
new file mode 100644
index 0000000..0bcc525
Binary files /dev/null and b/assets/images/film.ico differ
diff --git a/assets/images/globe.ico b/assets/images/globe.ico
new file mode 100644
index 0000000..49e7adb
Binary files /dev/null and b/assets/images/globe.ico differ
diff --git a/assets/images/me-square.jpg b/assets/images/me-square.jpg
new file mode 100644
index 0000000..a204d6d
Binary files /dev/null and b/assets/images/me-square.jpg differ
diff --git a/assets/images/write.ico b/assets/images/write.ico
new file mode 100644
index 0000000..ef88e53
Binary files /dev/null and b/assets/images/write.ico differ
diff --git a/index.html b/index.html
index d02c120..96d0a38 100644
--- a/index.html
+++ b/index.html
@@ -1,6 +1,6 @@
 ---
 layout: default
-title: latest posts <span style="font-size:20px;"><a href="/feed.xml"><i class="fas fa-rss-square"></i></a></span>
+title: latest posts <span style="font-size:20px;"><a href="/feed/blog.xml"><i class="fas fa-rss-square"></i></a></span>
 subtitle: all the posts, in reverse chronological. there is an atom feed above.
 permalink: /
 ---
@@ -14,7 +14,7 @@ permalink: /
     <li>
       <h4><a href="{{ post.url }}">{{ post.title }}</a></h4>
       <div style="font-style: italic;">
-        <i class="fas fa-calendar"></i>&nbsp;{{ post.date | date_to_string }}
+        <img src="/assets/images/write.ico" style="display: inline;height: 20px;width: 20px;">&nbsp;{{ post.date | date_to_string }}
       </div>
       {{ post.content | strip_html | truncatewords: 30 }}
       <br>
diff --git a/til.html b/til.html
index 780eef5..095fc74 100644
--- a/til.html
+++ b/til.html
@@ -14,7 +14,7 @@ permalink: /til/
     <li>
       <h4><a href="{{ post.url }}">{{ post.title }}</a></h4>
       <div style="font-family:Rubik;font-style: italic;">
-        <i class="fas fa-calendar"></i>&nbsp;{{ post.date | date_to_string }}
+        <img src="/assets/images/write.ico" style="display: inline;height: 20px;width: 20px;">&nbsp;{{ post.date | date_to_string }}
       </div>
       {{ post.content | strip_html | truncatewords: 30 }}
       <br>