Apply some bootstrap styling

layouts/partials/content-details.html

@@ -1,9 +1,11 @@
 {{ if not .Date.IsZero }}
-    <span title='{{ .Date.Format "January 2 2006" }}'>{{ .Date.Format "2006-01-02" }}</span>
+    <span class="pr-2" title='{{ .Date.Format "January 2 2006" }}'>
+        <i class="far fa-calendar-alt pr-1>"></i>{{ .Date.Format "2006-01-02" }}
+    </span>
 {{ end }}
 
 {{ if .Params.tags }}
     {{ range $1, $e := .Params.tags }}
-        <a href="/tags/{{ urlize . }}">#{{ . }}</a>
+        <a class="mr-1" href="/tags/{{ urlize . }}">#{{ . }}</a>
     {{ end }}
 {{ end }}

layouts/partials/content.html

@@ -1,14 +1,21 @@
-<h1>{{ .Title }}</h1>
+<h1 class="display-4">{{ .Title }}</h1>
+{{ if .Params.subtitle }}
+    <h5 class="my-3">{{ markdownify .Params.subtitle | emojify }}</h5>
+{{ end }}
+
 {{ if .IsPage }}
     <p>{{ partial "content-details.html" . }}</p>
 {{ end }}
-<hr>
 
-<div class="content">
-    {{ if .TableOfContents }}
-        <div class="content">
-            {{ .TableOfContents }}
-        </div>
-    {{ end }}
-    {{ .Content }}
-</div>
+{{ if .Content }}
+    <hr>
+
+    <div class="content mt-3">
+        {{ if .TableOfContents }}
+            <div class="float-1g-right ml-lg-3 mb-3 p-3">
+                {{ .TableOfContents }}
+            </div>
+        {{ end }}
+        {{ .Content }}
+    </div>
+{{ end }}

layouts/partials/list_item.html

@@ -1,7 +1,9 @@
-<div class="media-body">
-    <a href="{{ .RelPermalink }}">
-        <h5>{{ .Title }}</h5>
-    </a>
-    <small>{{ partial "content-details.html" . }}</small>
-    <p>{{ partial "summary.html" . }}</p>
+<div class="media list-page-item mb-3" data-id="{{ .File.UniqueID }}">
+    <div class="media-body">
+        <a href="{{ .RelPermalink }}">
+            <h5 class="my-0">{{ .Title }}</h5>
+        </a>
+        <small>{{ partial "content-details.html" . }}</small>
+        <p>{{ partial "summary.html" . }}</p>
+    </div>
 </div>