init

2026-01-04 07:58:23 -06:00
parent b50468eb5a
commit 6a435ac11a
122 changed files with 13995 additions and 19 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)