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