From 0cdd86faae1075f08f7493e5f2e8635fbb9577de Mon Sep 17 00:00:00 2001
From: Eltrac <hi@guhub.cn>
Date: Tue, 29 Apr 2025 14:01:21 +0800
Subject: feat: post bottom navigation

allow users to navigate between posts in a timeline order
---
 layouts/posts/single.html | 13 +++++++++++++
 1 file changed, 13 insertions(+)

(limited to 'layouts/posts/single.html')

diff --git a/layouts/posts/single.html b/layouts/posts/single.html
index 32c58a78..bb0daca8 100644
--- a/layouts/posts/single.html
+++ b/layouts/posts/single.html
@@ -70,6 +70,19 @@
       </div>
       {{ end }}
 
+      <!-- Post Bottom Navigation -->
+      <nav class="post-bottom-navigation">
+        <ul>
+            {{ if .NextInSection }}
+                <li><a href="{{ .NextInSection.RelPermalink }}" data-umami-event="Click Next Post">← {{ .NextInSection.Title }}</a></li>
+            {{ else }}<li class="placeholder"></li>{{ end }}
+            <li style="place-self: center;"><a href="{{ .Site.LanguagePrefix }}/">{{ T "backToHome" }}</a></li>
+            {{ if .PrevInSection }}
+                <li><a href="{{ .PrevInSection.RelPermalink }}" data-umami-event="Click Previous Post">{{ .PrevInSection.Title }} →</a></li>
+            {{ else }}<li class="placeholder"></li>{{ end }}
+        </ul>
+      </nav>
+
       <script src="/js/tocbot.min.js"></script>
       <script>
       tocbot.init({
-- 
cgit v1.2.3