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
{{ define "content" }}
<p class="text-xl p-2 border-b-2">Login</p>
<a class="w-max p-2 border-2
rounded-md drop-shadow-md
bg-slate-50 hover:bg-slate-200 transition-colors"
href="/auth/login">
Liljamo Auth
</a>
<div class="max-w-3xl w-full flex items-center gap-4">
<div class="grow my-4 h-px border-t-0 bg-transparent bg-gradient-to-r from-transparent to-neutral-500 opacity-75 dark:opacity-100"></div>
<div class="grow-0">or</div>
<div class="grow my-4 h-px border-t-0 bg-transparent bg-gradient-to-r from-neutral-500 to-transparent opacity-75 dark:opacity-100"></div>
</div>
<div>
<form class="flex flex-col gap-2 items-center max-w-full" action="/api/iauth/login" method="POST">
<div class="flex gap-2 p-2 border rounded min-w-full">
<label for="username">Username</label>
<input class="text-slate-500 focus:outline-none" type="text" name="username" id="username" placeholder="Username..."/>
</div>
<div class="flex gap-2 p-2 border rounded min-w-full">
<label for="password">Password</label>
<input class="text-slate-500 focus:outline-none" type="password" name="password" id="password" placeholder="Password..."/>
</div>
<button type="submit" class="w-max p-2 border-2
rounded-md drop-shadow-md
bg-slate-50 hover:bg-slate-200 transition-colors">
Login
</button>
</form>
</div>
{{ end }}