sidebar improvements

assets/sass/_custom.scss

@@ -1,20 +1,26 @@
 .pagination {
-	display: flex;
-	justify-content: center;
+  display: flex;
+  justify-content: center;
 }
 
 .nav-link {
-    font-size: 130%;
+  font-size: 130%;
 }
 
 .nav-link.active {
-    font-weight: bold;
+  font-weight: bold;
 }
 
 code {
-    color: $purple;
+  color: $purple;
 }
 
 p {
   font-family: $font-family-sans-serif;
 }
+
+.badge a {
+  color: $white;
+  font-weight: bold;
+}
+

i18n/de.yaml

@@ -8,6 +8,9 @@ about:
 articles:
   other: Artikel
 
+articles-in-posts:
+  other: Alle Artikel
+
 articles-in-section:
   other: Alle Artikel
 

i18n/en.yaml

@@ -8,6 +8,9 @@ about:
 articles:
   other: Articles
 
+articles-in-posts:
+  other: All posts
+
 articles-in-section:
   other: All articles
 

layouts/partials/sidebar.html

@@ -27,12 +27,12 @@
         <h4 class="card-text">{{i18n "topics"}}</h4>
       </div>
       <div class="card-body">
-        <ul id="topics" class="list-inline">
           {{ range . -}}
           {{ $page := $site.GetPage (printf "/topics/%s" .) }}
-          <li><a href="{{ $page.Permalink }}">{{ $page.Title }}</a> </li>
+          <span class="badge badge-pill badge-secondary">
+            <a href="{{ $page.Permalink }}">{{ $page.Title }}</a>
+          </span>
           {{- end }}
-        </ul>
       </div>
     </div>
     {{- end }}
@@ -67,7 +67,7 @@
     <div class="card mt-3">
       {{- $section := or .Section "posts" -}}
       <div class="card-header">
-        <h4 class="card-text">{{ or (i18n $section) (i18n "articles-in-section") }}</h4>
+        <h4 class="card-text">{{ or (i18n (printf "articles-in-%s" $section)) (i18n "articles-in-section") }}</h4>
       </div>
       <div class="card-body">
         <ul class="list-inline">
@@ -88,4 +88,4 @@
     </div>
     {{- end }}
 
-</div>
+</div>