sidebar enrichments

archetypes/default.md

@@ -11,4 +11,4 @@ draft:  false
 weight: 50
 ---
 
-### First Headline
+## First Headline

assets/sass/_custom.scss

@@ -12,7 +12,7 @@
 }
 
 code {
-    color: $blue;
+    color: $purple;
 }
 
 p {

i18n/de.yaml

@@ -8,6 +8,9 @@ about:
 articles:
   other: Artikel
 
+articles-in-section:
+  other: Alle Artikel
+
 author:
   other: Autor
 
@@ -23,7 +26,7 @@ domains:
 Domains:
   other: Bereiche
 
-domains:
+domain:
   other: Bereich
 
 next:
@@ -41,6 +44,9 @@ prev:
 recentArticles:
   other: Aktuelle Artikel
 
+related:
+  other: Ähnliche Artikel
+
 Teaser:
   other: Hintergrund
 

i18n/en.yaml

@@ -8,6 +8,9 @@ about:
 articles:
   other: Articles
 
+articles-in-section:
+  other: All articles
+
 author:
   other: Author
 
@@ -42,6 +45,9 @@ prev:
 recentArticles:
   other: Recent Posts
 
+related:
+  other: Related Posts
+
 Teaser:
   other: Teaser
 

layouts/partials/sidebar.html

@@ -31,10 +31,35 @@
     </div>
     {{- end }}
 
+    {{ with .Params.Topics -}}
+    <div class="card mt-3">
+      <div class="card-header">
+        <h4 class="card-text">{{ i18n "related" }}</h4>
+      </div>
+      <div class="card-body">
+        <ul id="topics" class="list-inline">
+          {{ range (where $site.RegularPages "Params.topics" "intersect" .) }}
+            <li>
+              <a href="{{ .Permalink }}"
+                 class="text-decoration-none">{{ .Title }}&nbsp;&nbsp;
+                {{ if .Date -}}
+                <small>{{ .Date.Format (i18n "dateFormat") }}</small>
+                {{- else if .Params.Teaser -}}<small>{{ .Params.Teaser }}</small>
+                {{- else -}}<small>{{ .Summary }}</small>
+                {{- end }}
+              </a>
+            </li>
+          {{ end }}
+        </ul>
+      </div>
+    </div>
+    {{- end }}
+
+    {{ if .Site.Params.showSectionArticles -}}
     <div class="card mt-3">
       {{- $section := or .Section "posts" -}}
       <div class="card-header">
-        <h4 class="card-text">{{i18n $section}}</h4>
+        <h4 class="card-text">{{ or (i18n $section) (i18n "articles-in-section") }}</h4>
       </div>
       <div class="card-body">
         <ul class="list-inline">
@@ -53,5 +78,6 @@
         </ul>
       </div>
     </div>
+    {{- end }}
 
 </div>