From 4d546d8c89aeafb6cebff16ca5b8cef501233ab1 Mon Sep 17 00:00:00 2001
From: Oscar Najera <hi@oscarnajera.com>
Date: Fri, 20 Oct 2023 12:54:58 +0200
Subject: Metadata taxonomies link and style

---
 layouts/taxonomy/terms.html | 62 +++++++++++++++++++++++++++++----------------
 1 file changed, 40 insertions(+), 22 deletions(-)

(limited to 'layouts/taxonomy/terms.html')

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 }}
-- 
cgit v1.2.3