Monorepo for Tangled
tangled.org
1{{ define "title" }}Sign up · Tangled{{ 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 value="{{ .EmailId }}"
24 class="text-lg md:text-base"
25 />
26 </div>
27 <span class="text-sm text-gray-500 mt-1">
28 You will receive an email with an invite code. Enter your
29 invite code, desired username, and password in the next
30 page to complete your registration.
31 </span>
32 <div class="w-full mt-4 text-center">
33 <div class="cf-turnstile" data-sitekey="{{ .CloudflareSiteKey }}" data-size="flexible"></div>
34 </div>
35 <button class="btn text-base w-full my-2 mt-6" type="submit" id="signup-button" tabindex="7" >
36 {{ i "loader-circle" "size-4 animate-spin hidden group-[.htmx-request]:inline" }}
37 <span class="inline group-[.htmx-request]:hidden">Join now</span>
38 </button>
39 <p class="text-sm text-gray-500">
40 Already have an AT Protocol account? <a href="/login" class="underline">Login to Tangled</a>.
41 </p>
42
43 <p id="signup-msg" class="error w-full"></p>
44 <p class="text-sm text-gray-500 pt-4">
45 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>.
46 </p>
47 </form>
48{{ end }}