transition from parchment to downloads

2025-12-18 17:18:09 -06:00
parent 0f4d8e5eb9
commit 4d969864a5
10 changed files with 651 additions and 271 deletions
--- a/ui/components/NavMenu.js
+++ b/ui/components/NavMenu.js
@@ -0,0 +1,37 @@
+class NavMenu extends Shadow {
+
+    NavButton(text) {
+        return p(text)
+            .cursor("default")
+            .onAppear(function () {
+                console.log(window.location.pathname, "/" + this.innerText.toLowerCase())
+                if(window.location.pathname === ("/" + this.innerText.toLowerCase())) {
+                    this.style.textDecoration = "underline"
+                }
+            })
+            .onHover(function (hovering) {
+                if(hovering) {
+                    this.style.textDecoration = "underline"
+                } else {
+                    this.style.textDecoration = ""
+                }
+            })
+            .onClick(function (done) {
+                if(done) {
+                    window.navigateTo(this.innerText === "Home" ? "/" : this.innerText.toLowerCase())
+                }
+            })
+    }
+
+    render() {
+        HStack(() => {
+            this.NavButton("Home")
+            this.NavButton("Downloads")
+        })
+        .gap(2, em)
+        .x(50, vw).y(5, vh)
+        .center()
+    }
+}
+
+register(NavMenu)