-
Notifications
You must be signed in to change notification settings - Fork 0
/
+page.svelte
52 lines (44 loc) 路 1.21 KB
/
+page.svelte
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<script lang="ts">
import { getUser, setUser } from '$lib/user-service';
import { onMount } from 'svelte';
import Step1 from './Step1.svelte';
import Step2 from './Step2.svelte';
const register = () => {
}
let name = "";
// const nextStep = () => {
// step++;
// };
// let step = 1;
</script>
<main
class="flex-grow bg-background text-center flex flex-col justify-between items-center text-white px-16 py-8 relative"
>
<a
href="/"
class="bg-accent h-14 w-14 rounded-full absolute bottom-10 mb-4 right-8 flex justify-center items-center"
>
<i class="fa fa-arrow-right" />
</a>
<!-- <h1 class="text-4xl">Name</h1> -->
<div />
<div class="flex flex-col gap-10">
<h2 class="text-accent text-3xl">What should we call you?</h2>
<input
class="bg-background w-full border-b-2 border-accent text-2xl placeholder:text-accent"
placeholder="Your Name..."
minlength="2"
bind:value={name}
/>
</div>
<div />
<!-- {#if step === 1}
<Step1 />
{:else if step === 2}
<Step2 />
{/if} -->
<!-- <div class="w-full h-1 flex justify-between gap-3">
<div class="w-full bg-accent" class:bg-purple-500={step == 1} />
<div class="w-full bg-accent" class:bg-purple-500={step == 1} />
</div> -->
</main>