From 30b5defb5896f54f986af0efacce5e17d6e29597 Mon Sep 17 00:00:00 2001
From: Oscar Najera <hi@oscarnajera.com>
Date: Mon, 16 Oct 2023 00:11:31 +0200
Subject: Anchors on headings

---
 layouts/_default/_markup/render-heading.html | 7 +++++++
 layouts/_default/about.html                  | 5 ++++-
 layouts/index.html                           | 5 ++++-
 layouts/partials/metadata.html               | 2 +-
 4 files changed, 16 insertions(+), 3 deletions(-)
 create mode 100644 layouts/_default/_markup/render-heading.html

(limited to 'layouts')

diff --git a/layouts/_default/_markup/render-heading.html b/layouts/_default/_markup/render-heading.html
new file mode 100644
index 0000000..3df797e
--- /dev/null
+++ b/layouts/_default/_markup/render-heading.html
@@ -0,0 +1,7 @@
+<!-- https://discourse.gohugo.io/t/adding-anchor-next-to-headers/1726/24 -->
+<h{{ .Level }} id="{{ .Anchor | safeURL }}">
+    {{ .Text | safeHTML }}
+    <a class="heading-anchor" href="#{{ .Anchor | safeURL }}">
+        <i class="fa fa-chain" aria-hidden="true"></i>
+    </a>
+</h{{ .Level }}>
diff --git a/layouts/_default/about.html b/layouts/_default/about.html
index 4a3a656..99eb93a 100644
--- a/layouts/_default/about.html
+++ b/layouts/_default/about.html
@@ -21,7 +21,10 @@
   {{ range .Paginator.Pages }}
     <div class="stripe-dark">
       <div class="mw7 center pv2 lh-copy f4-ns ph1">
-        <h2 class="athelas lh-title f2">
+        <h2
+          id="{{ anchorize .Title | safeURL }}"
+          class="baskerville lh-title f2"
+        >
           {{ .Title }}
         </h2>
         {{ with .Content }}
diff --git a/layouts/index.html b/layouts/index.html
index f787152..021da39 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -9,7 +9,10 @@
   {{ range $index, $element :=  (where .Pages "Type" "in" .Site.Params.mainSections).ByWeight }}
     <div class="stripe-dark">
       <div class="mw7 center pv2">
-        <h2 class="athelas lh-title f2">
+        <h2
+          id="{{ anchorize .Title | safeURL }}"
+          class="baskerville lh-title f2"
+        >
           {{ .Title }}
         </h2>
         {{ range first 3 .Pages.ByPublishDate.Reverse }}
diff --git a/layouts/partials/metadata.html b/layouts/partials/metadata.html
index 5ad92e3..0c68b3c 100644
--- a/layouts/partials/metadata.html
+++ b/layouts/partials/metadata.html
@@ -50,7 +50,7 @@
   }}
     {{ with $val }}
       <a
-        class="f6 link br3 ba ma2 ph2 pv1 dib near-white bg-green"
+        class="f6 link ba br3 ma2 ph2 pv1 dib w3-text-theme w3-hover-theme"
         href="{{ . }}"
         target="_blank"
         rel="noopener"
-- 
cgit v1.2.3