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> <svelte:head>
<title>Login - Rowblox</title> <title>Login - Rowblox</title>
</svelte:head> </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="" /> <img class="mx-auto" src="/favicon.png" alt="" />
<div class="flex flex-col"> <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="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="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="passwd" id="passwd" placeholder="Password" bind:value={passwd} />
</div> </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> <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" />
</div> </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> <svelte:head>
<title>Register - Rowblox</title> <title>Register - Rowblox</title>
</svelte:head> </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="" /> <img class="mx-auto" src="/favicon.png" alt="" />
<div class="flex flex-col"> <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="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="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="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="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="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" /> <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> </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> <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" />
</div> </form>