forge/Anvil
1
0
Fork 0
Code Pull requests Activity

Account creation page + set max width

Browse source
This commit is contained in:
Pere Lev 2023-05-22 14:36:14 +03:00
parent b386498058
commit 3cc0c7baf1
No known key found for this signature in database
GPG key ID: 5252C5C863E5E57D
4 changed files with 39 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/routes/+layout.svelte
View file

@ -15,7 +15,7 @@
<!-- App Bar --> <!-- App Bar -->
<AppBar> <AppBar>
<svelte:fragment slot="lead"> <svelte:fragment slot="lead">
<strong class="text-xl uppercase">Anvil</strong> <strong class="text-xl">Anvil</strong>
</svelte:fragment> </svelte:fragment>
<svelte:fragment slot="trail"> <svelte:fragment slot="trail">
<a <a

6
src/routes/+page.svelte
View file

@ -1,4 +1,4 @@
<div class="container h-full mx-auto flex justify-center items-center py-10"> <div class="w-full max-w-md h-full mx-auto flex justify-center items-center py-10">
<div class="space-y-10"> <div class="space-y-10">
<!-- Animated Logo --> <!-- Animated Logo -->
<figure class="items-center"> <figure class="items-center">
@ -23,10 +23,10 @@
<div class="text-center"> <div class="text-center">
<div class="text-center space-y-3"> <div class="text-center space-y-3">
<div> <div>
<a href="/" class="btn variant-filled-primary">Create F2 account</a> <a href="/account/create" class="btn variant-filled-primary">Create F2 account</a>
</div> </div>
<div> <div>
<a href="/login" class="btn variant-filled-secondary">I have an account</a> <a href="/account/login" class="btn variant-filled-secondary">I have an account</a>
</div> </div>
</div> </div>
</div> </div>

34
src/routes/account/create/+page.svelte Normal file
View file

@ -0,0 +1,34 @@
<div class="w-full max-w-md h-full mx-auto flex justify-center items-center py-10">
<div class="space-y-10">
<h1 class="font-bold">Create a new account</h1>
<p>
Choose a server, username and password to create a new account on a
server. An email address is needed for verification.
</p>
<div class="space-y-4">
<label class="label">
<span>F2 server</span>
<select class="select" title="F2 server" value="1">
<option value="1">fig.fr33domlover.site</option>
<option value="2">grape.fr33domlover.site</option>
<option value="3">walnut.fr33domlover.site</option>
</select>
</label>
<label class="label">
<span>Account name</span>
<input class="input" title="Account name" type="text" placeholder="alice" />
</label>
<label class="label">
<span>Passphrase</span>
<input class="input" title="Passphrase" type="password" placeholder="psswrd" />
</label>
<hr />
<label class="label">
<span>Verification email</span>
<input class="input" title="Verification email" type="email" placeholder="alice@doe.org" />
</label>
<hr />
<a href="/" class="w-full btn variant-filled-primary">Create account</a>
</div>
</div>
</div>

2
src/routes/login/+page.svelte → src/routes/account/login/+page.svelte
View file

@ -1,4 +1,4 @@
<div class="container h-full mx-auto flex justify-center items-center py-10"> <div class="w-full max-w-md h-full mx-auto flex justify-center items-center py-10">
<div class="space-y-10"> <div class="space-y-10">
<h1 class="font-bold">Log in</h1> <h1 class="font-bold">Log in</h1>
<p> <p>