adding qr codes, converting site to quill

ui/site/components/ProfileMenu.js

@@ -30,29 +30,23 @@ css(`
     }
 `)
 
-export default class ProfileMenu extends HTMLElement {
-
-    connectedCallback() {
-        this.render()
-
-        util.observeClassChange(this, (cl) => {
-            this.render()
-        })
-        
-    }
+class ProfileMenu extends Shadow {
 
     render() {
-        if(this.classList.contains("open")) {
-            setTimeout(() => {
-                this.innerHTML = /* html */`
-                    <a href="signout" style="position: absolute; left: 0px; color: white; z-index: 2">sign out</a>
-                    <p>Profile</p>
-                `
-            }, 200)
-        } else {
-            this.innerHTML === ""
-        }
+        ZStack(() => {
+            if(this.classList.contains("open")) {
+                setTimeout(() => {
+                    // this.innerHTML = /* html */`
+                    //     <a href="signout" style="position: absolute; left: 0px; color: white; z-index: 2">sign out</a>
+                    //     <p>Profile</p>
+                    // `
+                }, 200)
+            }
+        })
+
+        util.observeClassChange(this, (cl) => {
+        })
     }
 }
 
-customElements.define("profile-menu", ProfileMenu)
+registerShadow(ProfileMenu, "profile-menu")