restore tag lists above posts (not linked yet)

assets/sass/abstracts/_functions.scss

@@ -73,15 +73,3 @@ $theme-map: (); // now declaring global variables this way: https://sass-lang.co
 @function c($key) {
   @return map-get($theme-map, $key);
 }
-
-@mixin hyphenate() {
-  word-wrap: break-word;
-  overflow-wrap: break-word;
-  hyphens: auto;
-}
-
-@mixin truncate() {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}

assets/sass/components/_header.scss

@@ -123,9 +123,6 @@ header {
         margin-left: 1.4em;
         margin-right: -0.3em; // weirdness w/ svg ratio
         cursor: pointer;
-
-        // hidden by default in case user's JS is disabled, switches to `block` onload in dark-mode.js
-        display: none;
       }
     }
   }

assets/sass/pages/_single.scss

@@ -26,9 +26,36 @@ div.layout-single {
 
       img.emoji {
         margin-right: 0.25em;
-        vertical-align: -0.28em;
+        vertical-align: -0.22em;
         cursor: inherit;
       }
+
+      &:last-of-type {
+        margin-right: 0;
+      }
+    }
+
+    div#meta-tags {
+      white-space: normal;
+
+      span {
+        text-transform: lowercase;
+        white-space: nowrap;
+        margin-right: 0.4em;
+
+        &::before {
+          content: "#"; // cosmetically hashtagify tags
+          padding-right: 0.125em;
+
+          @include colors() {
+            color: c(light);
+          }
+        }
+
+        &:last-of-type {
+          margin-right: 0;
+        }
+      }
     }
   }
 

layouts/_default/single.html

@@ -6,6 +6,12 @@
         <a class="no-underline" href="{{ .Permalink }}" title="{{ .Date.Format "Mon, Jan 2 2006 3:04:05 PM MST" }}">📅 {{ .Date.Format "January 2, 2006" }}</a>
       </div>
 
+      {{ with .Params.tags }}
+      <div id="meta-tags">
+        🏷️&nbsp;{{ range first 5 . }}<span>{{ . }}</span> {{ end }}
+      </div>
+      {{ end }}
+
       {{ with .Scratch.Get "sourceURL" }}
       <div id="meta-edit">
         <a class="no-underline" href="{{ . | safeURL }}" title="Edit this post on GitHub" target="_blank" rel="noopener">✏️ Improve This Post</a>
@@ -13,9 +19,7 @@
       {{ end }}
 
       <div id="meta-hits" style="display: none;">
-        👀
-        <div id="hit-spinner" class="spinner"><div class="spin-bounce1"></div><div class="spin-bounce2"></div><div class="spin-bounce3"></div></div>
-        <span id="hit-counter"></span>
+        👀&nbsp;<div id="hit-spinner" class="spinner"><div class="spin-bounce1"></div><div class="spin-bounce2"></div><div class="spin-bounce3"></div></div><span id="hit-counter"></span>
       </div>
     </div>
 

layouts/partials/page/header.html

@@ -11,7 +11,7 @@
       {{- range .Site.Menus.main }}
       <li><a class="no-underline" {{ printf "href=%q" .URL | safeHTMLAttr }} aria-label="{{ .Name }}"{{ if strings.HasPrefix .URL "http" }} target="_blank" rel="me noopener"{{ end }}><span class="icon">{{ .Pre }}</span><span class="text">{{ .Name }}</span></a></li>
       {{- end }}
-      <li><button class="dark-mode-toggle" title="Toggle Dark Mode" aria-label="Toggle Dark Mode"></button></li>
+      <li><button class="dark-mode-toggle" title="Toggle Dark Mode" aria-label="Toggle Dark Mode" style="display: none;"></button></li>
     </ul>
   </nav>
 </header>