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
9 class="bg-white dark:bg-gray-800 p-6 rounded relative w-full mx-auto drop-shadow-sm dark:text-white">
10 <div class="flex flex-col gap-6">
11 {{ block "about" . }}{{ end }}
12 {{ template "knots/fragments/knotListingFull" . }}
13 {{ block "register" . }}{{ end }}
14 </div>
15 </section>
16{{ end }}
17
18{{ define "about" }}
19 <section class="rounded flex flex-col gap-2">
20 <p class="dark:text-gray-300">
21 Knots are lightweight headless servers that enable users to host Git
22 repositories with ease. Knots are designed for either single or
23 multi-tenant use which is perfect for self-hosting on a Raspberry Pi at
24 home, or larger “community” servers. When creating a repository, you can
25 choose a knot to store it on.
26 <a
27 href="https://tangled.sh/@tangled.sh/core/blob/master/docs/knot-hosting.md">
28 Checkout the documentation if you're interested in self-hosting.
29 </a>
30 </p>
31 </section>
32{{ end }}
33
34{{ define "register" }}
35 <section class="rounded max-w-2xl flex flex-col gap-2">
36 <h2 class="text-sm font-bold py-2 uppercase dark:text-gray-300">
37 register a knot
38 </h2>
39 <p class="mb-2 dark:text-gray-300">
40 Enter the hostname of your knot to generate a key.
41 </p>
42 <form
43 hx-post="/knots/key"
44 class="space-y-4"
45 hx-indicator="#register-button"
46 hx-swap="none">
47 <div class="flex gap-2">
48 <input
49 type="text"
50 id="domain"
51 name="domain"
52 placeholder="knot.example.com"
53 required
54 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" />
55 <button
56 type="submit"
57 id="register-button"
58 class="btn rounded flex items-center py-2 dark:bg-gray-700 dark:text-white dark:hover:bg-gray-600 group">
59 <span class="inline-flex items-center gap-2">
60 {{ i "plus" "w-4 h-4" }}
61 generate
62 </span>
63 <span class="pl-2 hidden group-[.htmx-request]:inline">
64 {{ i "loader-circle" "w-4 h-4 animate-spin" }}
65 </span>
66 </button>
67 </div>
68
69 <div id="registration-error" class="error dark:text-red-400"></div>
70 </form>
71
72 <div id="secret"></div>
73 </section>
74{{ end }}