Merge pull request #10 from SignPath/header-id-links

adds header links

Author: paulsavoie

docs/_includes/header.html

@@ -36,10 +36,10 @@
   <meta name="description" content="{{description}}"/>
   <!-- End Jekyll SEO tag -->
   <link rel='stylesheet' href='/assets/css/hint.min.css'>
-  <link rel="stylesheet" href="/assets/css/index.css?cache=2025-05-15">
+  <link rel="stylesheet" href="/assets/css/index.css?cache=2025-08-29">
   <link rel="alternate" type="application/atom+xml" title="SignPath Blog" href="/feed.xml">
   <script src='/assets/index.js?cache=2024-12-18'></script>
-  <script src='/assets/js/main-bundle.js?cache=2025-03-06'></script>
+  <script src='/assets/js/main-bundle.js?cache=2025-08-29'></script>
   {%- if page.redirhack != null -%}
   <!-- 404 redirect -->
   <script>

docs/_sass/headerlinks.scss

@@ -0,0 +1,14 @@
+.headerlink {
+	a.link {
+		display:none;
+		color: $dark-grey-font-color;
+		text-decoration: none;
+		margin-left: 5px;
+	}
+
+	&:hover {
+		a.link {
+			display: inline-block;
+		}
+	}
+}

docs/assets/css/index.scss

@@ -26,6 +26,7 @@
 	'product-column-layout.scss',
 	'svg.scss',
 	'changelog.scss',
+	'headerlinks.scss',
 	'carousel.scss',
 	'image.scss',
 	'search.scss'

docs/assets/js/main-bundle.js

@@ -0,0 +1,13 @@
+export function headerlinks() {
+	document.querySelectorAll("article h1,h2,h3").forEach(headerElem => {
+		let headerId = headerElem.id;
+		if (headerId) {
+			headerElem.classList.add("headerlink");
+			var a = document.createElement('a');
+			a.className = 'link';
+			a.innerHTML = '#';
+			a.href=`#${headerId}`
+			headerElem.appendChild(a);
+		}
+	});
+}

webpack/headerlinks.js

@@ -2,10 +2,12 @@ import {cookieBanner} from "./cookie.js";
 import {changelog} from "./changelog.js";
 import {carousel} from "./carousel.js";
 import {search} from "./search.js";
+import {headerlinks} from "./headerlinks.js";
 
 document.addEventListener('DOMContentLoaded', function () {
     cookieBanner();
     changelog();
     carousel();
     search();
+    headerlinks();
 });