lewis.moe
Monorepo for Tangled
1{{ define "title" }} signup {{ end }}
2
3{{ define "extrameta" }}
4 <script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>
5{{ end }}
6
7{{ define "content" }}
8 <form
9 class="mt-4 max-w-sm mx-auto group"
10 hx-post="/signup"
11 hx-swap="none"
12 hx-disabled-elt="#signup-button"
13 >
14 <div class="flex flex-col mt-2">
15 <label for="email">email</label>
16 <input
17 type="email"
18 id="email"
19 name="email"
20 tabindex="4"
21 required
22 placeholder="jason@bourne.co"
23 />
24 </div>
25 <span class="text-sm text-gray-500 mt-1">
26 You will receive an email with an invite code. Enter your
27 invite code, desired username, and password in the next
28 page to complete your registration.
29 </span>
30 <div class="w-full mt-4 text-center">
31 <div class="cf-turnstile" data-sitekey="{{ .CloudflareSiteKey }}" data-size="flexible"></div>
32 </div>
33 <button class="btn text-base w-full my-2 mt-6" type="submit" id="signup-button" tabindex="7" >
34 {{ i "loader-circle" "size-4 animate-spin hidden group-[.htmx-request]:inline" }}
35 <span class="inline group-[.htmx-request]:hidden">join now</span>
36 </button>
37 <p class="text-sm text-gray-500">
38 Already have an AT Protocol account? <a href="/login" class="underline">Login to Tangled</a>.
39 </p>
40
41 <p id="signup-msg" class="error w-full"></p>
42 <p class="text-sm text-gray-500 pt-4">
43 By signing up, you agree to our <a href="/terms" class="underline">Terms of Service</a> and <a href="/privacy" class="underline">Privacy Policy</a>.
44 </p>
45 </form>
46{{ end }}