diff --git a/views/index.pug b/views/index.pug
index cb0e4f2..5c1d798 100644
--- a/views/index.pug
+++ b/views/index.pug
@@ -9,38 +9,39 @@ mixin entry($item)
             time(datetime="{$item['date']}").dt-published !{$item['date_formatted']}
 
 block content
-    header.h-card
-        .header-image
-            img(src="/static/img/profile.png", alt="Yarmo's profile picture").profile-picture.u-photo
+    .h-card
+        header
+            .header-image
+                img(src="/static/img/profile.png", alt="Yarmo's profile picture").profile-picture.u-photo
+            
+            .header-description
+                h1
+                    | I'm 
+                    a(href="https://yarmo.eu", rel="me", title="yarmo.eu").u-url.u-uid
+                        span.p-name Yarmo Mackenbach
+                    |  (
+                    a(href="https://pronoun.is/he").u-pronoun he/him/his
+                    | )
+                p.p-note
+                    | Finished a PhD in <span class="p-category">Neurosciences</span>.<br>
+                    | Enjoys <span class="p-category">programming</span> and <span class="p-category">making music</span>.<br>
+                    | Advocates for <span class="p-category">FOSS</span> and <span class="p-category">online privacy</span>.
+                p
+                    a(href="mailto:yarmo@qivro.xyz", rel="me", title="Email").u-email Email
+                    |  &mdash; 
+                    a(href="xmpp:yarmo@qivro.xyz", rel="me", title="XMPP").u-xmpp XMPP
+                    |  &mdash; 
+                    a(href="https://fosstodon.org/@yarmo", rel="me", title="Fediverse").u-url Fediverse
+                    |  &mdash; 
+                    a(href="https://git.yarmo.eu/yarmo", rel="me", title="Gitea").u-url Gitea
+                    |  &mdash; 
+                    a(href="/9F0048AC0B23301E1F77E994909F6BD6F80F485D.asc", download="/9F0048AC0B23301E1F77E994909F6BD6F80F485D.asc", rel="pgpkey publickey authn", type="text/plain", title="PGP public key") PGP
         
-        .header-description
-            h1
-                | I'm 
-                a(href="https://yarmo.eu", rel="me", title="yarmo.eu").u-url.u-uid
-                    span.p-name Yarmo Mackenbach
-                |  (
-                a(href="https://pronoun.is/he").u-pronoun he/him/his
-                | )
-            p.p-note
-                | Finished a PhD in <span class="p-category">Neurosciences</span>.<br>
-                | Enjoys <span class="p-category">programming</span> and <span class="p-category">making music</span>.<br>
-                | Advocates for <span class="p-category">FOSS</span> and <span class="p-category">online privacy</span>.
+        main
             p
-                a(href="mailto:yarmo@qivro.xyz", rel="me", title="Email").u-email Email
-                |  &mdash; 
-                a(href="xmpp:yarmo@qivro.xyz", rel="me", title="XMPP").u-xmpp XMPP
-                |  &mdash; 
-                a(href="https://fosstodon.org/@yarmo", rel="me", title="Fediverse").u-url Fediverse
-                |  &mdash; 
-                a(href="https://git.yarmo.eu/yarmo", rel="me", title="Gitea").u-url Gitea
-                |  &mdash; 
-                a(href="/9F0048AC0B23301E1F77E994909F6BD6F80F485D.asc", download="/9F0048AC0B23301E1F77E994909F6BD6F80F485D.asc", rel="pgpkey publickey authn", type="text/plain", title="PGP public key") PGP
-    
-    main
-        p
-            | Go to: 
-            a(href="/about") about me
-        
-        .longform_list
-            each $item in $posts
-                +entry($item)
+                | Go to: 
+                a(href="/about") about me
+            
+            .longform_list.h-feed
+                each $item in $posts
+                    +entry($item)