adding qr codes, converting site to quill

ui/site/components/AppWindow.js

@@ -1,25 +1,43 @@
-css(`
-    app-window {
-        width: 100vw;
-        height: 100vh;
-        background-color: var(--main);
-        position: fixed;
-        top: 0;
-        left: 0;
-        display: none;
-    }
-`)
+import "../apps/Forum.js"
+import "../apps/Messages.js"
+import "../apps/Market.js"
 
-export default class AppWindow extends HTMLElement {
+class AppWindow extends Shadow {
+    app;
+
+    render() {
+        ZStack(() => {
+            console.log("happening")
+            switch(this.app) {
+                case "Forum":
+                    Forum()
+                    break;
+                case "Messages":
+                    Messages()
+                    break;
+                case "Market":
+                    Market()
+                    break;
+            }
+        })
+        .display(this.app ? '' : 'none')
+        .width(100, "vw")
+        .height(100, "vh")
+        .backgroundColor("var(--main)")
+        .position("fixed")
+        .top(0)
+        .left(0)
+    }
 
     open(app) {
-        console.log("opening", app)
-        this.style.display = "block"
+        this.app = app
+        this.rerender()
     }
 
     close() {
         this.style.display = "none"
     }
+
 }
 
-customElements.define("app-window", AppWindow)
+registerShadow(AppWindow, "app-window")