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
14 <script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>
15 </head>
16 <body class="flex items-center justify-center min-h-screen">
17 <main class="max-w-md px-6 -mt-4">
18 <h1 class="flex place-content-center text-2xl font-semibold italic dark:text-white" >
19 {{ template "fragments/logotype" }}
20 </h1>
21 <h2 class="text-center text-xl italic dark:text-white">tightly-knit social coding.</h2>
22 <form
23 class="mt-4 max-w-sm mx-auto"
24 hx-post="/signup"
25 hx-swap="none"
26 hx-disabled-elt="#signup-button"
27 >
28 <div class="flex flex-col mt-2">
29 <label for="email">email</label>
30 <input
31 type="email"
32 id="email"
33 name="email"
34 tabindex="4"
35 required
36 placeholder="jason@bourne.co"
37 />
38 </div>
39 <span class="text-sm text-gray-500 mt-1">
40 You will receive an email with an invite code. Enter your
41 invite code, desired username, and password in the next
42 page to complete your registration.
43 </span>
44 <div class="w-full mt-4">
45 <div class="cf-turnstile" data-sitekey="{{ .CloudflareSiteKey }}"></div>
46 </div>
47 <button class="btn text-base w-full my-2 mt-6" type="submit" id="signup-button" tabindex="7" >
48 <span>join now</span>
49 </button>
50 </form>
51 <p class="text-sm text-gray-500">
52 Already have an AT Protocol account? <a href="/login" class="underline">Login to Tangled</a>.
53 </p>
54
55 <p id="signup-msg" class="error w-full"></p>
56 </main>
57 </body>
58 </html>
59{{ end }}