WIP: taxonomy-Template (und: custom_css)

diff --git a/hugo/themes/thymeleaf/layouts/_partials/head.html b/hugo/themes/thymeleaf/layouts/_partials/head.html
index 02c224018959dcf2eef9da89a66f54a287bcb140..008382fb2adf7a6934212309335186c321939fd9 100644 (file)
--- a/hugo/themes/thymeleaf/layouts/_partials/head.html
+++ b/hugo/themes/thymeleaf/layouts/_partials/head.html
@@ -3,3 +3,4 @@
 <title>{{ if .IsHome }}{{ site.Title }}{{ else }}{{ printf "%s | %s" .Title site.Title }}{{ end }}</title>
 {{ partialCached "head/css.html" . }}
 {{ partialCached "head/js.html" . }}
+{{ block "custom_css" . }}{{ end }}

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 */ -}}