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/pages/Home.js
+++ b/ui/public/pages/Home.js
@@ -0,0 +1,89 @@
+import "../components/NavBar.js"
+import "../components/SignupForm.js"
+import "./Why.js"
+import "./Events.js"
+import "./Join.js"
+import "./SignIn.js"
+import "./Success.js"
+
+class Home extends Shadow {
+    render() {
+
+        ZStack(() => {
+
+            NavBar()
+
+            img("/_/icons/logo.svg", "2.5em")
+                .onClick((done) => {
+                    if(!done) return
+                    window.navigateTo("/")
+                })
+                .position("absolute")
+                .left(50, vw).top(4, em)
+                .center()
+                .transform(`translate(${window.isMobile() ? "-50%" : "-2em"}, -50%)`)
+    
+            switch(window.location.pathname) {
+                case "/":
+                    img("/_/images/knight.webp", "29vmax")
+                        .position("absolute")
+                        .left(50, vw).top(isMobile() ? 50 : 53, vh)
+                        .center()
+            
+                    if(!isMobile()) {
+                        p("H &nbsp; Y &nbsp; P &nbsp; E &nbsp; R &nbsp; I &nbsp; A &nbsp;")
+                            .x(50, vw).y(53, vh)
+                            .textAlign("center")
+                            .center()
+                            .color("var(--gold)")
+                            .fontSize(5, vw)
+                            .maxWidth(isMobile() ? 1000 : 100, em)
+                    } else {
+                        p("H &nbsp; Y &nbsp; P &nbsp; E &nbsp; R &nbsp; I &nbsp; A &nbsp;")
+                            .x(46, vw).y(isMobile() ? 50 : 53, vh)
+                            .textAlign("center")
+                            .color("var(--gold)")
+                            .fontSize(5, vw)
+                    }
+            
+                    if(!isMobile()) {
+                        let text = "A Classical Christian Network"
+                        p(isMobile() ? text : text.toUpperCase())
+                            .x(50, vw).yBottom(isMobile() ? 1 : 3, vh)
+                            .center()
+                            .letterSpacing(0.1, em)
+                            .width(isMobile() ? 80 : 100, vw)
+                            .fontSize(isMobile() ? 0.8 : 1, em)
+                            .textAlign("center")
+                    }
+                    break;
+                case "/why":
+                    Why()
+                    break;
+                case "/events":
+                    Events()
+                    break;
+                case "/join":
+                    Join()
+                    break;
+                case "/success":
+                    Success()
+                    break;
+
+                default:
+                    if(window.location.pathname.startsWith("/signup")) {
+                        SignupForm()
+                    } else if(window.location.pathname.startsWith("/signin")) {
+                        SignIn()
+                    }
+            }
+
+        })
+        .onNavigate(() => {
+            this.rerender()
+        })
+            
+    }
+}
+
+register(Home)