]> juplo.de Git - website/commitdiff
projects / website / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: dffefc1)
WIP:refactor: display terms as term/number-buttons
authorKai Moritz <kai@juplo.de>
Sat, 22 Nov 2025 15:12:02 +0000 (16:12 +0100)
committerKai Moritz <kai@juplo.de>
Fri, 28 Nov 2025 11:12:27 +0000 (12:12 +0100)
hugo/themes/thymeleaf/layouts/_partials/terms.html patch | blob | history
hugo/themes/thymeleaf/layouts/baseof.html patch | blob | history
hugo/themes/thymeleaf/layouts/taxonomy.html patch | blob | history
hugo/themes/thymeleaf/layouts/terms.html [new file with mode: 0644] patch | blob

diff --git a/hugo/themes/thymeleaf/layouts/_partials/terms.html b/hugo/themes/thymeleaf/layouts/_partials/terms.html
index 8a6ebec2a2cc3967aca21a8d253b130c17fa8d8e..6fd26540b790cdb8a6f3be4ab13aed28ea9905a8 100644 (file)
--- a/hugo/themes/thymeleaf/layouts/_partials/terms.html
+++ b/hugo/themes/thymeleaf/layouts/_partials/terms.html
@@ -1,23 +1,27 @@
-{{- /*
-For a given taxonomy, renders a list of terms assigned to the page.
+{{- define "main" }}
 
-@context {page} page The current page.
-@context {string} taxonomy The taxonomy.
-
-@example: {{ partial "terms.html" (dict "taxonomy" "tags" "page" .) }}
-*/}}
+{{- if .Title }}
+<header class="page-header">
+    <h1>{{ .Title }}</h1>
+    {{- if .Description }}
+    <div class="post-description">
+        {{ .Description }}
+    </div>
+    {{- end }}
+</header>
+{{- end }}
 
-{{- $page := .page }}
-{{- $taxonomy := .taxonomy }}
+<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>
 
-{{- with $page.GetTerms $taxonomy }}
-  {{- $label := (index . 0).Parent.LinkTitle }}
-  <div>
-    <div>{{ $label }}:</div>
-    <ul>
-      {{- range . }}
-        <li><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></li>
-      {{- end }}
-    </ul>
-  </div>
-{{- end }}
+{{- end }}{{/* end main */ -}}
diff --git a/hugo/themes/thymeleaf/layouts/baseof.html b/hugo/themes/thymeleaf/layouts/baseof.html
index 5ed599025184d47705a61416cf2c9b1b575fc147..5401b84c725e568550bec4c3ac2223a7726e04ce 100644 (file)
--- a/hugo/themes/thymeleaf/layouts/baseof.html
+++ b/hugo/themes/thymeleaf/layouts/baseof.html
@@ -2,6 +2,7 @@
 <html lang="{{ site.Language.LanguageCode }}" dir="{{ or site.Language.LanguageDirection `ltr` }}" th:replace="~{/templates/layout.html :: layout(uri='' + ~{:: code[class='site_uri']/text()}, title=~{:: title}, maincontent=~{:: .maincontent}, json='MERGE:' + ~{:: pre[class='json']/text()})}">
 <head>
   {{ partial "head.html" . }}
+  {{ block "custom_css" . }}{{ end }}
 </head>
 <body>
   <header>
diff --git a/hugo/themes/thymeleaf/layouts/taxonomy.html b/hugo/themes/thymeleaf/layouts/taxonomy.html
index c2e787519e61886e914c468f206485f570ce3b37..35df26d582ef8939946c76ffe056f994fbbba700 100644 (file)
--- a/hugo/themes/thymeleaf/layouts/taxonomy.html
+++ b/hugo/themes/thymeleaf/layouts/taxonomy.html
@@ -1,7 +1,49 @@
-{{ define "main" }}
-  <h1>{{ .Title }}</h1>
-  {{ .Content }}
-  {{ range .Pages }}
-    <h2><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></h2>
-  {{ end }}
-{{ end }}
+{{- 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/terms.html b/hugo/themes/thymeleaf/layouts/terms.html
new file mode 100644 (file)
index 0000000..35df26d
--- /dev/null
+++ b/hugo/themes/thymeleaf/layouts/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 */ -}}
Unnamed repository; edit this file 'description' to name the repository.