39 lines
1.0 KiB
JavaScript
39 lines
1.0 KiB
JavaScript
class Home extends Shadow {
|
|
|
|
inputStyles(el) {
|
|
return el
|
|
.color("var(--accent)")
|
|
.border("1px solid var(--accent)")
|
|
}
|
|
|
|
render() {
|
|
|
|
ZStack(() => {
|
|
ZStack(() => {
|
|
if(window.location.search.includes("new")) {
|
|
p("Welcome to Hyperia! You may now log in.")
|
|
.x(50, vw).y(40, vh)
|
|
.center()
|
|
}
|
|
|
|
form(() => {
|
|
input("Password")
|
|
.attr({name: "password", type: "password"})
|
|
.margin(1, em)
|
|
.styles(this.inputStyles)
|
|
button("Submit")
|
|
.margin(1, em)
|
|
})
|
|
.attr({action: "/login", method: "POST"})
|
|
.x(50, vw).y(50, vh)
|
|
.center()
|
|
})
|
|
})
|
|
.width(98, vw).height(98, vh)
|
|
.background("#7B413A")
|
|
.x(1, vw).y(1, vh)
|
|
|
|
}
|
|
}
|
|
|
|
register(Home) |