this repo has no description
tangled.org
1{{ define "title" }}knots{{ end }}
2
3{{ define "content" }}
4<div class="px-6 py-4">
5 <h1 class="text-xl font-bold dark:text-white">Knots</h1>
6</div>
7
8<section class="bg-white dark:bg-gray-800 p-6 rounded relative w-full mx-auto drop-shadow-sm dark:text-white">
9 <div class="flex flex-col gap-6">
10 {{ template "knots/fragments/knotListingFull" . }}
11 {{ block "register" . }} {{ end }}
12 </div>
13</section>
14{{ end }}
15
16{{ define "register" }}
17 <section class="rounded max-w-2xl flex flex-col gap-2">
18 <h2 class="text-sm font-bold py-2 uppercase dark:text-gray-300">register a knot</h2>
19 <p class="mb-2 dark:text-gray-300">Enter the hostname of your knot to generate a key.</p>
20 <form
21 hx-post="/knots/key"
22 class="space-y-4"
23 hx-indicator="#register-button"
24 hx-swap="none"
25 >
26 <div class="flex gap-2">
27 <input
28 type="text"
29 id="domain"
30 name="domain"
31 placeholder="knot.example.com"
32 required
33 class="flex-1 w-full dark:bg-gray-700 dark:text-white dark:border-gray-600 dark:placeholder-gray-400 px-3 py-2 border rounded"
34 >
35 <button
36 type="submit"
37 id="register-button"
38 class="btn rounded flex items-center py-2 dark:bg-gray-700 dark:text-white dark:hover:bg-gray-600 group"
39 >
40 <span class="inline-flex items-center gap-2">
41 {{ i "plus" "w-4 h-4" }}
42 generate
43 </span>
44 <span class="pl-2 hidden group-[.htmx-request]:inline">
45 {{ i "loader-circle" "w-4 h-4 animate-spin" }}
46 </span>
47 </button>
48 </div>
49
50 <div id="registration-error" class="error dark:text-red-400"></div>
51 </form>
52
53 <div id="secret"></div>
54 </section>
55{{ end }}