Metadata taxonomies link and style

5 files changed, 58 insertions, 30 deletions

diff --git a/assets/scss/style.scss b/assets/scss/style.scss
index e0fada3..1c919f2 100644
--- a/assets/scss/style.scss
+++ b/assets/scss/style.scss
@@ -1,4 +1,12 @@
 @import "tachyons";
+
+/* Debugging */
+/* @import "tachyons/src/_debug-children"; */
+/* @import "tachyons/src/_debug-grid"; */
+
+/* Uncomment out the line below to help debug layout issues */
+// @import "tachyons/src/_debug";
+
 @import "syntax";
 
 html {
diff --git a/layouts/_default/about.html b/layouts/_default/about.html
index e69e671..0b7caed 100644
--- a/layouts/_default/about.html
+++ b/layouts/_default/about.html
@@ -38,7 +38,6 @@
 {{ end }}
 
 {{ define "main" }}
-  <div class="stripe-dark"></div>
   {{ range .Paginator.Pages }}
     <div class="stripe-dark">
       <div class="mw7 center pv2 lh-copy f4-ns ph1">
diff --git a/layouts/index.html b/layouts/index.html
index 021da39..2f9d8ff 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -3,9 +3,6 @@
 {{ end }}
 
 {{ define "main" }}
-  <!-- Page Content -->
-
-  <div class="stripe-dark"></div>
   {{ range $index, $element :=  (where .Pages "Type" "in" .Site.Params.mainSections).ByWeight }}
     <div class="stripe-dark">
       <div class="mw7 center pv2">
diff --git a/layouts/partials/metadata.html b/layouts/partials/metadata.html
index 5816186..d34c3a8 100644
--- a/layouts/partials/metadata.html
+++ b/layouts/partials/metadata.html
@@ -35,18 +35,24 @@
   {{ end }}
 
   {{ with .Params.tags }}
-    | <i class="fas fa-tags"></i>
+    |
+    <a href="/tags" class="link grow w3-text-theme ph1">
+      <i class="fas fa-tags"></i>
+    </a>
     {{ range . }}
       {{ $href := print (absURL "tags/") (urlize .) }}
-      <a class="link underline near-black" href="{{ $href }}">{{ . }}</a>
+      <a class="link underline color-inherit" href="{{ $href }}">{{ . }}</a>
     {{ end }}
   {{ end }}
 
   {{ with .Params.categories }}
-    | <i class="fas fa-folder-open"></i>
+    |
+    <a href="/categories" class="link grow w3-text-theme ph1">
+      <i class="fas fa-folder-open"></i>
+    </a>
     {{ range . }}
       {{ $href := print (absURL "categories/") (urlize .) }}
-      <a class="link underline near-black" href="{{ $href }}">{{ . }}</a>
+      <a class="underline color-inherit" href="{{ $href }}">{{ . }}</a>
     {{ end }}
   {{ end }}
 </p>
diff --git a/layouts/taxonomy/terms.html b/layouts/taxonomy/terms.html
index 73856b3..75efd98 100644
--- a/layouts/taxonomy/terms.html
+++ b/layouts/taxonomy/terms.html
@@ -1,35 +1,53 @@
+{{ define "hero" }}
+  {{ partial "hero.html" . }}
+{{ end }}
+
 {{ define "main" }}
-<section class="mw7 center">
-  <h2 class="baskerville f2 fw1 ph3 ph0-l near-black lh-title">{{ .Title }}</h2>
-    <section class="">
-        {{ range .Data.Terms.ByCount }}
-        <a class="dib near-black link grow hover-bg-white-80 hover-near-black pa2 ba ma1 br2" href="#{{ .Name | urlize }}-list" data-tag="{{ .Name | lower }}">
-            {{ .Name }}
+  <section class="mw7 center">
+    <section class="mt3">
+      {{ range .Data.Terms.ByCount }}
+        <a
+          class="dib near-black link grow hover-bg-white-80 hover-near-black pa2 ba ma1 br2"
+          href="#{{ .Name | urlize }}-list"
+          data-tag="{{ .Name | lower }}"
+        >
+          {{ .Name }}
         </a>
-        {{ end }}
+      {{ end }}
     </section>
 
     <!-- EACH tag post -->
     <section class="">
-        {{ range .Data.Terms.ByCount }}
-        <div id="{{ .Name | urlize }}-list" class="pa1 pa2-ns bb" data-tag="{{ .Name | lower }}">
-            <h4 class="f4 bold center lh-title">
-            <a class="link dim near-black" href="{{ .Name | urlize }}">
-                {{ .Name }} ({{ .Pages | len }})
+      {{ range .Data.Terms.ByCount }}
+        <div
+          id="{{ .Name | urlize }}-list"
+          class="pa1 pa2-ns bb"
+          data-tag="{{ .Name | lower }}"
+        >
+          <h4 class="f4 bold center lh-title">
+            <a class="link dim color-inherit" href="{{ .Name | urlize }}">
+              {{ .Name }} ({{ .Pages | len }})
             </a>
-            </h4>
-            <ul class="list ml0">
+          </h4>
+          <ul class="list ph5">
             {{ range .Pages.ByDate }}
-                <li class="lh-copy">
-                <a class="link dim near-black" href="{{ .Permalink }}">
-                    {{ .Title }}
+              <li class="lh-copy stripe-dark ph1 pv2">
+                {{ $dateFormat := .Site.Params.dateFormat | default "Jan 2, 2006" }}
+                <time
+                  datetime="{{ .Date.Format "2006-01-02" }}"
+                  class="f6 fw3 fr ml2"
+                >
+                  <i class="far fa-calendar"></i>
+                  {{ .Date.Format $dateFormat }}
+                </time>
+                <a class="link dim color-inherit" href="{{ .Permalink }}">
+                  {{ .Title }}
                 </a>
-                <span class="white-60"> - {{ .Date | time.Format ":date_long" }}</span>
-                </li>
+              </li>
             {{ end }}
-            </ul>
+          </ul>
         </div>
-        {{ end }}
+      {{ end }}
     </section>
-</section>
+  </section>
 {{ end }}