From b03fc6c7b1e43d79fbf63d38abddc91e19fa942c Mon Sep 17 00:00:00 2001
From: BBaoVanC <bbaovanc@bbaovanc.com>
Date: Fri, 12 Nov 2021 20:25:47 -0600
Subject: [PATCH] Improve list pages + support "series"

- Use a <ul>: better accessibility
- Background for individual pages in the list, giving a better feeling
  of separation
- Support "series" taxonomy (displayed oldest to newest)
---
 assets/css/bobastyle.css            | 22 ++++++++++++++++++----
 config.yaml                         |  1 +
 layouts/_default/list.html          | 20 +++++++++++++-------
 layouts/partials/post-metadata.html | 11 +++++++++++
 layouts/taxonomy/list.html          | 25 +++++++++++++++++++------
 5 files changed, 62 insertions(+), 17 deletions(-)

diff --git a/assets/css/bobastyle.css b/assets/css/bobastyle.css
index 50ea4ae..87c25f4 100644
--- a/assets/css/bobastyle.css
+++ b/assets/css/bobastyle.css
@@ -4,8 +4,22 @@
 
 
 /* Post layout (in list pages) */
-.post {
-  margin-bottom: 40px;
+.page-list ul {
+  list-style: none;
+  padding: 0;
+}
+
+.page-list li {
+  padding-top: 8px;
+  padding-left: 24px;
+  padding-right: 24px;
+  padding-bottom: 24px;
+  border-radius: 12px;
+  background-color: #222;
+}
+
+.page-list li+li {
+  margin: 40px 0;
 }
 
 .post-title {
@@ -26,7 +40,7 @@
   margin-bottom: 15px;
 }
 
-.tags {
+.tags, .series {
   margin-top: 10px;
 }
 
@@ -48,7 +62,7 @@
 .section {
   margin-bottom: 40px;
   background-color: #222;
-  border-radius: 5px;
+  border-radius: 12px;
   padding: 1px 25px;
 }
 
diff --git a/config.yaml b/config.yaml
index 3c301ad..4c3975a 100644
--- a/config.yaml
+++ b/config.yaml
@@ -11,6 +11,7 @@ params:
 taxonomies:
   tag: tags
   author: authors
+  series: series
 
 privacy:
   googleAnalytics:
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index 4827e96..b0d8911 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -10,8 +10,9 @@
     </span>
 </h1>
 
+{{ with .Sections }}
 <div class="sections">
-    {{ range .Sections }}
+    {{ range . }}
 
     <a class="section-anchor" href="{{ .Permalink }}">
         <div class="section">
@@ -34,13 +35,18 @@
 
     {{ end }}
 </div>
+{{ end }}
 
-<div class="posts">
-    {{ range .Paginator.Pages }}
-        {{ .Render "summary" }}
-    {{ else }}
-        {{ i18n "no_posts" }}
-    {{ end }}
+<div class="page-list">
+    <ul>
+        {{ range .Paginator.Pages }}
+        <li>{{ .Render "summary" }}</li>
+        {{ else }}
+        <div>
+            {{ i18n "no_posts" }}
+        </div>
+        {{ end }}
+    </ul>
 </div>
 
 {{ if gt .Paginator.TotalPages 1 }}
diff --git a/layouts/partials/post-metadata.html b/layouts/partials/post-metadata.html
index 994f0df..a9b587d 100644
--- a/layouts/partials/post-metadata.html
+++ b/layouts/partials/post-metadata.html
@@ -74,6 +74,17 @@
     </span>
     {{ end }}
 
+    {{ with .Params.series }}
+    <div class="series">
+        {{ range ($.GetTerms "series") }}
+        <span class="post-meta-item">
+            {{ partial "icon.html" "files" }}
+            <a href="{{ .Permalink }}">{{ .LinkTitle }}</a>
+        </span>
+        {{ end }}
+    </div>
+    {{ end }}
+
     <div class="tags">
         {{ range (.GetTerms "tags") }}
         <span class="post-meta-item">
diff --git a/layouts/taxonomy/list.html b/layouts/taxonomy/list.html
index 05c21f7..0b96d85 100644
--- a/layouts/taxonomy/list.html
+++ b/layouts/taxonomy/list.html
@@ -5,6 +5,8 @@
         {{ partial "icon.html" "tag" }}
     {{ else if eq .Data.Singular "author" }}
         {{ partial "icon.html" "user-circle" }}
+    {{ else if eq .Data.Singular "series" }}
+        {{ partial "icon.html" "files" }}
     {{ else }}
         {{ partial "icon.html" "filter" }}
     {{ end }}
@@ -30,13 +32,24 @@
 </ul>
 
 {{ else }}
-{{ range .Paginator.Pages }}
-    {{ .Render "summary" }}
-{{ else }}
-<div>
-    {{ i18n "no_posts" }}
-</div>
+
+
+{{ $items := .Paginator.Pages }}
+{{ if eq .Data.Singular "series" }}
+{{ $items = .Paginator.Pages.Reverse }}
 {{ end }}
+<div class="page-list">
+    <ul>
+        {{ range $items }}
+        <li>{{ .Render "summary" }}</li>
+        {{ else }}
+        <div>
+            {{ i18n "no_posts" }}
+        </div>
+        {{ end }}
+    </ul>
+</div>
+
 
 {{ if gt .Paginator.TotalPages 1 }}
 <div class="pagination">