<497> Add anchors to main sections

swiftlang · Mar 24, 2024 · 1411f79 · 1411f79
1 parent 650f313
commit 1411f79
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 0 deletions.
diff --git a/assets/javascripts/application.js b/assets/javascripts/application.js
@@ -36,6 +36,20 @@ layout: source
     element.className = classString;
   }
 
+  function addHeadingLinks() {
+    const headings = document.querySelectorAll('h2[id]');
+    const dash = '#';
+
+    for (const heading of headings) {
+      const dashLink = document.createElement('a');
+
+      dashLink.setAttribute('href', `${dash}${heading.id}`);
+      dashLink.innerHTML = dash;
+      heading.classList.add('with-anchor');
+      heading.appendChild(dashLink);
+    }
+  }
+
   document.getElementById('menu-toggle').addEventListener('mousedown', function() {
     const menuToggle = document.getElementById('menu-toggle');
     toggleClass(menuToggle, 'open');
@@ -57,5 +71,7 @@ layout: source
         }
       });
     });
+
+    addHeadingLinks();
   });
 })();
diff --git a/assets/stylesheets/_screen.scss b/assets/stylesheets/_screen.scss
@@ -177,6 +177,21 @@ cite {
   }
 }
 
+h2.with-anchor {
+  &:hover {
+    a {
+      display: inline-block;
+    }
+  }
+
+  a {
+    color: var(--color-text);
+    display: none;
+    margin-left: .2em;
+    text-decoration: none;
+  }
+}
+
 #logo {
   margin-bottom: 0;