diff --git a/scripts/bootstrap-icons/src/classes.json b/scripts/bootstrap-icons/src/classes.json
index 09a1105..943fef9 100644
--- a/scripts/bootstrap-icons/src/classes.json
+++ b/scripts/bootstrap-icons/src/classes.json
@@ -10,6 +10,7 @@
   "bi-info-circle",
   "bi-lightning",
   "bi-list-ul",
+  "bi-paragraph",
   "bi-pencil",
   "bi-question-circle",
   "bi-quote",
diff --git a/src/_components/navbar.vto b/src/_components/navbar.vto
index 74a6e6e..2000812 100644
--- a/src/_components/navbar.vto
+++ b/src/_components/navbar.vto
@@ -1,4 +1,4 @@
-<header role="banner" class="bg-mantle min-h-20 flex flex-row justify-around mb-2">
+<header class="bg-mantle min-h-20 flex flex-row justify-around mb-2">
     <a class="flex flex-row justify-center gap-x-4 content-center" href="/">
         {{ await comp.logo() }}
     </a>
diff --git a/src/_components/post_card.vto b/src/_components/post_card.vto
index fe67f02..0a6ddfd 100644
--- a/src/_components/post_card.vto
+++ b/src/_components/post_card.vto
@@ -5,8 +5,8 @@
                 <p class="text-subtext1 text-lg">{{ post.title }}</p>
                 <p class="inline italic text-subtext0">{{ post.summary }}</p>
                 <p class="float-right inline text-blue">
-                    <time datetime="{{ post.date |> date('date') }}">
-                        {{ post.date |> date('DATE') }}
+                    <time datetime="{{ post.published |> date('date') }}">
+                        {{ post.published |> date('DATE') }}
                     </time>
                 </p>
             </div>
@@ -19,8 +19,8 @@
                 <h2 class="text-subtext1 font-serif text-2xl mb-2">{{ post.title }}</h2>
                 <h3 class="text-lg lg:inline italic text-subtext0">{{ post.summary }}</h3>
                 <p class="text-lg lg:float-right lg:inline text-blue">
-                    <time datetime="{{ post.date |> date('date') }}">
-                        {{ post.date |> date('DATE') }}
+                    <time datetime="{{ post.published |> date('date') }}">
+                        {{ post.published |> date('DATE') }}
                     </time>
                 </p>
             </div>
diff --git a/src/_includes/layouts/about.vto b/src/_includes/layouts/about.vto
index bc4947f..74f8a91 100644
--- a/src/_includes/layouts/about.vto
+++ b/src/_includes/layouts/about.vto
@@ -2,9 +2,9 @@
     <main class="min-h-screen text-text justify-self-center w-full lg:w-1/2 h-card">
         <h1 class="my-8 text-5xl text-bold text-mauve">
             About
-            <div class="p-name p-nickname inline">
+            <span class="p-name p-nickname inline">
                 dish
-            </div>
+            </span>
         </h1>
 
         <div class="text-lg">
diff --git a/src/_includes/layouts/blog-list.vto b/src/_includes/layouts/blog-list.vto
index a66ccf7..3d9b0b3 100644
--- a/src/_includes/layouts/blog-list.vto
+++ b/src/_includes/layouts/blog-list.vto
@@ -9,7 +9,7 @@
             <i class="text-5xl si si-rss"></i>
         </a>
         <ul class="mt-8">
-            {{ for post of search.pages("category=blog") }}
+            {{ for post of search.pages("category=blog", "published=desc") }}
                 {{ await comp.post_card({"post": post}) }}
             {{ /for }}
         </ul>
diff --git a/src/_includes/layouts/blog-post.vto b/src/_includes/layouts/blog-post.vto
index f3e1845..7d4c831 100644
--- a/src/_includes/layouts/blog-post.vto
+++ b/src/_includes/layouts/blog-post.vto
@@ -10,7 +10,7 @@
             </h2>
             <h2 class="text-2xl font-sans mb-8 text-overlay1">
                 By
-                <div class="inline p-author">{{ author.name }}</div>
+                <span class="inline p-author">{{ author.name }}</span>
             </h2>
 
             <div class="e-content text-lg">
diff --git a/src/blog/example-blog-post-2.md b/src/blog/example-blog-post-2.md
index df08b15..67e469c 100644
--- a/src/blog/example-blog-post-2.md
+++ b/src/blog/example-blog-post-2.md
@@ -5,6 +5,6 @@ draft: true
 published: 2025-02-14
 ---
 
-# example blog post 2
+## example blog post 2
 
 here's another link: [[example-blog-post]]
diff --git a/src/blog/example-blog-post.md b/src/blog/example-blog-post.md
index c5b20c8..0f25d5f 100644
--- a/src/blog/example-blog-post.md
+++ b/src/blog/example-blog-post.md
@@ -5,4 +5,4 @@ draft: true
 published: 2025-02-14
 ---
 
-# meow meow!
+## meow meow! {#meow-meow}
diff --git a/src/static/icons/bsi.min.css b/src/static/icons/bsi.min.css
index d6dcc03..f29714e 100644
--- a/src/static/icons/bsi.min.css
+++ b/src/static/icons/bsi.min.css
@@ -2,7 +2,7 @@
 @font-face {
   font-display: block;
   font-family: bootstrap-icons;
-  src: url("/static/icons/bsi.min.woff2?v=1740025433") format("woff2");
+  src: url("/static/icons/bsi.min.woff2?v=1740282679") format("woff2");
 }
 .bi::before,
 [class*=" bi-"]::before,
@@ -44,6 +44,9 @@
 .bi-list-ul::before {
   content: "\f478";
 }
+.bi-paragraph::before {
+  content: "\f4b4";
+}
 .bi-pencil::before {
   content: "\f4cb";
 }
diff --git a/src/static/icons/bsi.min.woff2 b/src/static/icons/bsi.min.woff2
index 86c3861c1bb4cc3dc95ce8e3879c4a0b976ad35b..9dab51cb9d70d18547995772d4d3ff1e74723ca7 100644
GIT binary patch
literal 1696
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

literal 1628
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

diff --git a/src/static/styles.css b/src/static/styles.css
index 6f7d69e..b7fffbb 100644
--- a/src/static/styles.css
+++ b/src/static/styles.css
@@ -118,6 +118,21 @@
     div.callout-content > p {
         @apply mb-0;
     }
+
+    h2:has(a.header-anchor) {
+        @apply text-3xl text-mauve relative mb-8 no-underline;
+        left: -1.75rem;
+    }
+    h2:has(a.header-anchor)::before {
+        @apply text-2xl relative mr-1;
+        top: 0.25rem;
+        font-family: "bootstrap-icons";
+        content: "\F4B4";
+    }
+}
+
+@utility header-anchor {
+    @apply text-mauve!;
 }
 
 @utility callout {