julien.rbrt.fr
forked from
tangled.org/core
Monorepo for Tangled — https://tangled.org
1{{ define "user/login" }}
2 <!doctype html>
3 <html lang="en" class="dark:bg-gray-900">
4 <head>
5 <meta charset="UTF-8" />
6 <meta
7 name="viewport"
8 content="width=device-width, initial-scale=1.0"
9 />
10 <meta
11 property="og:title"
12 content="login · tangled"
13 />
14 <meta
15 property="og:url"
16 content="https://tangled.sh/login"
17 />
18 <meta
19 property="og:description"
20 content="login to tangled"
21 />
22 <script src="/static/htmx.min.js"></script>
23 <link
24 rel="stylesheet"
25 href="/static/tw.css?{{ cssContentHash }}"
26 type="text/css"
27 />
28 <title>login · tangled</title>
29 </head>
30 <body class="flex items-center justify-center min-h-screen">
31 <main class="max-w-md px-6 -mt-4">
32 <h1
33 class="text-center text-2xl font-semibold italic dark:text-white"
34 >
35 tangled
36 </h1>
37 <h2 class="text-center text-xl italic dark:text-white">
38 tightly-knit social coding.
39 </h2>
40 <form
41 class="mt-4 max-w-sm mx-auto"
42 hx-post="/login"
43 hx-swap="none"
44 hx-disabled-elt="#login-button"
45 >
46 <div class="flex flex-col">
47 <label for="handle">handle</label>
48 <input
49 type="text"
50 id="handle"
51 name="handle"
52 tabindex="1"
53 required
54 />
55 <span class="text-sm text-gray-500 mt-1">
56 Use your
57 <a href="https://bsky.app">Bluesky</a> handle to log
58 in. You will then be redirected to your PDS to
59 complete authentication.
60 </span>
61 </div>
62
63 <button
64 class="btn w-full my-2 mt-6"
65 type="submit"
66 id="login-button"
67 tabindex="3"
68 >
69 <span>login</span>
70 </button>
71 </form>
72 <p class="text-sm text-gray-500">
73 Join our <a href="https://chat.tangled.sh">Discord</a> or
74 IRC channel:
75 <a href="https://web.libera.chat/#tangled"
76 ><code>#tangled</code> on Libera Chat</a
77 >.
78 </p>
79 <p id="login-msg" class="error w-full"></p>
80 </main>
81 </body>
82 </html>
83{{ end }}