adding qr codes, converting site to quill

2025-10-29 00:06:59 -05:00
parent 9a829ab34f
commit a61562abfb
16 changed files with 353 additions and 130 deletions
--- a/ui/site/components/Home.js
+++ b/ui/site/components/Home.js
@@ -0,0 +1,53 @@
+import "./AppWindow.js"
+import "./AppMenu.js"
+import "./ProfileButton.js"
+import "./InputBox.js"
+import "./Sidebar.js"
+
+css(`
+    #divider.minimized {
+        display: none;
+    }
+`)
+    
+class Home extends Shadow {
+
+    render() {
+        ZStack(() => {
+            div()
+                .width(100, vw)
+                .height(100, vh)
+                .margin("0px")
+                .backgroundImage("url('_/images/the_return.webp')")
+                .backgroundSize("cover")
+                .backgroundPosition("48% 65%")
+                .backgroundRepeat("no-repeat")
+
+                AppWindow()
+
+                ProfileButton()
+                    .zIndex(1)
+                    .cursor("default")
+                    .position("fixed")
+                    .top("5.5vh")
+                    .right("4.5vw")
+
+                img("_/icons/logo.svg", "3.5em")
+                    .position("fixed")
+                    .left("3em")
+                    .top("2em")
+
+                AppMenu()
+
+                img("_/images/divider.svg", "40vw")
+                    .attr({"id": "divider"})
+                    .position("fixed")
+                    .bottom("2em")
+                    .left("50vw")
+                    .transform("translateX(-50%)")
+        })
+
+    }
+}
+
+registerShadow(Home)