Better slugs, improvements to projects, some fixes

src/components/Navbar.astro

@@ -112,10 +112,18 @@ const { navbarDisplay = "normal" } = Astro.props as Props;
 </script>
 
 <script>
-  let nav: HTMLElement;
-  let toggle: HTMLElement;
+  let nav: HTMLElement | null;
+  let toggle: HTMLElement | null;
 
   const checkScroll = () => {
+    if (!nav) {
+      nav = document.getElementById("nav");
+    }
+
+    if (!nav) {
+      return;
+    }
+
     nav.setAttribute(
       "data-transparency",
       window.scrollY === 0 && window.navbarDisplay === "transparent"
@@ -125,14 +133,19 @@ const { navbarDisplay = "normal" } = Astro.props as Props;
   };
 
   document.addEventListener("astro:page-load", () => {
-    nav = document.getElementById("nav")!;
-    toggle = document.getElementById("menu-toggle")!;
+    nav = document.getElementById("nav");
+    toggle = document.getElementById("menu-toggle");
 
-    toggle.addEventListener("click", () => {
-      const visible = nav.getAttribute("data-mobile-menu") === "visible";
-      nav.setAttribute("data-mobile-menu", visible ? "hidden" : "visible");
-      checkScroll();
-    });
+    if (toggle) {
+      toggle.addEventListener("click", () => {
+        if (nav) {
+          const visible = nav.getAttribute("data-mobile-menu") === "visible";
+          nav.setAttribute("data-mobile-menu", visible ? "hidden" : "visible");
+        }
+
+        checkScroll();
+      });
+    }
 
     checkScroll();
   });