Add header links

README.md

@@ -38,6 +38,7 @@ Term page:
 - Bootstrap support
 - Facebook sharing support
 - Google Analytics support
+- Header links
 - Landing page
 - Light color scheme
 - Math typesetting support

layouts/partials/paige_page.html

@@ -14,5 +14,5 @@
 <p class="text-center text-muted"><time datetime="{{ .PublishDate.Format `2006-01-02` }}">{{ .PublishDate.Format "January 2, 2006" }}</time></p>
 {{ end }}
 {{ if .Content }}
-{{ .Content }}
+{{ .Content | replaceRE `(<h[1-9] id="([^"]+)".+)(</h[1-9]+>)` `${1}<a class="headerlink" href="#${2}"><i class="bi bi-link-45deg small"></i></a>${3}` | safeHTML }}
 {{ end }}

layouts/partials/paige_style.html

@@ -12,4 +12,13 @@
     blockquote p:last-of-type {
         margin-bottom: 0;
     }
+
+    .headerlink {
+        display: none;
+        margin-left: 0.25rem;
+    }
+
+    h1:hover .headerlink, h2:hover .headerlink, h3:hover .headerlink, h4:hover .headerlink, h5:hover .headerlink, h6:hover .headerlink {
+        display: inline;
+    }
 </style>