this repo has no description
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 name="viewport" content="width=device-width, initial-scale=1.0" />
7 <meta property="og:title" content="login · tangled" />
8 <meta property="og:url" content="https://tangled.sh/login" />
9 <meta property="og:description" content="login to for tangled" />
10 <script src="/static/htmx.min.js"></script>
11 <link
12 rel="stylesheet"
13 href="/static/tw.css?{{ cssContentHash }}"
14 type="text/css" />
15 <title>login · tangled</title>
16 </head>
17 <body class="flex items-center justify-center min-h-screen">
18 <main class="max-w-md px-6 -mt-4">
19 <h1 class="text-center text-2xl font-semibold italic dark:text-white">
20 tangled
21 </h1>
22 <h2 class="text-center text-xl italic dark:text-white">
23 tightly-knit social coding.
24 </h2>
25 <form
26 class="mt-4 max-w-sm mx-auto"
27 hx-post="/login"
28 hx-swap="none"
29 hx-disabled-elt="#login-button">
30 <div class="flex flex-col">
31 <label for="handle">handle</label>
32 <input
33 type="text"
34 id="handle"
35 name="handle"
36 tabindex="1"
37 required
38 placeholder="akshay.tngl.sh" />
39 <span class="text-sm text-gray-500 mt-1">
40 Use your
41 <a href="https://atproto.com">ATProto</a>
42 handle to log in. If you're unsure, this is likely your Tangled (
43 <code>.tngl.sh</code>
44 ) or
45 <a href="https://bsky.app">Bluesky</a>
46 (
47 <code>.bsky.social</code>
48 ) account.
49 </span>
50 </div>
51 <input type="hidden" name="return_url" value="{{ .ReturnUrl }}" />
52
53 <button
54 class="btn w-full my-2 mt-6 text-base "
55 type="submit"
56 id="login-button"
57 tabindex="3">
58 <span>login</span>
59 </button>
60 </form>
61 <p class="text-sm text-gray-500">
62 Don't have an account?
63 <a href="/signup" class="underline">Create an account</a>
64 on Tangled now!
65 </p>
66
67 <p id="login-msg" class="error w-full"></p>
68 </main>
69 </body>
70 </html>
71{{ end }}