begin

2025-09-06 20:26:07 -05:00
parent 7194b48b14
commit eff0c160a5
47 changed files with 2470 additions and 254 deletions
--- a/ui/public/components/NavMenu.js
+++ b/ui/public/components/NavMenu.js
@@ -0,0 +1,27 @@
+css(`
+    nav-menu {
+        position: fixed;
+        bottom: 6vh;
+        right: 6vh;
+        width: 20vw;
+        height: 10vh;
+        background: var(--green);
+        color: var(--tan);
+        border: 20px solid var(--tan);
+    }
+`)
+
+export default class NavMenu extends HTMLElement {
+    connectedCallback() {
+        this.innerHTML += /* html */ `
+        <span style="display: block; height: 2vh; background-color: var(--tan); border-radius: 2px;"></span>
+        <span style="display: block; height: 2vh; background-color: var(--tan); border-radius: 2px;"></span>
+        <span style="display: block; height: 2vh; background-color: var(--tan); border-radius: 2px;"></span>
+        <p style="font-size: 3vh; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%)">Menu</p>
+        `
+
+        document.addEventListener("")
+    }
+}
+
+customElements.define("nav-menu", NavMenu)