From 7ff79c546dc0395f4f0e3327508eb1ad36425470 Mon Sep 17 00:00:00 2001
From: Eryn Wells <eryn@erynwells.me>
Date: Tue, 23 Jul 2024 08:48:46 -0700
Subject: [PATCH] A generic taxonomy list template

This template produces a <ul> list of the terms in the provided taxonomy. The
taxonomy is passed to the template via the `.term` argument, which is a string
name of the taxnomy.
---
 assets/css/099_taxonomy_list.css         | 35 ++++++++++++++++++++++++
 layouts/_default/single.html             |  3 ++
 layouts/partials/page/footer.html        |  2 ++
 layouts/partials/page/taxonomy_list.html |  8 ++++++
 4 files changed, 48 insertions(+)
 create mode 100644 assets/css/099_taxonomy_list.css
 create mode 100644 layouts/partials/page/footer.html
 create mode 100644 layouts/partials/page/taxonomy_list.html

diff --git a/assets/css/099_taxonomy_list.css b/assets/css/099_taxonomy_list.css
new file mode 100644
index 0000000..a3e6017
--- /dev/null
+++ b/assets/css/099_taxonomy_list.css
@@ -0,0 +1,35 @@
+{{/*
+    099_taxonomy_list.css
+    Eryn Wells <eryn@erynwells.me>
+*/}}
+
+
+
+
+
+/***************************
+ * COMPONENT: TAXONOMY LIST
+ ***************************/
+
+.taxonomy-list {
+    --spacing: 1ch;
+
+    display: flex;
+    font-family: var(--font-family-monospace);
+    gap: var(--spacing);
+    list-style-type: none;
+    margin-block: 0;
+    padding-inline-start: 0;
+
+    &::before {
+        color: var(--text-color-secondary);
+        content: attr(data-term) " =";
+        text-transform: uppercase;
+    }
+
+    li:not(:last-child)::after {
+        color: var(--text-color-secondary);
+        content: ":";
+        margin-inline-start: var(--spacing);
+    }
+}
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index ecdb751..abda2be 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -1,4 +1,7 @@
 {{ define "main" }}
   <main class="main--single">
+    <footer class="page-footer">
+      {{ partial "page/footer.html" . }}
+    </footer>
   </main>
 {{ end }}
diff --git a/layouts/partials/page/footer.html b/layouts/partials/page/footer.html
new file mode 100644
index 0000000..113299b
--- /dev/null
+++ b/layouts/partials/page/footer.html
@@ -0,0 +1,2 @@
+{{ partial "page/taxonomy_list.html" (dict "page" . "term" "categories") }}
+{{ partial "page/taxonomy_list.html" (dict "page" . "term" "tags") }}
diff --git a/layouts/partials/page/taxonomy_list.html b/layouts/partials/page/taxonomy_list.html
new file mode 100644
index 0000000..7661c38
--- /dev/null
+++ b/layouts/partials/page/taxonomy_list.html
@@ -0,0 +1,8 @@
+{{- $terms := .page.GetTerms .term -}}
+{{ with $terms }}
+  <ul class="taxonomy-list" data-term="{{ $.term }}">
+    {{ range . }}
+      <li><a href="{{ .RelPermalink }}">{{ .Title }}</a></li>
+    {{ end }}
+  </ul>
+{{ end }}