blob: 9860c214c1b2d600ee36d60a7e71c95bc59fb8ef (
plain) (
blame)
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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
|
<script>
// @ts-nocheck
let name = $state("");
let password = $state("");
let team = $state("axis");
</script>
<main class="
flex flex-col items-center justify-center my-10 mx-15 text-center
">
<h1 class="text-6xl font-bold my-5">Welcome to Hitler Clicker!</h1>
<p class="text-2xl">a stupid game where you have to click in order to score points for your team.</p>
</main>
<div class="
flex flex-col items-center justify-center my-10 mx-15 text-center mt-20
">
<h2 class="text-4xl font-bold my-5">Play with an Account:</h2>
<div>
<label>
<span>Name:</span><br />
<input class="font-mono p-2 border-1 border-stone-950 dark:border-red-50 bg-neutral-200 dark:bg-neutral-600 w-full" type="text" placeholder="name" bind:value={name} name="name" />
</label><br />
<label>
<span>Password:</span><br />
<input class="font-mono p-2 border-1 border-stone-950 dark:border-red-50 bg-neutral-200 dark:bg-neutral-600 w-full" type="password" placeholder="password" bind:value={password} name="password" />
</label><hr class="my-3" />
<button class="
font-mono p-2 border-1 border-stone-950 dark:border-red-50 bg-neutral-300 dark:bg-neutral-700 w-full
">log in</button>
</div>
<h2 class="text-4xl font-bold my-5">Create an Account:</h2>
<div>
<label>
<span>Name:</span><br />
<input class="font-mono p-2 border-1 border-stone-950 dark:border-red-50 bg-neutral-200 dark:bg-neutral-600 w-full" type="text" placeholder="name" bind:value={name} name="name" />
</label><br />
<label>
<span>Password:</span><br />
<input class="font-mono p-2 border-1 border-stone-950 dark:border-red-50 bg-neutral-200 dark:bg-neutral-600 w-full" type="password" placeholder="password" bind:value={password} name="password" />
</label><br />
<label>
<span>Team:</span><br />
<select class="font-mono p-2 border-1 border-stone-950 dark:border-red-50 bg-neutral-200 dark:bg-neutral-600 w-full" bind:value={team} name="team">
<!-- these could be dynamically generated! -->
<option value="axis">Axis</option>
<option value="allies">Allies</option>
<option value="soviet">Soviets</option>
</select>
</label><hr class="my-3" />
<button class="
font-mono p-2 border-1 border-stone-950 dark:border-red-50 bg-neutral-300 dark:bg-neutral-700 w-full
">join</button>
</div>
<h2 class="text-4xl font-bold my-10">Play Anonymously:</h2>
<p class="text-xl text-red-800 dark:text-red-700"><i>(not implemented on backend yet.)</i></p>
</div>
|
