nebulosus website upgrade

public/res/script/anchors.js

@@ -0,0 +1,4 @@
+document.querySelectorAll("h2")
+    .forEach(e => {
+        e.onclick = () => window.location.hash = e.parentElement.id;
+    });

public/res/script/cases.js

@@ -0,0 +1,30 @@
+class Case {
+    constructor(name = "Project", description = "This is a project.", url = undefined) {
+        this.name = name;
+        this.description = description;
+        this.url = url;
+    }
+}
+
+const CASES = [
+];
+
+const casesButton = document.querySelector("button#cases-button");
+const casesDiv = document.querySelector("div#cases");
+if (casesButton && CASES.length > 0) casesButton.hidden = false;
+
+function showCases() {
+    if (!casesButton) return console.log("k");
+    if (casesDiv.hidden) casesDiv.innerHTML = "";
+    casesDiv.hidden = !casesDiv.hidden;
+
+    let list = document.createElement("ul");
+    CASES.forEach(c => {
+        console.log(c);
+        // a dirty hack :p
+        list.innerHTML += `<li><${c.url ? 'a' : 'span'} ${c.url ? 'href="' + c.url + '"' : ''}><strong>${c.name}<strong> - ${c.description}</${c.url ? 'a' : 'span'}></li>`;
+    });
+    casesDiv.appendChild(list);
+}
+
+casesButton.onclick = showCases;

public/res/script/navbar.js

@@ -0,0 +1,17 @@
+
+function toggleMenu() {
+    const navLinks = document.querySelector(".top-bar nav ul");
+    navLinks.classList.toggle("show");
+}
+
+function hideMenu() {
+    const navLinks = document.querySelector(".top-bar nav ul");
+    navLinks.classList.remove("show");
+}
+
+window.addEventListener("resize", function() {
+    const navLinks = document.querySelector(".top-bar nav ul");
+    if (window.innerWidth > 768) {
+        navLinks.classList.remove("show");
+    }
+});