From 5826b560acd9cf5b8796860a2c73b2c9e4e04d9e Mon Sep 17 00:00:00 2001
From: Gabriele Musco <gabmus@disroot.org>
Date: Sun, 3 Jan 2021 13:15:46 +0100
Subject: [PATCH] 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       | 5 +++--
 layouts/_default/list.html   | 4 +---
 layouts/_default/single.html | 5 ++++-
 layouts/index.html           | 8 ++++++--
 4 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/assets/scss/style.scss b/assets/scss/style.scss
index acff227..2195e88 100644
--- a/assets/scss/style.scss
+++ b/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;
 }
 
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index 1138e3a..4b050f9 100644
--- a/layouts/_default/list.html
+++ b/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>
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 8244bbc..8768a2a 100644
--- a/layouts/_default/single.html
+++ b/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 />
diff --git a/layouts/index.html b/layouts/index.html
index b52bfcc..9bb53bf 100644
--- a/layouts/index.html
+++ b/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">