diff --git a/blog/templates/fragments/topbar.html b/blog/templates/fragments/topbar.html
new file mode 100644
index 00000000..e47399be
--- /dev/null
+++ b/blog/templates/fragments/topbar.html
@@ -0,0 +1,21 @@
+{{ define "blog/fragments/topbar" }}
+  <header class="max-w-screen-xl mx-auto w-full" style="z-index: 20;">
+    <nav class="mx-auto space-x-4 px-6 py-2">
+      <div class="flex justify-between p-0 items-center">
+        <div id="left-items">
+          <a href="https://tangled.org" class="text-2xl no-underline hover:no-underline flex items-center gap-2">
+            {{ template "fragments/logotypeSmall" }}
+          </a>
+        </div>
+
+        <div id="right-items" class="flex items-center gap-4">
+          <a href="https://tangled.org/login">login</a>
+          <span class="text-gray-500 dark:text-gray-400">or</span>
+          <a href="https://tangled.org/signup" class="btn-create py-0 hover:no-underline hover:text-white flex items-center gap-2">
+            join now {{ i "arrow-right" "size-4" }}
+          </a>
+        </div>
+      </div>
+    </nav>
+  </header>
+{{ end }}
diff --git a/blog/templates/index.html b/blog/templates/index.html
index d85b4527..2e20e2a1 100644
--- a/blog/templates/index.html
+++ b/blog/templates/index.html
@@ -9,25 +9,7 @@
 {{ define "bodyClasses" }}!bg-white dark:!bg-gray-900{{ end }}
 
 {{ define "topbarLayout" }}
-<header class="max-w-screen-xl mx-auto w-full" style="z-index: 20;">
-  <nav class="mx-auto space-x-4 px-6 py-2">
-    <div class="flex justify-between p-0 items-center">
-      <div id="left-items">
-        <a href="/" hx-boost="true" class="text-2xl no-underline hover:no-underline flex items-center gap-2">
-          {{ template "fragments/logotypeSmall" }}
-        </a>
-      </div>
-
-      <div id="right-items" class="flex items-center gap-4">
-        <a href="https://tangled.org/login">login</a>
-        <span class="text-gray-500 dark:text-gray-400">or</span>
-        <a href="https://tangled.org/signup" class="btn-create py-0 hover:no-underline hover:text-white flex items-center gap-2">
-          join now {{ i "arrow-right" "size-4" }}
-        </a>
-      </div>
-    </div>
-  </nav>
-</header>
+  {{ template "blog/fragments/topbar" . }}
 {{ end }}
 
 {{ define "content" }}
diff --git a/blog/templates/post.html b/blog/templates/post.html
index d0705434..0eaaa521 100644
--- a/blog/templates/post.html
+++ b/blog/templates/post.html
@@ -20,9 +20,7 @@
 {{ define "bodyClasses" }}!bg-white dark:!bg-gray-900{{ end }}
 
 {{ define "topbarLayout" }}
-<header class="max-w-screen-xl mx-auto w-full" style="z-index: 20;">
-  {{ template "layouts/fragments/topbar" . }}
-</header>
+  {{ template "blog/fragments/topbar" . }}
 {{ end }}
 
 {{ define "footerLayout" }}{{ template "blog/fragments/footer" . }}{{ end }}
@@ -33,10 +31,14 @@
 
     <header class="not-prose mb-4">
       {{ $authors := .Post.Meta.Authors }}
-      <p class="mb-1 text-sm text-gray-600 dark:text-gray-400">
-        {{ $date := .Post.ParsedDate }}
-        {{ $date | shortTimeFmt }}
-      </p>
+      <div class="flex items-center gap-2 mb-1 text-sm text-gray-600 dark:text-gray-400">
+        <a href="/" class="flex items-center gap-1 text-gray-600 dark:text-gray-400">{{ i "arrow-left" "size-4" }} all posts</a>
+        ·
+        <p>
+          {{ $date := .Post.ParsedDate }}
+          {{ $date | shortTimeFmt }}
+        </p>
+      </div class="flex items-center gap-2">
 
       <h1 class="mb-0 text-2xl font-bold dark:text-white">
         {{ .Post.Meta.Title }}