From: Kai Moritz <kai@juplo.de>
Date: Sat, 22 Nov 2025 14:26:43 +0000 (+0100)
Subject: Template für Taxonomies angelegt und entsprechendes SCSS ergänzt
X-Git-Url: https://juplo.de/gitweb/?a=commitdiff_plain;h=ee3db0d5cfbc4cc9b982c77f727f4de7f118deea;p=website

Template für Taxonomies angelegt und entsprechendes SCSS ergänzt
---

diff --git a/assets/scss/base.scss b/assets/scss/base.scss
index 149c4000..1247a957 100644
--- a/assets/scss/base.scss
+++ b/assets/scss/base.scss
@@ -10,4 +10,5 @@
 @import 'base/marginal.scss';
 @import 'base/footer.scss';
 @import 'base/formulare.scss';
+@import 'base/taxonomy.scss';
 @import 'base/404.scss';
diff --git a/assets/scss/base/taxonomy.scss b/assets/scss/base/taxonomy.scss
new file mode 100644
index 00000000..7ebab2f6
--- /dev/null
+++ b/assets/scss/base/taxonomy.scss
@@ -0,0 +1,47 @@
+ul.t {
+  margin: 2em 0 0 0;
+  padding: 0;
+}
+ul.t > li {
+  display: inline-block;
+  margin: 0 .8em .8em 0;
+  font-weight: 500;
+}
+
+ul.t > li > a {
+  @include bpreplay;
+  font-size: 1.2em;
+  display: block;
+  border: none;
+  transition: transform 0.1s;
+  color: $hintergrund;
+}
+
+ul.t > li > a:hover,
+ul.t > li > a:active {
+  transform: scale(0.96);
+}
+
+ul.t > li > a > span.title {
+  display: inline-block;
+  padding: 3px 10px;
+  background-color: $hell;
+  border-radius: 6px 0 0 6px;
+}
+
+ul.t > li > a > span.sep {
+  display: none;
+}
+
+ul.t > li > a > span.count {
+  display: inline-block;
+  padding: 3px 10px;
+  margin: 0 0 0 1px;
+  background-color: $normal;
+  border-radius: 0 6px 6px 0;
+}
+
+ul.t > li > a:hover > span.title,
+ul.t > li > a:active > span.title {
+  background-color: $normal;
+}
diff --git a/layouts/taxonomy.html b/layouts/taxonomy.html
index 7faf560e..66e100d7 100644
--- a/layouts/taxonomy.html
+++ b/layouts/taxonomy.html
@@ -1,6 +1,15 @@
-{{ define "content" }}
-  {{ .Content }}
+{{- define "title" }}
+<h1>{{ .Title }}</h1>
+{{- with .Description }}<p>{{ . }}</p>{{- end }}
+{{- end }}
+
+{{- define "content" }}
+<ul class="t">
   {{ range .Pages }}
-    <h2><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></h2>
-  {{ end }}
-{{ end }}
+  <li>
+    <a href="{{ .RelPermalink }}"><span class="title">{{ .LinkTitle }}</span><span class="sep"> | </span><span class="count">{{ .Pages | len }}</span></a>
+  </li>
+  {{- end }}
+</ul>
+{{ .Content }}
+{{- end }}{{/* end main */ -}}