add anchor links on section headings

content/changelog.md

@@ -1,7 +1,7 @@
 ---
 title: "/changelog"
 date: "2024-05-26T21:19:08Z"
-lastmod: "2024-08-15T21:21:05Z"
+lastmod: "2024-08-21T03:11:27Z"
 description: "Maybe I should keep a log of all my site-related tinkering?"
 featured: false
 toc: false
@@ -10,6 +10,9 @@ categories: slashes
 ---
 *Running list of config/layout changes to the site. The full changelog is of course [on GitHub](https://github.com/jbowdre/runtimeterror/commits/main/).*
 
+**2024-08-20:**
+- Added anchor links on section headings
+
 **2024-08-15:**
 - Implemented light/dark theme toggle
 

layouts/_default/_markup/render-heading.html

@@ -0,0 +1,4 @@
+<h{{.Level}} id="{{.Anchor | safeURL}}">
+	{{.Text | safeHTML}}
+	<a class="hlink" href="#{{.Anchor | safeURL}}"><i class="fa-solid fa-link"></i></a>
+</h{{.Level}}>

static/css/custom.css

@@ -525,4 +525,18 @@ p:has(+ ul) {
 
 .kudos-text.thanks {
   font-style: italic;
+}
+
+/* Header anchor links */
+.hlink {
+  display: none;
+}
+
+h1:hover .hlink,
+h2:hover .hlink,
+h3:hover .hlink,
+h4:hover .hlink,
+h5:hover .hlink,
+h6:hover .hlink {
+  display: inline-block;
 }