Signup tentatively works

This commit is contained in:
metacryst
2025-11-22 23:12:01 -06:00
parent 525642d04e
commit c3ed5ac5ac
21 changed files with 461 additions and 287 deletions

View File

@@ -15,11 +15,11 @@ class SignupForm extends Shadow {
VStack(() => {
input("First Name")
.attr({name: "firstname", type: "name"})
.attr({name: "firstName", type: "name"})
.styles(this.inputStyles)
input("Last Name")
.attr({name: "lastname", type: "name"})
.attr({name: "lastName", type: "name"})
.styles(this.inputStyles)
input("Email")

View File

@@ -4,17 +4,17 @@
<title>Hyperia</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="/_/icons/logo.svg">
<link rel="stylesheet" href="_/code/shared.css">
<link rel="stylesheet" href="/_/code/shared.css">
<style>
body {
font-size: 16px;
background-image: url("_/images/fabric.png");
background-image: url("/_/images/fabric.png");
background-size: 33vw auto; /* width height of each tile */
}
</style>
<script src="_/code/quill.js"></script>
<script type="module" src="index.js"></script>
<script src="/_/code/quill.js"></script>
<script type="module" src="75820185/index.js"></script>
</head>
<body>
</body>

View File

@@ -12,7 +12,7 @@ class Home extends Shadow {
NavBar()
img("_/icons/logo.svg", "2.5em")
img("/_/icons/logo.svg", "2.5em")
.onClick((done) => {
if(!done) return
window.navigateTo("/")
@@ -24,7 +24,7 @@ class Home extends Shadow {
switch(window.location.pathname) {
case "/":
img("_/images/knight.png", "29vmax")
img("/_/images/knight.png", "29vmax")
.position("absolute")
.left(50, vw).top(50, vh)
.center()
@@ -51,13 +51,12 @@ class Home extends Shadow {
case "/join":
Join()
break;
case "/signin":
SignIn()
break;
default:
if(window.location.pathname.startsWith("/signup")) {
SignupForm()
} else if(window.location.pathname.startsWith("/signin")) {
SignIn()
}
}

View File

@@ -8,6 +8,12 @@ class SignIn extends Shadow {
render() {
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("Email")
.attr({name: "email", type: "email"})