Add tags to content files

content/posts/arch-revert-to-date.md

@@ -3,6 +3,8 @@ title: Revert Arch linux packages to specific date
 date: 2017-09-11
 image: https://www.lumalab.net/download/archlogo/arch-logo-shiny-dark.png
 subtitle: Arch is well known for going wrong, but today was the first time this affected me doing my job
+tags:
+    - arch
 ---
 
 I'm one of those Arch users who _apparently_ doesn't use arch properly: I install updates daily, including packages from the AUR. This has the great benefit of giving me the most up-to-date packages available from upstream. However the downside of meaning I have the latest packages from upstream, meaning if something breaks, even temporarily, it breaks for me.

content/tags/arch/_index.md

@@ -0,0 +1,3 @@
+---
+title: Arch Linux
+---

layouts/partials/content.html

@@ -14,3 +14,5 @@
     {{ .Content }}
   </div>
 {{ end }}
+
+{{ partial "tags.html" . }}

layouts/partials/tags.html

@@ -0,0 +1,7 @@
+{{ if .Params.tags }}
+  <div class="align-center">
+    {{ range .Params.tags }}
+      <h5><a href="/tags/{{ urlize . }}" class="badge badge-dark"><i class="fa fa-tag"></i> {{ . }}</a></h5>
+    {{ end }}
+  </div>
+{{ end }}

package.json

@@ -18,7 +18,7 @@
     "yaml-lint": "0.0.4"
   },
   "dependencies": {
-    "bootstrap": "4.0.0-alpha.6",
+    "bootstrap": "4.0.0-beta",
     "club-alpha": "0.0.3",
     "font-awesome": "4.7.0",
     "jquery": "3.2.1",

static/src/scss/style.scss

@@ -5,6 +5,7 @@ $fa-font-path: "../fonts";
 @import "node_modules/bootstrap/scss/_mixins";
 @import "node_modules/bootstrap/scss/_transitions";
 @import "node_modules/bootstrap/scss/_card";
+@import "node_modules/bootstrap/scss/_badge";
 @import "node_modules/pygments-css/github";
 @import "node_modules/lightgallery/src/sass/lightgallery";