From ad3c607623b61dd77d15294db7fe35db189181cf Mon Sep 17 00:00:00 2001
From: Xin <xin@imfing.com>
Date: Wed, 9 Aug 2023 22:36:20 +0100
Subject: [PATCH] feat: add last updated component

chore: option to reverse pagination

chore: reverse pagination for blog entries

- fix space for "by" authors
---
 layouts/blog/single.html                      | 13 +++++++------
 layouts/docs/single.html                      |  2 +-
 layouts/partials/components/last-updated.html |  8 ++++++++
 layouts/partials/pager.html                   |  6 ++++--
 4 files changed, 20 insertions(+), 9 deletions(-)
 create mode 100644 layouts/partials/components/last-updated.html

diff --git a/layouts/blog/single.html b/layouts/blog/single.html
index e9317f4..bf1793b 100644
--- a/layouts/blog/single.html
+++ b/layouts/blog/single.html
@@ -9,15 +9,15 @@
         {{ with $date := .Date }}
           <div class="mt-4 mb-16 text-gray-500 text-sm">
             {{ partial "utils/format-date" $date }}
-            {{- if $.Params.authors }} by {{ end -}}
-            {{- with $.Params.authors }}
+            {{- if $.Params.authors }}&nbsp;by&nbsp;{{ end -}}
+            {{- with $.Params.authors -}}
               {{- range $i, $author := . -}}
                 {{- if $i }},{{ end -}}
-                {{- if $author.link }}
+                {{- if $author.link -}}
                   <a href="{{ $author.link }}" target="_blank" class="mx-1 text-current underline [text-underline-position:from-font] decoration-from-font">{{ $author.name }}</a>
-                {{ else }}
+                {{- else -}}
                   <span>{{ $author.name }}</span>
-                {{ end -}}
+                {{- end -}}
               {{- end -}}
             {{- end -}}
           </div>
@@ -25,7 +25,8 @@
         <div class="content">
           {{ .Content }}
         </div>
-        <div class="mt-16"></div>
+        {{ partial "components/last-updated.html" . }}
+        {{ .Scratch.Set "reversePagination" true }}
         {{ partial "pager.html" . }}
       </main>
     </article>
diff --git a/layouts/docs/single.html b/layouts/docs/single.html
index ae0bd28..6aca8ed 100644
--- a/layouts/docs/single.html
+++ b/layouts/docs/single.html
@@ -9,7 +9,7 @@
           <h1>{{ .Title }}</h1>
           {{ .Content }}
         </div>
-        <div class="mt-16"></div>
+        {{ partial "components/last-updated.html" . }}
         {{ partial "pager.html" . }}
       </main>
     </article>
diff --git a/layouts/partials/components/last-updated.html b/layouts/partials/components/last-updated.html
new file mode 100644
index 0000000..d90e4aa
--- /dev/null
+++ b/layouts/partials/components/last-updated.html
@@ -0,0 +1,8 @@
+{{ if site.Params.displayUpdatedDate }}
+  {{- with .Lastmod -}}
+    {{ $datetime := (time.Format "2006-01-02T15:04:05.000Z" .) }}
+    <div class="mt-12 mb-8 block text-xs text-gray-500 ltr:text-right rtl:text-left dark:text-gray-400">Last updated on <time datetime="{{ $datetime }}">{{ partial "utils/format-date" . }}</time></div>
+  {{- end -}}
+{{ else }}
+  <div class="mt-16"></div>
+{{ end }}
diff --git a/layouts/partials/pager.html b/layouts/partials/pager.html
index 14d883d..6007fde 100644
--- a/layouts/partials/pager.html
+++ b/layouts/partials/pager.html
@@ -1,7 +1,9 @@
 {{/* Article navigation on the footer of the article */}}
 
-{{- $prev := .NextInSection -}}
-{{- $next := .PrevInSection -}}
+{{ $reversePagination := .Scratch.Get "reversePagination" | default false }}
+
+{{- $prev := cond $reversePagination .PrevInSection .NextInSection -}}
+{{- $next := cond $reversePagination .NextInSection .PrevInSection -}}
 {{- if or $prev $next -}}
   <div class="mb-8 flex items-center border-t pt-8 dark:border-neutral-800 contrast-more:border-neutral-400 dark:contrast-more:border-neutral-400 print:hidden">
     {{- if $prev -}}