alice.pds.demo.boltless.dev
This repository has no description
1{{ define "onboarding/finish" }}
2 <h1 class="text-2xl font-semibold dark:text-white">You're all set!</h1>
3 <p class="text-base text-gray-500 dark:text-gray-400 mt-1">Here are a few things to explore next:</p>
4
5 <div class="grid grid-cols-1 sm:grid-cols-2 gap-3 mt-6">
6 <div class="sm:col-span-2 flex flex-col gap-2 border border-gray-200 dark:border-gray-700 rounded p-4">
7 <div class="flex items-center gap-2">
8 {{ i "book-marked" "size-4" }}
9 <h3 class=" dark:text-white">Create a repository</h3>
10 </div>
11 <p class="text-sm text-gray-500 dark:text-gray-400 flex-1">Kick things off by creating your first repository.</p>
12 <a href="/repo/new" class="ml-auto text-sm w-fit flex items-center gap-1 dark:text-white hover:underline">
13 Create {{ i "arrow-right" "size-4" }}
14 </a>
15 </div>
16
17 <div class="sm:row-span-2 flex flex-col gap-2 border border-gray-200 dark:border-gray-700 rounded p-4">
18 <div class="flex items-center gap-2">
19 {{ i "git-pull-request" "size-4" }}
20 <h3 class=" dark:text-white">Contribute to the Tangled project</h3>
21 </div>
22 <p class="text-sm text-gray-500 dark:text-gray-400 flex-1">
23 Tangled is fully open-source: Open a feature request, or submit a bug-fix!
24 <br>
25 <br>
26 All contributions are welcome.
27 </p>
28 <a href="/core" class="ml-auto text-sm w-fit flex items-center gap-1 dark:text-white hover:underline">
29 Contribute {{ i "arrow-right" "size-4" }}
30 </a>
31 </div>
32
33 <div class="flex flex-col gap-2 border border-gray-200 dark:border-gray-700 rounded p-4">
34 <div class="flex items-center gap-2">
35 {{ i "server" "size-4" }}
36 <h3 class=" dark:text-white">Host your own knot</h3>
37 </div>
38 <p class="text-sm text-gray-500 dark:text-gray-400 flex-1">Host repositories on your own infrastructure with knots.</p>
39 <a href="https://docs.tangled.org/knot-self-hosting-guide.html" target="_blank" rel="noopener noreferrer" class="ml-auto text-sm w-fit flex items-center gap-1 dark:text-white hover:underline">
40 Read the docs {{ i "arrow-right" "size-4" }}
41 </a>
42 </div>
43
44 <div class="flex flex-col gap-2 border border-gray-200 dark:border-gray-700 rounded p-4">
45 <div class="flex items-center gap-2">
46 {{ i "layers-2" "size-4" }}
47 <h3 class=" dark:text-white">Host your own spindle</h3>
48 </div>
49 <p class="text-sm text-gray-500 dark:text-gray-400 flex-1">Run CI jobs on your own infrastructure using spindles.</p>
50 <a href="https://docs.tangled.org/spindles.html#self-hosting-guide" target="_blank" rel="noopener noreferrer" class="ml-auto text-sm w-fit flex items-center gap-1 dark:text-white hover:underline">
51 Read the docs {{ i "arrow-right" "size-4" }}
52 </a>
53 </div>
54 </div>
55
56 <div class="grid grid-cols-1 sm:grid-cols-3 gap-3 mt-3">
57 <a href="https://bsky.app/profile/tangled.org" target="_blank" rel="noopener noreferrer" class="flex flex-col gap-1 border border-gray-200 dark:border-gray-700 rounded p-4 no-underline hover:no-underline hover:bg-gray-50 dark:hover:bg-gray-800">
58 <div class="flex items-center gap-2">{{ i "bluesky" "size-4" }}<span class=" dark:text-white">Bluesky</span></div>
59 <p class="text-sm text-gray-500 dark:text-gray-400">Follow us @tangled.org on Bluesky for updates.</p>
60 </a>
61 <a href="https://chat.tangled.org" target="_blank" rel="noopener noreferrer" class="flex flex-col gap-1 border border-gray-200 dark:border-gray-700 rounded p-4 no-underline hover:no-underline hover:bg-gray-50 dark:hover:bg-gray-800">
62 <div class="flex items-center gap-2">{{ i "message-circle" "size-4" }}<span class=" dark:text-white">Discord</span></div>
63 <p class="text-sm text-gray-500 dark:text-gray-400">Join the community on Discord.</p>
64 </a>
65 <a href="https://x.com/tangled_org" target="_blank" rel="noopener noreferrer" class="flex flex-col gap-1 border border-gray-200 dark:border-gray-700 rounded p-4 no-underline hover:no-underline hover:bg-gray-50 dark:hover:bg-gray-800">
66 <div class="flex items-center gap-2">{{ i "twitter" "size-4" }}<span class=" dark:text-white">X (Twitter)</span></div>
67 <p class="text-sm text-gray-500 dark:text-gray-400">Follow us @tangled_org on X for updates.</p>
68 </a>
69 </div>
70
71 <div class="flex items-center justify-between mt-6">
72 {{ template "onboarding/back" "/welcome/keys" }}
73 <form hx-post="/welcome/complete" hx-swap="none">
74 <button type="submit" class="btn-create-flat w-fit flex items-center gap-2 text-sm">
75 {{ i "check" "size-4" }} Finish
76 </button>
77 </form>
78 </div>
79{{ end }}