WIP: taxonomy-Template (und: custom_css)

diff --git a/layouts/_partials/head.html b/layouts/_partials/head.html
index 4e1069c43b40686e404beae092909a7b34fbd27a..49ad10728050f172b2972714c5c459c7af626c9e 100644 (file)
--- a/layouts/_partials/head.html
+++ b/layouts/_partials/head.html
@@ -35,6 +35,7 @@
   {{- $ie8 := resources.Get "scss/ie8.scss" | toCSS | minify | fingerprint }}
   <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="{{ $ie8.RelPermalink }}" integrity="{{ $ie8.Data.Integrity }}">
 <![endif]-->
+{{ block "custom_css" . }}{{ end }}
 <link rel="canonical" href="layout.html" th:href="${_canonical.get(uri)}?:${uri}">
 <script th:replace="${scripts_head}?:~{}"></script>
 

diff --git a/layouts/taxonomy.html b/layouts/taxonomy.html
index c2e787519e61886e914c468f206485f570ce3b37..35df26d582ef8939946c76ffe056f994fbbba700 100644 (file)
--- a/layouts/taxonomy.html
+++ b/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 */ -}}