From 54533f62e9c375f955bb0010205de9f18a41075f Mon Sep 17 00:00:00 2001
From: Drew <webmaster@dhornbein.com>
Date: Tue, 22 Apr 2025 16:36:54 -0600
Subject: [PATCH] makes partial out of tag cloud

---
 layouts/_default/taxonomy.html       | 14 ++------------
 layouts/index.html                   | 10 ++--------
 layouts/partials/taxonomy-cloud.html | 16 ++++++++++++++++
 3 files changed, 20 insertions(+), 20 deletions(-)
 create mode 100644 layouts/partials/taxonomy-cloud.html

diff --git a/layouts/_default/taxonomy.html b/layouts/_default/taxonomy.html
index f2f079a..86b774b 100644
--- a/layouts/_default/taxonomy.html
+++ b/layouts/_default/taxonomy.html
@@ -13,18 +13,8 @@
     <div class="wompum-container wompum-container--no-gap">
       <div class="wompum-grid" data-text="Other {{ .Data.Plural }}" data-columns="4" data-rows="1"></div>
     </div>
-    <div class="tag-cloud font-iosevka text-gray-600 text-center mt-4">
-      {{ $terms := index .Site.Taxonomies .Data.Plural }}
-      {{ range $term, $pages := $terms }}
-        {{ if ne $term $.Title }}
-        {{ with $.Site.GetPage (printf "/%s/%s" $.Data.Plural ($term | urlize)) }}
-        <a href="{{ .RelPermalink }}" 
-           class="tag inline-block p-2 my-1 border border-gray-100 rounded-lg hover:bg-yellow-100 whitespace-nowrap">
-          {{ .Title }}
-        </a>
-        {{ end }}
-        {{ end }}
-      {{ end }}
+    <div class="tag-cloud font-iosevka text-gray-600 text-center my-4">
+      {{ partial "taxonomy-cloud" (dict "taxonomy" .Data.Singular "Site" .Site "page" .Page) }}
     </div>
   </section>
 </main>
diff --git a/layouts/index.html b/layouts/index.html
index ce4e909..eb3e9a5 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -19,14 +19,8 @@
       <div class="wompum-container wompum-container--no-gap">
         <div class="wompum-grid" data-text="Topics" data-columns="4" data-rows="1"></div>
       </div>
-      <div class="tag-cloud font-iosevka text-gray-600 text-sm mt-4">
-        {{ $topics := .Site.Taxonomies.topics }}
-        {{ range $tag, $pages := $topics }}
-        <a href="{{ "/topics/" | relLangURL }}{{ $tag | urlize }}" style="font-size: {{ add 1 (div (len $pages) 2) }}em;" data-count="{{ len $pages}}"
-         class="tag inline-block p-2 my-1 border border-gray-100 rounded-lg hover:bg-yellow-100 whitespace-nowrap">
-          {{ $tag }}
-        </a>
-        {{ end }}
+      <div class="tag-cloud font-iosevka text-gray-600 my-4">
+        {{ partial "taxonomy-cloud" (dict "taxonomy" "topics" "Site" .Site) }}
       </div>
     </section>
 
diff --git a/layouts/partials/taxonomy-cloud.html b/layouts/partials/taxonomy-cloud.html
new file mode 100644
index 0000000..128ae6c
--- /dev/null
+++ b/layouts/partials/taxonomy-cloud.html
@@ -0,0 +1,16 @@
+{{ $taxonomy := .taxonomy }}
+{{ range $term, $pages := index .Site.Taxonomies $taxonomy }}
+{{ $termPage := $.Site.GetPage (printf "/%s/%s" $taxonomy $term) }}
+<a href="{{ $termPage.RelPermalink }}" 
+  data-size="{{ len $pages }}"
+  class="tag {{ if eq $.page.RelPermalink $termPage.RelPermalink }}hidden{{ else }}inline-block{{ end }}
+          p-2 my-1 border border-gray-100 rounded-lg whitespace-nowrap hover:text-gray-900 hover:opacity-100
+          data-[size=1]:text-sm data-[size=1]:font-normal data-[size=1]:opacity-80
+          data-[size=2]:text-base
+          data-[size=3]:text-xl
+          data-[size=4]:text-3xl
+          data-[size=5]:text-4xl"
+  data-count="{{ len $pages}}">
+  {{ $term }}
+</a>
+{{ end }}