Basic Navigation

ui/public/pages/Home.js

@@ -0,0 +1,55 @@
+import "../components/NavBar.js"
+import "./Why.js"
+import "./Events.js"
+import "./Join.js"
+import "./SignIn.js"
+
+class Home extends Shadow {
+    render() {
+
+        ZStack(() => {
+
+            NavBar()
+    
+            switch(window.location.pathname) {
+                case "/":
+                    img("_/images/knight.png", "29vw")
+                        .position("absolute")
+                        .left(50, vw).top(50, vh)
+                        .center()
+            
+                    p("H   Y   P   E   R   I   A")
+                        .x(50, vw).y(50, vh)
+                        .center()
+                        .color("var(--gold)")
+                        .fontSize(5, vw)
+            
+            
+                    p("A CLASSICAL CHRISTIAN ASSOCIATION")
+                        .x(50, vw).y(94, vh)
+                        .center()
+                        .letterSpacing(0.3, em)
+                    break;
+                case "/why":
+                    Why()
+                    break;
+                case "/events":
+                    Events()
+                    break;
+                case "/join":
+                    Join()
+                    break;
+                case "/signin":
+                    SignIn()
+                    break;
+            }
+
+        })
+        .onNavigate(() => {
+            this.rerender()
+        })
+            
+    }
+}
+
+register(Home)