this repo has no description
tangled.org
1{{ define "user/signup" }}
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="signup · tangled" />
8 <meta property="og:url" content="https://tangled.org/signup" />
9 <meta property="og:description" content="sign up for tangled" />
10 <script src="/static/htmx.min.js"></script>
11 <link rel="stylesheet" href="/static/tw.css?{{ cssContentHash }}" type="text/css" />
12 <title>sign up · tangled</title>
13 </head>
14 <body class="flex items-center justify-center min-h-screen">
15 <main class="max-w-md px-6 -mt-4">
16 <h1 class="flex place-content-center text-2xl font-semibold italic dark:text-white" >
17 {{ template "fragments/logotype" }}
18 </h1>
19 <h2 class="text-center text-xl italic dark:text-white">tightly-knit social coding.</h2>
20 <form
21 class="mt-4 max-w-sm mx-auto"
22 hx-post="/signup"
23 hx-swap="none"
24 hx-disabled-elt="#signup-button"
25 >
26 <div class="flex flex-col mt-2">
27 <label for="email">email</label>
28 <input
29 type="email"
30 id="email"
31 name="email"
32 tabindex="4"
33 required
34 placeholder="jason@bourne.co"
35 />
36 </div>
37 <span class="text-sm text-gray-500 mt-1">
38 You will receive an email with an invite code. Enter your
39 invite code, desired username, and password in the next
40 page to complete your registration.
41 </span>
42 <button class="btn text-base w-full my-2 mt-6" type="submit" id="signup-button" tabindex="7" >
43 <span>join now</span>
44 </button>
45 </form>
46 <p class="text-sm text-gray-500">
47 Already have an ATProto account? <a href="/login" class="underline">Login to Tangled</a>.
48 </p>
49
50 <p id="signup-msg" class="error w-full"></p>
51 </main>
52 </body>
53 </html>
54{{ end }}