tags in home are links, inline with dates separated by a pipe; dates and tags have appropriate accompanying icons; specific tag section is now titled 'Tag: #sometag'

assets/scss/style.scss

@@ -22,7 +22,7 @@ a {
     text-decoration: none;
     border-bottom: 2px solid $fg_color;
     &:hover {
-        border-bottom: 2px solid $accent_color;
+        border-color: $accent_color !important;
     }
 }
 
@@ -128,8 +128,9 @@ pre code {
     padding: 0
 }
 
-.date {
+.date, .date a {
     color: $dim_fg_color;
+    border-color: $dim_fg_color;
     font-size: .9em;
 }
 

layouts/_default/list.html

@@ -1,13 +1,11 @@
 {{ define "main" }}
     <h2>
-        <span>
         {{ $title := .Title }}
         {{ $section := .Section | humanize }}
         {{ if and (ne $section $title) (ne $section "Tags") }}
             {{ $section }}:
         {{ end }}
-        {{ if and (eq $section "Tags") (ne $section $title) }}#{{ end }}{{ $title }}
-        </span>
+        {{ if and (eq $section "Tags") (ne $section $title) }}Tag: #{{ end }}{{ $title }}
     </h2>
 
     <ul>

layouts/_default/single.html

@@ -2,7 +2,10 @@
     {{- partial "inject/content-before.html" . -}}
     <article>
         <h1>{{ .Title }}</h1>
-        <p class="date">{{ .Date.Format "2006-01-02" }}</p>
+        <p class="date">
+            <span title="Date"> </span>
+            {{ .Date.Format "2006-01-02" }}
+        </p>
         <div>{{ .Content }}</div>
         {{ if .Params.tags }}
             <hr />

layouts/index.html

@@ -11,10 +11,14 @@
                 <a href="{{ .Permalink }}">{{ .Title }}</a>
             </h3>
             <p class="date">
+                <span title="Date"> </span>
                 {{ .Date.Format "2006-01-02" }}
                 {{ if .Params.tags }}
-                    <br />
-                    <small>{{ range .Params.tags }}#{{ . }} {{ end }}</small>
+                    | <!-- Pipe character as visual separator between date and tags-->
+                    <span title="Tags"> </span>
+                    {{ range .Params.tags }}
+                    <a href="/tags/{{ . }}">#{{ . }}</a>
+                    {{ end }}
                 {{ end }}
             </p>
             <div class="articlePreview">