this repo has no description
tangled.org
1{{ define "title" }}{{ .RepoInfo.FullName }}{{ end }}
2
3{{ define "content" }}
4 <section id="repo-header" class="mb-4 p-2 dark:text-white">
5 {{ if .RepoInfo.Source }}
6 <div class="flex items-center">
7 {{ i "git-fork" "w-3 h-3 mr-1 shrink-0" }}
8 forked from
9 {{ $sourceOwner := didOrHandle .RepoInfo.Source.Did .RepoInfo.SourceHandle }}
10 <a class="ml-1 underline" href="/{{ $sourceOwner }}/{{ .RepoInfo.Source.Name }}">{{ $sourceOwner }}/{{ .RepoInfo.Source.Name }}</a>
11 </div>
12 {{ end }}
13 <div class="text-lg flex flex-col sm:flex-row items-start gap-4 justify-between">
14 <!-- left items -->
15 <div class="flex flex-col gap-2">
16 <!-- repo owner / repo name -->
17 <div class="flex items-center gap-2 flex-wrap">
18 {{ template "user/fragments/picHandleLink" .RepoInfo.OwnerDid }}
19 <span class="select-none">/</span>
20 <a href="/{{ .RepoInfo.FullName }}" class="font-bold">{{ .RepoInfo.Name }}</a>
21 </div>
22
23 <span class="flex flex-wrap items-center gap-x-4 gap-y-2 text-sm text-gray-600 dark:text-gray-300">
24 {{ if .RepoInfo.Description }}
25 {{ .RepoInfo.Description | description }}
26 {{ else }}
27 <span class="italic">this repo has no description</span>
28 {{ end }}
29
30 {{ with .RepoInfo.Website }}
31 <span class="flex items-center gap-1">
32 <span class="flex-shrink-0">{{ i "globe" "size-4" }}</span>
33 <a href="{{ . }}">{{ . | trimUriScheme }}</a>
34 </span>
35 {{ end }}
36
37 {{ if .RepoInfo.Topics }}
38 <div class="flex items-center gap-1 text-sm text-gray-600 dark:text-gray-300">
39 {{ range .RepoInfo.Topics }}
40 <span class="bg-gray-200 dark:bg-gray-700 rounded py-1/2 px-1 text-sm">{{ . }}</span>
41 {{ end }}
42 </div>
43 {{ end }}
44
45 </span>
46 </div>
47
48 <div class="w-full sm:w-fit grid grid-cols-3 gap-2 z-auto">
49 {{ template "repo/fragments/repoStar" .RepoInfo }}
50 <a
51 class="btn text-sm no-underline hover:no-underline flex items-center gap-2 group"
52 hx-boost="true"
53 href="/{{ .RepoInfo.FullName }}/fork"
54 >
55 {{ i "git-fork" "w-4 h-4" }}
56 fork
57 {{ i "loader-circle" "w-4 h-4 animate-spin hidden group-[.htmx-request]:inline" }}
58 </a>
59 <a
60 class="btn text-sm no-underline hover:no-underline flex items-center gap-2 group"
61 href="/{{ .RepoInfo.FullName }}/feed.atom">
62 {{ i "rss" "size-4" }}
63 <span class="md:hidden">atom</span>
64 </a>
65 </div>
66 </div>
67 </section>
68
69 <section class="w-full flex flex-col" >
70 <nav class="w-full pl-4 overflow-auto">
71 <div class="flex z-60">
72 {{ $activeTabStyles := "-mb-px bg-white dark:bg-gray-800" }}
73 {{ $tabs := .RepoInfo.GetTabs }}
74 {{ $tabmeta := .RepoInfo.TabMetadata }}
75 {{ range $item := $tabs }}
76 {{ $key := index $item 0 }}
77 {{ $value := index $item 1 }}
78 {{ $icon := index $item 2 }}
79 {{ $meta := index $tabmeta $key }}
80 <a
81 href="/{{ $.RepoInfo.FullName }}{{ $value }}"
82 class="relative -mr-px group no-underline hover:no-underline"
83 hx-boost="true"
84 >
85 <div
86 class="px-4 py-1 mr-1 text-black dark:text-white min-w-[80px] text-center relative rounded-t whitespace-nowrap
87 {{ if eq $.Active $key }}
88 {{ $activeTabStyles }}
89 {{ else }}
90 group-hover:bg-gray-100/25 group-hover:dark:bg-gray-700/25
91 {{ end }}
92 "
93 >
94 <span class="flex items-center justify-center">
95 {{ i $icon "w-4 h-4 mr-2" }}
96 {{ $key }}
97 {{ if $meta }}
98 <span class="bg-gray-200 dark:bg-gray-700 rounded py-1/2 px-1 text-sm ml-1">{{ $meta }}</span>
99 {{ end }}
100 </span>
101 </div>
102 </a>
103 {{ end }}
104 </div>
105 </nav>
106 {{ block "repoContentLayout" . }}
107 <section class="bg-white dark:bg-gray-800 px-6 py-4 rounded relative w-full mx-auto dark:text-white">
108 {{ block "repoContent" . }}{{ end }}
109 </section>
110 {{ block "repoAfter" . }}{{ end }}
111 {{ end }}
112 </section>
113{{ end }}