From: Kai Moritz <kai@juplo.de>
Date: Mon, 24 Nov 2025 19:54:18 +0000 (+0100)
Subject: WIP:refactor: display terms as term/number-buttons
X-Git-Tag: hugo--cat-tag-pages~5
X-Git-Url: https://juplo.de/gitweb/?a=commitdiff_plain;h=6ad5e969143984a5c37ad2c1e7c94ed2a5676d43;p=website

WIP:refactor: display terms as term/number-buttons
---

diff --git a/hugo/themes/thymeleaf/layouts/categories/terms.html b/hugo/themes/thymeleaf/layouts/categories/terms.html
new file mode 100644
index 00000000..35df26d5
--- /dev/null
+++ b/hugo/themes/thymeleaf/layouts/categories/terms.html
@@ -0,0 +1,49 @@
+{{- define "custom_css" }}
+<style>
+.terms-tags li {
+    display: inline-block;
+    margin: 10px;
+    font-weight: 500;
+}
+
+.terms-tags a {
+    display: block;
+    padding: 3px 10px;
+    background: var(--tertiary);
+    border-radius: 6px;
+    transition: transform 0.1s;
+}
+
+.terms-tags a:active {
+    background: var(--tertiary);
+    transform: scale(0.96);
+}
+</style>
+{{- end }}
+{{- define "main" }}
+
+{{- if .Title }}
+<header class="page-header">
+    <h1>{{ .Title }}</h1>
+    {{- if .Description }}
+    <div class="post-description">
+        {{ .Description }}
+    </div>
+    {{- end }}
+</header>
+{{- end }}
+
+<ul class="terms-tags">
+    {{- $type := .Type }}
+    {{- range $key, $value := .Data.Terms.Alphabetical }}
+    {{- $name := .Name }}
+    {{- $count := .Count }}
+    {{- with site.GetPage (printf "/%s/%s" $type $name) }}
+    <li>
+        <a href="{{ .Permalink }}">{{ .Name }} <sup><strong><sup>{{ $count }}</sup></strong></sup> </a>
+    </li>
+    {{- end }}
+    {{- end }}
+</ul>
+
+{{- end }}{{/* end main */ -}}
diff --git a/hugo/themes/thymeleaf/layouts/tags/terms.html b/hugo/themes/thymeleaf/layouts/tags/terms.html
new file mode 100644
index 00000000..35df26d5
--- /dev/null
+++ b/hugo/themes/thymeleaf/layouts/tags/terms.html
@@ -0,0 +1,49 @@
+{{- define "custom_css" }}
+<style>
+.terms-tags li {
+    display: inline-block;
+    margin: 10px;
+    font-weight: 500;
+}
+
+.terms-tags a {
+    display: block;
+    padding: 3px 10px;
+    background: var(--tertiary);
+    border-radius: 6px;
+    transition: transform 0.1s;
+}
+
+.terms-tags a:active {
+    background: var(--tertiary);
+    transform: scale(0.96);
+}
+</style>
+{{- end }}
+{{- define "main" }}
+
+{{- if .Title }}
+<header class="page-header">
+    <h1>{{ .Title }}</h1>
+    {{- if .Description }}
+    <div class="post-description">
+        {{ .Description }}
+    </div>
+    {{- end }}
+</header>
+{{- end }}
+
+<ul class="terms-tags">
+    {{- $type := .Type }}
+    {{- range $key, $value := .Data.Terms.Alphabetical }}
+    {{- $name := .Name }}
+    {{- $count := .Count }}
+    {{- with site.GetPage (printf "/%s/%s" $type $name) }}
+    <li>
+        <a href="{{ .Permalink }}">{{ .Name }} <sup><strong><sup>{{ $count }}</sup></strong></sup> </a>
+    </li>
+    {{- end }}
+    {{- end }}
+</ul>
+
+{{- end }}{{/* end main */ -}}