this repo has no description
tangled.org
1{{ define "user/completeSignup" }}
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="complete signup · tangled" />
8 <meta property="og:url" content="https://tangled.sh/complete-signup" />
9 <meta
10 property="og:description"
11 content="complete your signup for tangled" />
12 <script src="/static/htmx.min.js"></script>
13 <link
14 rel="stylesheet"
15 href="/static/tw.css?{{ cssContentHash }}"
16 type="text/css" />
17 <title>complete signup · tangled</title>
18 </head>
19 <body class="flex items-center justify-center min-h-screen">
20 <main class="max-w-md px-6 -mt-4">
21 <h1 class="text-center text-2xl font-semibold italic dark:text-white">
22 tangled
23 </h1>
24 <h2 class="text-center text-xl italic dark:text-white">
25 tightly-knit social coding.
26 </h2>
27 <form
28 class="mt-4 max-w-sm mx-auto flex flex-col gap-4"
29 hx-post="/signup/complete"
30 hx-swap="none"
31 hx-disabled-elt="#complete-signup-button">
32 <div class="flex flex-col">
33 <label for="code">verification code</label>
34 <input
35 type="text"
36 id="code"
37 name="code"
38 tabindex="1"
39 required
40 placeholder="tngl-sh-foo-bar" />
41 <span class="text-sm text-gray-500 mt-1">
42 Enter the code sent to your email.
43 </span>
44 </div>
45
46 <div class="flex flex-col">
47 <label for="username">username</label>
48 <input
49 type="text"
50 id="username"
51 name="username"
52 tabindex="2"
53 required
54 placeholder="jason" />
55 <span class="text-sm text-gray-500 mt-1">
56 Your complete handle will be of the form
57 <code>user.tngl.sh</code>
58 .
59 </span>
60 </div>
61
62 <div class="flex flex-col">
63 <label for="password">password</label>
64 <input
65 type="password"
66 id="password"
67 name="password"
68 tabindex="3"
69 required />
70 <span class="text-sm text-gray-500 mt-1">
71 Choose a strong password for your account.
72 </span>
73 </div>
74
75 <button
76 class="btn-create w-full my-2 mt-6 text-base"
77 type="submit"
78 id="complete-signup-button"
79 tabindex="4">
80 <span>complete signup</span>
81 </button>
82 </form>
83 <p id="signup-error" class="error w-full"></p>
84 <p id="signup-msg" class="dark:text-white w-full"></p>
85 </main>
86 </body>
87 </html>
88{{ end }}