codeRIT
diff --git a/‎index.html
Lines changed: 3 additions & 3 deletions b/‎index.html
Lines changed: 3 additions & 3 deletions
diff --git a/‎index.js
Lines changed: 14 additions & 0 deletions b/‎index.js
Lines changed: 14 additions & 0 deletions
@@ -26,13 +26,13 @@
 </head>
 <body>
     <nav>
-        <div class="left">
+        <div class="left navbar-items">
             <a id="logo" href="https://brickhack.io">
                 <img src="assets/logo.svg" alt="BrickHack 7 Logo" />
             </a>
-            <a class="link" href="#hackathon-content">GENERAL</a>
-            <a class="link" href="#faq">FAQ</a>
+            <a class="link" href="#hackathon">GENERAL</a>
             <a class="link" href="#schedule">SCHEDULE</a>
+            <a class="link" href="#faq">FAQ</a>
             <a class="link" href="#leadership">ABOUT US</a>
         </div>
         <div class="right">
 
@@ -16,6 +16,20 @@ const comment = document.createComment("\n"+hiringMessage.toString()+"\n");
 document.insertBefore(comment, document.firstChild);
 
 
+// Nav highlighting on scroll
+import ActiveMenuLink from "active-menu-link";
+
+let options = {
+    itemTag: "",
+    scrollOffset: -90, // nav height
+    scrollDuration: 1000,
+    ease: "out-quart",
+    showHash: false,
+};
+
+new ActiveMenuLink(".navbar-items", options);
+
+
 // Random hero SVG on each page load
 import desk1 from './assets/desk1.svg'
 import desk2 from './assets/desk2.svg'