Add icons

assets/css/bobastyle.css

@@ -21,7 +21,7 @@
 }
 
 .tags {
-  padding-left: 5px;
+  padding-left: 10px;
 }
 
 
@@ -93,6 +93,18 @@ hr {
 
 
 
+/* Icons */
+.icon {
+  width: 20px;
+  height: 20px;
+  color: lightgray;
+  text-align: center;
+  display: inline;
+  vertical-align: middle;
+}
+
+
+
 /* Breadcrumb navigation */
 ul.breadcrumb {
   padding 10px 16px;

layouts/_default/list.html

@@ -17,19 +17,26 @@
     {{ if or .Date (.GetTerms "tags") }}
     <div class="post-metadata">
         {{ if .Date }}
+
+        {{ partial "icon.html" "calendar" }}
         <time datetime="{{ .Date.Format "January 2, 2006" }}" pubdate>
             {{ .Date.Format "January 2, 2006" }}
         </time>
+
         {{ if ne .Lastmod .Date }}
         <time datetime="{{ .Lastmod.Format "2006-01-02" }}" pubdate>
             (Modified {{ .Lastmod.Format "January 2, 2006" }})
         </time>
         {{ end }}
+
         {{ end }}
 
         <span class="tags">
             {{ range (.GetTerms "tags") }}
-            <a href="{{ .Permalink }}">#{{ .LinkTitle }}</a>
+            <span class="tag">
+                {{ partial "icon.html" "tag" }}
+                <a href="{{ .Permalink }}">{{ .LinkTitle }}</a>
+            </span>
             {{ end }}
         </span>
     </div>

layouts/_default/single.html

@@ -3,24 +3,33 @@
     <h1>{{ .Title | markdownify }}</h1>
 </div>
 
+{{ if or .Date (.GetTerms "tags") }}
 <div class="post-metadata">
     {{ if .Date }}
+
+    {{ partial "icon.html" "calendar" }}
     <time datetime="{{ .Date.Format "2006-01-02" }}" pubdate>
         {{ .Date.Format "January 2, 2006" }}
     </time>
+
     {{ if ne .Lastmod .Date }}
     <time datetime="{{ .Lastmod.Format "2006-01-02" }}" pubdate>
         (Modified {{ .Lastmod.Format "January 2, 2006" }})
     </time>
     {{ end }}
+
     {{ end }}
 
     <span class="tags">
         {{ range (.GetTerms "tags") }}
-        <a href="{{ .Permalink }}">#{{ .LinkTitle }}</a>
+        <span class="tag">
+            {{ partial "icon.html" "tag" }}
+            <a href="{{ .Permalink }}">{{ .LinkTitle }}</a>
+        </span>
         {{ end }}
     </span>
 </div>
+{{ end }}
 
 {{ if .Params.Toc }}
 <div id="table-of-contents">

layouts/partials/icon.html

@@ -0,0 +1,3 @@
+<svg class="icon" fill="none" stroke="lightgray" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+    <use href="{{ printf "/feather-sprite.svg#%s" . | relURL }}" />
+</svg>