Added ScrollSpying to website.

src/index.pug

@@ -45,7 +45,7 @@ html(lang="en")
     // Including web-manifest for Android devices
     link(rel="manifest", href="./manifest.webmanifest")
 
-  body#pageTop.bg-light
+  body#pageTop.bg-light(data-bs-spy="scroll", data-bs-target="#navbarContent")
     // Navigation - Side-bar nav on desktops, classic navbar on mobile.
     nav#sideNav.navbar.navbar-expand-lg.navbar-dark.bg-primary.fixed-top.px-4
       // The brand switches between my Profile Picture and my name, depending on what size the screen is at.

src/index.ts

@@ -1,8 +1,8 @@
 'use strict;'
 
-// Importing Bootstrap Collapse.
-// I'm not using any other components.
-import { Collapse } from 'bootstrap';
+// Importing Bootstrap Collapse and ScrollSpy
+// Tree-shaking!
+import { Collapse, ScrollSpy } from 'bootstrap';
 
 console.log("Modules Loaded");
 
@@ -13,3 +13,8 @@ let collapseList:Array<Collapse> = collapseElementList.map(function (collapseEl)
 		toggle: false
 	});
 });
+
+// Enabling ScrollSpy
+let scrollSpyElements:ScrollSpy = new ScrollSpy(document.body, {
+	target: '#navbarContent'
+});

src/scss/_global.scss

@@ -10,6 +10,7 @@
 body {
   padding-top: 3.75rem;
   color: $gray-600;
+  position: relative;
 }
 
 // Change body alignment setup to use side nav bar.