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

diff --git a/assets/scss/base.scss b/assets/scss/base.scss
index 149c40006007f583cdcdd6c971f1aa75e1b11570..1247a9577703b6998034bb2dba4b6473984b114d 100644 (file)
--- 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 (file)
index 0000000..7ebab2f
--- /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 7faf560e20f11b2c3d89d26d957ebb194acb0974..66e100d78acfb442e398448931f5e5b725d7926d 100644 (file)
--- 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 */ -}}