+ {{ .desc -}} –
+ {{- $len := (len .links) -}}
{{- range $index, $element := .links -}}
- {{ with .href }}{{ end }}{{.text}}{{ with .href }}{{end}}
+ {{- with .href }}{{ end }}{{.text}}{{ with .href }}{{end}}
{{- if ne (add $index 1) $len -}}, {{- end -}}
- {{- end -}}
+ {{ end -}}
{{- if or (.video) (.audio) (.slides) }},{{ end -}}
{{ with .video }} {{ end }}
{{- with .audio }} {{ end }}
{{ with .slides }} {{ end -}}
- {{- with .date }} ({{.}}){{ end }}
- {{ range .tags }}{{ . }} {{ end }}
+ {{- with .date }} ({{.}}){{ end -}}
+ {{ range $tags }} {{ . }}{{ end -}}
{{ end }}
diff --git a/themes/hugo-sustain/layouts/shortcodes/tags.html b/themes/hugo-sustain/layouts/shortcodes/tags.html
new file mode 100644
index 0000000..bb16824
--- /dev/null
+++ b/themes/hugo-sustain/layouts/shortcodes/tags.html
@@ -0,0 +1,34 @@
+{{- $data := .Site.Data.links -}}
+{{ $scratch := newScratch -}}
+{{- range $data -}}
+ {{- range .tags -}}
+ {{- $scratch.Add "tags" (slice .) -}}
+ {{- end -}}
+ {{- range .lang -}}
+ {{- $scratch.Add "lang" (slice .) -}}
+ {{- end -}}
+{{- end -}}
+
+
+
+ Languages:
+
+
+ All
+ {{- range sort ($scratch.Get "lang") | uniq }}
+ {{ . }}
+ {{- end -}}
+
+
+
+
+ Topics:
+
+
+ All
+ {{- range sort ($scratch.Get "tags") | uniq }}
+ {{ . }}
+ {{- end -}}
+
+
+
diff --git a/themes/hugo-sustain/static/js/filter-tags.js b/themes/hugo-sustain/static/js/filter-tags.js
new file mode 100644
index 0000000..d389900
--- /dev/null
+++ b/themes/hugo-sustain/static/js/filter-tags.js
@@ -0,0 +1,47 @@
+/*
+ * SPDX-FileCopyrightText: 2020 Max Mehl
+ * SPDX-License-Identifier: GPL-3.0-or-later
+*/
+
+function selectTag(tag) {
+ let li_tags = document.querySelectorAll('li.link');
+
+ for (i = 0; i < li_tags.length; i++) {
+ tags = li_tags[i].getAttribute('tags');
+ if (tags.indexOf(tag) !== -1) {
+ li_tags[i].style.display = "list-item";
+ } else {
+ li_tags[i].style.display = "none";
+ }
+ }
+
+ let a_tags = document.querySelectorAll('a.tag');
+
+ for (i = 0; i < a_tags.length; i++) {
+ tags = a_tags[i].getAttribute('tags');
+ if (tags.indexOf(tag) !== -1) {
+ a_tags[i].classList.add("active");
+ } else {
+ a_tags[i].classList.remove("active");
+ }
+ }
+}
+
+function selectAllTags() {
+ let li_tags = document.querySelectorAll('li.link');
+
+ for (i = 0; i < li_tags.length; i++) {
+ li_tags[i].style.display = "list-item";
+ }
+
+ let a_tags = document.querySelectorAll('a.tag');
+
+ for (i = 0; i < a_tags.length; i++) {
+ tags = a_tags[i].getAttribute('tags');
+ if (tags == "all") {
+ a_tags[i].classList.add("active");
+ } else {
+ a_tags[i].classList.remove("active");
+ }
+ }
+}