forge/Anvil
1
0
Fork 0
Code Pull requests Activity

Account creation: Verify & Verified pages

Browse source
This commit is contained in:
Pere Lev 2023-05-29 13:00:53 +03:00
parent 4c252c83ca
commit 723c6127da
No known key found for this signature in database
GPG key ID: 5252C5C863E5E57D
4 changed files with 49 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/routes/+page.svelte
View file

@ -20,7 +20,6 @@
Anvil is a F2 (Federated Forge) client. Would you like to create a
new F2 account or log in with your existing one?
</p>
<div class="text-center">
<div class="text-center space-y-3">
<div>
<a href="/account/create" class="btn variant-filled-primary">Create F2 account</a>
@ -29,7 +28,6 @@
<a href="/account/login" class="btn variant-filled-secondary">I have an account</a>
</div>
</div>
</div>
<div class="text-center">
<a href="/" class="btn btn-sm bg-initial">Reset passphrase</a>
</div>

2
src/routes/account/create/+page.svelte
View file

@ -45,7 +45,7 @@
<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>
<a href="/account/verify" class="w-full btn variant-filled-primary">Create account</a>
</div>
</div>
</div>

16
src/routes/account/verified/+page.svelte Normal file
View file

@ -0,0 +1,16 @@
<script lang='ts'>
import { Smiley24 } from "svelte-octicons";
</script>
<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="text-center space-y-6">
<h1 class="h1 font-bold">Success!</h1>
<Smiley24 class="w-full scale-[2] fill-success-500" />
</div>
<p class="px-4">
Your account is created and verified.
</p>
<a href="/account/login" class="w-full btn variant-filled-primary">Log in</a>
</div>
</div>

26
src/routes/account/verify/+page.svelte Normal file
View file

@ -0,0 +1,26 @@
<script lang='ts'>
import { AlertFill24 } from "svelte-octicons";
</script>
<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="h1 font-bold">Verify account</h1>
<p>
A verification code has been sent to
<strong>jane@doe-mail.com</strong>. Please copy the code from your
e-mail and paste it below.
</p>
<div class="space-y-4">
<label class="label">
<span>Verification code</span>
<div class="input-group input-group-divider grid-cols-[1fr_auto]">
<input class="input" title="Verification code" type="text" placeholder="0cY23hX52xIjNCt7g0gR" />
<a title="Code is too short or too log">
<AlertFill24 class="fill-warning-500 animate-pulse" />
</a>
</div>
</label>
<a href="/account/verified" class="w-full btn variant-filled-primary">Verify</a>
</div>
</div>
</div>