70 lines
1.9 KiB
JavaScript
70 lines
1.9 KiB
JavaScript
import "../components/NavBar.js"
|
|
import "../components/JoinForm.js"
|
|
import "./Why.js"
|
|
import "./Events.js"
|
|
import "./Join.js"
|
|
import "./SignIn.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(-2em, -50%)")
|
|
|
|
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;
|
|
|
|
default:
|
|
if(window.location.pathname.startsWith("/signup")) {
|
|
JoinForm()
|
|
}
|
|
}
|
|
|
|
})
|
|
.onNavigate(() => {
|
|
this.rerender()
|
|
})
|
|
|
|
}
|
|
}
|
|
|
|
register(Home) |