Rowblox
/
Rowblox-V2
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Start on login/register

This commit is contained in:
I-Have-An-Issue 2022-10-10 16:22:22 -04:00
parent 51db0f1fab
commit 552c046a69
No known key found for this signature in database
GPG Key ID: E55435DEA0825091
2 changed files with 24 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/routes/(nolayout)/login/+page.svelte
View File

@ -1,12 +1,18 @@
<script>
let username, passwd;
function submit() {}
</script>
<svelte:head>
<title>Login - Rowblox</title>
</svelte:head>
<div class="max-w-lg mx-auto text-center text-white">
<form on:submit|preventDefault={submit} class="max-w-lg mx-auto text-center text-white">
<img class="mx-auto" src="/favicon.png" alt="" />
<div class="flex flex-col">
<input class="rounded-lg w-72 px-4 border-2 border-blue-500 text-black mx-auto my-1.5 py-2" type="username" name="username" id="username" placeholder="Username" />
<input class="rounded-lg w-72 px-4 border-2 border-blue-500 text-black mx-auto my-1.5 py-2" type="password" name="password" id="password" placeholder="Password" />
<input class="rounded-lg w-72 px-4 border-2 border-blue-500 text-black mx-auto my-1.5 py-2" type="username" name="username" id="username" placeholder="Username" bind:value={username} />
<input class="rounded-lg w-72 px-4 border-2 border-blue-500 text-black mx-auto my-1.5 py-2" type="password" name="passwd" id="passwd" placeholder="Password" bind:value={passwd} />
</div>
<button class="my-1.5 text-xl text-white px-4 py-1 w-full rounded shadow-lg border-2 border-blue-500">Login</button>
</div>
<input type="submit" class="my-1.5 text-xl text-white px-4 py-1 w-full rounded shadow-lg border-2 border-blue-500 hover:cursor-pointer" value="Login" />
</form>

20
src/routes/(nolayout)/register/+page.svelte
View File

@ -1,14 +1,20 @@
<script>
let username, passwd, cpasswd, invite_key;
function submit() {}
</script>
<svelte:head>
<title>Register - Rowblox</title>
</svelte:head>
<div class="max-w-lg mx-auto text-center text-white">
<form on:submit|preventDefault={submit} class="max-w-lg mx-auto text-center text-white">
<img class="mx-auto" src="/favicon.png" alt="" />
<div class="flex flex-col">
<input class="rounded-lg w-72 px-4 border-2 border-blue-500 text-black mx-auto my-1.5 py-2" type="username" name="username" id="username" placeholder="Username" />
<input class="rounded-lg w-72 px-4 border-2 border-blue-500 text-black mx-auto my-1.5 py-2" type="password" name="password" id="password" placeholder="Password" />
<input class="rounded-lg w-72 px-4 border-2 border-blue-500 text-black mx-auto my-1.5 py-2" type="password" name="passwordconfirm" id="passwordconfirm" placeholder="Confirm Password" />
<input class="rounded-lg w-72 px-4 border-2 border-blue-500 text-black mx-auto my-1.5 py-2" type="text" name="invite" id="invite" placeholder="Invite Key" />
<input class="rounded-lg w-72 px-4 border-2 border-blue-500 text-black mx-auto my-1.5 py-2" type="username" name="username" id="username" placeholder="Username" bind:value={username} />
<input class="rounded-lg w-72 px-4 border-2 border-blue-500 text-black mx-auto my-1.5 py-2" type="password" name="passwd" id="passwd" placeholder="Password" bind:value={passwd} />
<input class="rounded-lg w-72 px-4 border-2 border-blue-500 text-black mx-auto my-1.5 py-2" type="password" name="cpasswd" id="cpasswd" placeholder="Confirm Password" bind:value={cpasswd} />
<input class="rounded-lg w-72 px-4 border-2 border-blue-500 text-black mx-auto my-1.5 py-2" type="text" name="invite" id="invite" placeholder="Invite Key" bind:value={invite_key} />
</div>
<button class="my-1.5 text-xl text-white px-4 py-1 w-full rounded shadow-lg border-2 border-blue-500">Register</button>
</div>
<input type="submit" class="my-1.5 text-xl text-white px-4 py-1 w-full rounded shadow-lg border-2 border-blue-500 hover:cursor-pointer" value="Register" />
</form>