1{{ define "repo/fragments/cloneInstructions" }}
2 <section
3 class="mt-4 p-6 rounded bg-white dark:bg-gray-800 dark:text-white w-full mx-auto overflow-auto flex flex-col gap-4"
4 >
5 <div class="flex flex-col gap-2">
6 <strong>push</strong>
7 <div class="md:pl-4 overflow-x-auto whitespace-nowrap">
8 <code class="dark:text-gray-100"
9 >git remote add origin
10 git@{{ .RepoInfo.Knot }}:{{ .RepoInfo.OwnerHandle }}/{{ .RepoInfo.Name }}</code
11 >
12 </div>
13 </div>
14
15 <div class="flex flex-col gap-2">
16 <strong>clone</strong>
17 <div class="md:pl-4 flex flex-col gap-2">
18 <div class="flex items-center gap-3">
19 <span
20 class="bg-gray-100 dark:bg-gray-700 p-1 mr-1 font-mono text-sm rounded select-none dark:text-white"
21 >HTTP</span
22 >
23 <div class="overflow-x-auto whitespace-nowrap flex-1">
24 <code class="dark:text-gray-100"
25 >git clone
26 https://tangled.sh/{{ .RepoInfo.OwnerWithAt }}/{{ .RepoInfo.Name }}</code
27 >
28 </div>
29 </div>
30
31 <div class="flex items-center gap-3">
32 <span
33 class="bg-gray-100 dark:bg-gray-700 p-1 mr-1 font-mono text-sm rounded select-none dark:text-white"
34 >SSH</span
35 >
36 <div class="overflow-x-auto whitespace-nowrap flex-1">
37 <code class="dark:text-gray-100"
38 >git clone
39 git@{{ .RepoInfo.Knot }}:{{ .RepoInfo.OwnerHandle }}/{{ .RepoInfo.Name }}</code
40 >
41 </div>
42 </div>
43 </div>
44 </div>
45
46 <p class="py-2 text-gray-500 dark:text-gray-400">
47 Note that for self-hosted knots, clone URLs may be different based
48 on your setup.
49 </p>
50 </section>
51{{ end }}