✨ Add article pagination links and display params

layouts/partials/article-link.html

@@ -18,6 +18,6 @@
     {{ end }}
   </h3>
   <div class="text-sm text-gray-400 dark:text-gray-500">
-    {{ partial "meta.html" . }}
+    {{ partial "article-meta.html" . }}
   </div>
 </article>

layouts/partials/article-meta.html

@@ -0,0 +1,18 @@
+{{ if .Site.Params.article.showDate | default true }}
+  <time datetime="{{ .Date }}">
+    {{ .Date.Format .Site.Params.article.dateFormat | default "2 January 2006" }}
+  </time>
+{{ end }}
+{{ if and
+  (.Site.Params.article.showDate | default true)
+  (.Site.Params.article.showReadingTime | default true)
+  (ne .ReadingTime 0)
+}}
+  <span class="px-1">&middot;</span>
+{{ end }}
+{{ if and (.Site.Params.article.showReadingTime | default true) (ne .ReadingTime 0) }}
+  <span title="Reading time">
+    {{ .ReadingTime }}
+    min{{ if gt .ReadingTime 1 }}s{{ end }}
+  </span>
+{{ end }}

layouts/partials/article-pagination.html

@@ -0,0 +1,45 @@
+{{ if .Site.Params.article.showPagination | default true }}
+  {{ if or .NextInSection .PrevInSection }}
+    <div class="pt-8">
+      <hr class="border-gray-300 border-dotted dark:border-gray-600" />
+      <div class="flex justify-between pt-3">
+        <span>
+          {{ if .NextInSection }}
+            <a class="flex" href="{{ .NextInSection.Permalink }}">
+              <span class="mr-3">←</span>
+              <span class="flex flex-col">
+                <span class="button__text">{{ .NextInSection.Title }}</span>
+                {{ if .Site.Params.article.showDate | default true }}
+                  <time
+                    class="-mt-1 text-xs text-gray-400 dark:text-gray-500"
+                    datetime="{{ .Date }}"
+                  >
+                    {{ .Date.Format .Site.Params.article.dateFormat | default "2 January 2006" }}
+                  </time>
+                {{ end }}
+              </span>
+            </a>
+          {{ end }}
+        </span>
+        <span>
+          {{ if .PrevInSection }}
+            <a class="flex text-right" href="{{ .PrevInSection.Permalink }}">
+              <span class="flex flex-col">
+                <span>{{ .PrevInSection.Title }}</span>
+                {{ if .Site.Params.article.showDate | default true }}
+                  <time
+                    class="-mt-1 text-xs text-gray-400 dark:text-gray-500"
+                    datetime="{{ .Date }}"
+                  >
+                    {{ .Date.Format .Site.Params.article.dateFormat | default "2 January 2006" }}
+                  </time>
+                {{ end }}
+              </span>
+              <span class="ml-3">→</span>
+            </a>
+          {{ end }}
+        </span>
+      </div>
+    </div>
+  {{ end }}
+{{ end }}

layouts/partials/author.html

@@ -1,28 +1,30 @@
-<div class="flex items-center pt-8">
-  {{ with .Site.Author.image }}
-    <img class="w-24 h-24 !mt-0 !mb-0 mr-4 rounded-full" src="{{ . }}" />
-  {{ end }}
-  <div>
-    {{ with .Site.Author.name }}
-      <div class="font-semibold leading-6 text-gray-800 dark:text-gray-300">
-        {{ . }}
-      </div>
+{{ if .Site.Params.article.showAuthor | default true }}
+  <div class="flex items-center pt-8">
+    {{ with .Site.Author.image }}
+      <img class="w-24 h-24 !mt-0 !mb-0 mr-4 rounded-full" src="{{ . }}" />
     {{ end }}
-    {{ with .Site.Author.links }}
-      <div class="flex flex-wrap text-lg text-gray-400 dark:text-gray-500">
-        {{ range $links := . }}
-          {{ range $name, $url := $links }}
-            <a
-              class="mr-2 hover:text-primary-700 dark:hover:text-primary-400"
-              href="{{ $url }}"
-              target="_blank"
-              alt="{{ $name | title }}"
-              rel="me"
-              >{{ partial "icon.html" $name }}</a
-            >
+    <div>
+      {{ with .Site.Author.name }}
+        <div class="font-semibold leading-6 text-gray-800 dark:text-gray-300">
+          {{ . }}
+        </div>
+      {{ end }}
+      {{ with .Site.Author.links }}
+        <div class="flex flex-wrap text-lg text-gray-400 dark:text-gray-500">
+          {{ range $links := . }}
+            {{ range $name, $url := $links }}
+              <a
+                class="mr-2 hover:text-primary-700 dark:hover:text-primary-400"
+                href="{{ $url }}"
+                target="_blank"
+                alt="{{ $name | title }}"
+                rel="me"
+                >{{ partial "icon.html" $name }}</a
+              >
+            {{ end }}
           {{ end }}
-        {{ end }}
-      </div>
-    {{ end }}
+        </div>
+      {{ end }}
+    </div>
   </div>
-</div>
+{{ end }}

layouts/partials/meta.html

@@ -1,8 +0,0 @@
-<time datetime="{{ .Date }}">{{ .Date.Format "2 January 2006" }}</time>
-{{ if ne .ReadingTime 0 }}
-  <span class="px-1">&middot;</span>
-  <span title="Reading time">
-    {{ .ReadingTime }}
-    min{{ if gt .ReadingTime 1 }}s{{ end }}
-  </span>
-{{ end }}