adding qr codes, converting site to quill

ui/site/apps/Forum.js

@@ -0,0 +1,14 @@
+css(`
+    forum- {
+        width: 100%; height: 100%;
+    }
+`)
+    
+export default class Forum extends HTMLElement {
+
+    connectedCallback() {     
+        this.innerHTML += /* html */`<p style="position: fixed; top: 50vh; left: 50vw; transform: translate(-50%, -50%)">Coming Soon!</p>`
+    }
+}
+
+customElements.define("forum-", Forum)

ui/site/apps/Market.js

@@ -0,0 +1,29 @@
+class Market extends Shadow {
+
+    render() {
+        ZStack(() => {
+            HStack(() => {
+                input("Search for products...", "50vw")
+                    .attr({
+                        "type": "text"
+                    })
+                    .background("transparent")
+                    .border("1px solid var(--accent)")
+                    .outline("none")
+                    .color("var(--accent)")
+                button("Search")
+            })
+            .x(50, vw).y(5, vh)
+            .position("absolute")
+            .transform("translateX(-50%)")
+        })
+        .width(100, "%")
+        .height(100, "%")
+    }
+
+    connectedCallback() {
+        // Optional additional logic
+    }
+}
+
+registerShadow(Market)

ui/site/apps/Messages.js

@@ -0,0 +1,15 @@
+css(`
+    messages- {
+        width: 100%; height: 100%;
+    }
+`)
+    
+export default class Messages extends HTMLElement {
+
+    connectedCallback() {     
+        console.log("rendeirng messages")
+        this.innerHTML += /* html */`<p style="position: fixed; top: 50vh; left: 50vw; transform: translate(-50%, -50%)">Coming Soon!</p>`
+    }
+}
+
+customElements.define("messages-", Messages)