From f4701e7fa665eb88dad3428c4a36058dbc78a6da Mon Sep 17 00:00:00 2001
From: ItsDrike <itsdrikeofficial@gmail.com>
Date: Thu, 26 Aug 2021 01:07:17 +0200
Subject: [PATCH] Improve content details design

---
 layouts/partials/content-details.html | 24 +++++++++++++++++++-----
 static/src/scss/style.scss            |  4 ++++
 2 files changed, 23 insertions(+), 5 deletions(-)

diff --git a/layouts/partials/content-details.html b/layouts/partials/content-details.html
index 99ef5d1..3c34f40 100644
--- a/layouts/partials/content-details.html
+++ b/layouts/partials/content-details.html
@@ -1,11 +1,25 @@
 {{ if not .Date.IsZero }}
-    <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 class="pr-2" title='{{ .Date.Format "January 2 2006" }}'>
+    <i class="far fa-calendar-alt pr-1 content-detail"></i> {{ .Date.Format "2006-01-02" }}
+  </span>
+{{ end }}
+
+{{ if not .Parent.IsHome }}
+  {{ if gt .ReadingTime 2 }}
+    <span class="pr-2" title='Reading time'>
+      <i class="far fa-clock pr-1 content-detail"></i> {{ .ReadingTime }} minutes
     </span>
+  {{ end }}
+  <span class="pr-2" title="Word count">
+    <i class="far fa-file-alt pr-1 content-detail"></i> {{ .WordCount }} words
+  </span>
 {{ end }}
 
 {{ if .Params.tags }}
-    {{ range $1, $e := .Params.tags }}
-        <a class="mr-1" href="/tags/{{ urlize . }}">#{{ . }}</a>
-    {{ end }}
+  <a href="{{ ref . " /tags" }}" class="no-color-change mr-1">
+    <i class="fas fa-tags small content-detail"></i>
+  </a>
+  {{ range $i, $e := .Params.tags }}
+    <a href="/tags/{{ urlize . }}" class="mr-1">#{{ . }}</a>
+  {{ end }}
 {{ end }}
diff --git a/static/src/scss/style.scss b/static/src/scss/style.scss
index 9b5a4e5..35e0def 100644
--- a/static/src/scss/style.scss
+++ b/static/src/scss/style.scss
@@ -128,3 +128,7 @@ h1, h2, h3, h4, h5, h6 {
 ul ul, ol ol {
   padding-left: $spacer * 1.5;
 }
+
+.content-detail {
+  text-indent: 2em;
+}