From baf38f9fd50e2977468033f5c0f0719ee8ca0af2 Mon Sep 17 00:00:00 2001
From: evebyte <49453037+evebyte@users.noreply.github.com>
Date: Wed, 7 Dec 2022 17:03:50 -0700
Subject: [PATCH] added anchors to headers using anchor.js

---
 _includes/css/main.css |  9 +++++++++
 index.html             | 13 +++++++++++++
 2 files changed, 22 insertions(+)

diff --git a/_includes/css/main.css b/_includes/css/main.css
index b71cdb0..cc35855 100644
--- a/_includes/css/main.css
+++ b/_includes/css/main.css
@@ -58,6 +58,15 @@ pre {
 nav > ul > li > a:focus, [aria-hidden="true"] > a { box-shadow: none; }
 a:focus { box-shadow: 0 0 0 3px {{ site.colors.purple }}cc; }
 
+/* creates an invisible pseudo-element to adjust for the fixed navbar so the anchors takes you to a location above the link  */
+:target::before {
+    content: "";
+    display: block;
+    margin-top: -80px;
+    height: 80px;
+    width: 1px;
+}
+
 /* ----- base elements ----- */
 
 img {
diff --git a/index.html b/index.html
index 28d6ee5..9e9072e 100755
--- a/index.html
+++ b/index.html
@@ -59,5 +59,18 @@
     </div>
   </div>
 <script src="site.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/anchor-js/anchor.min.js"></script>
+<script>
+  // configure options for anchors
+  anchors.options = {
+    placement: "left",
+  };
+
+  // add anchors to all h2, h3, h4, h5, h6
+  anchors
+    .add()
+    // remove anchors from the following elements
+    .remove("#free-libre-open-source-software-binaries-of-vs-code");
+</script>
 </body>
 </html>