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

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

diff --git a/hugo/themes/thymeleaf/layouts/_partials/head/terms.css b/hugo/themes/thymeleaf/layouts/_partials/head/terms.css
new file mode 100644 (file)
index 0000000..244614b
--- /dev/null
+++ b/hugo/themes/thymeleaf/layouts/_partials/head/terms.css
@@ -0,0 +1,18 @@
+.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);
+}