From b58967a7298a8d95052bd6e983b23579195466b4 Mon Sep 17 00:00:00 2001
From: Lei Zhang <antiagainst@gmail.com>
Date: Tue, 4 Jan 2022 13:52:37 -0500
Subject: [PATCH] Apply better style for taxonomy terms

- Grouped terms like a cloud instead of scattering each term on
  its own line
- Used a leading icon to make different taxonomy kinds
  distinguishable
- Also showed the page count matching each term as superscript
---
 layouts/_default/terms.html | 31 ++++++++++++++++++++++++-------
 1 file changed, 24 insertions(+), 7 deletions(-)

diff --git a/layouts/_default/terms.html b/layouts/_default/terms.html
index 678efdde..cec87c61 100644
--- a/layouts/_default/terms.html
+++ b/layouts/_default/terms.html
@@ -1,4 +1,9 @@
 {{ define "main" }}
+
+{{ $kind := .Data.Plural }}
+{{ $terms := .Data.Terms.ByCount }}
+
+
 <article class="mx-6 my-8">
     <h1 class="font-bold text-3xl text-primary-text">{{ .Title }}</h1>
     {{ with .Content }}
@@ -7,11 +12,23 @@ <h1 class="font-bold text-3xl text-primary-text">{{ .Title }}</h1>
     </div>
     {{ end }}
 </article>
-<div class="bg-secondary-bg rounded px-6 py-8">
-    {{ range .Pages }}
-    <h2 class="text-lg text-primary-text my-2">
-        <a href="{{ .Permalink }}" class="text-eureka hover:underline">{{ .LinkTitle }}</a>
-    </h2>
-    {{ end }}
+
+<div class="bg-secondary-bg rounded px-6 py-8 text-center">
+  <div class="my-4">
+      {{ range $index, $value := $terms }}
+      <a href="{{ $value.Term | urlize }}" class="inline-block bg-tertiary-bg text-sm rounded px-3 py-1 my-1 mr-2 hover:text-eureka">
+        {{ if eq $kind "tags" }}
+          <i class="fas fa-tags mr-1"></i>
+        {{ else if eq $kind "series" }}
+          <i class="fas fa-th-list mr-1"></i>
+        {{ else if eq $kind "categories" }}
+          <i class="fas fa-folder mr-1"></i>
+        {{ end }}
+        {{ $value.Term }}
+        <sup>{{ len $value.Pages }}</sup>
+      </a>
+      {{ end }}
+  </div>
 </div>
-{{ end }}
\ No newline at end of file
+{{ end }}
+