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 ++++-
 2 files changed, 11 insertions(+), 1 deletion(-)
 create mode 100644 layouts/_default/_markup/render-heading.html

(limited to 'layouts/_default')

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