A vibe coded tangled fork which supports pijul.
1{{ define "title" }}
2 channels · {{ .RepoInfo.FullName }}
3{{ end }}
4
5{{ define "extrameta" }}
6 {{ $title := printf "channels · %s" .RepoInfo.FullName }}
7 {{ $url := printf "https://tangled.org/%s/channels" .RepoInfo.FullName }}
8
9 {{ template "repo/fragments/og" (dict "RepoInfo" .RepoInfo "Title" $title "Url" $url) }}
10{{ end }}
11
12{{ define "repoContent" }}
13<section id="channels-table" class="overflow-x-auto">
14 <h2 class="font-bold text-sm mb-4 uppercase dark:text-white">
15 Channels
16 </h2>
17
18 <!-- desktop view (hidden on small screens) -->
19 <table class="w-full border-collapse hidden md:table">
20 <thead>
21 <tr>
22 <th class="py-2 text-sm text-left text-gray-700 dark:text-gray-300 uppercase font-bold">Name</th>
23 <th class="py-2 text-sm text-left text-gray-700 dark:text-gray-300 uppercase font-bold">Status</th>
24 </tr>
25 </thead>
26 <tbody>
27 {{ range $index, $channel := .Channels }}
28 <tr class="{{ if ne $index (sub (len $.Channels) 1) }}border-b border-gray-200 dark:border-gray-700{{ end }}">
29 <td class="py-3 whitespace-nowrap">
30 <a href="/{{ $.RepoInfo.FullName }}/tree/{{ .Name | urlquery }}" class="no-underline hover:underline flex items-center gap-2">
31 <span class="dark:text-white">
32 {{ .Name }}
33 </span>
34 {{ if .IsCurrent }}
35 <span class="
36 text-sm rounded
37 bg-gray-100 dark:bg-gray-700 text-black dark:text-white
38 font-mono
39 px-2 mx-1/2
40 inline-flex items-center
41 ">
42 current
43 </span>
44 {{ end }}
45 </a>
46 </td>
47 <td class="py-3 whitespace-nowrap">
48 {{ if .IsCurrent }}
49 <span class="text-green-600 dark:text-green-400 text-sm">active</span>
50 {{ else }}
51 <span class="text-gray-500 text-sm">-</span>
52 {{ end }}
53 </td>
54 </tr>
55 {{ end }}
56 </tbody>
57 </table>
58
59 <!-- mobile view (visible only on small screens) -->
60 <div class="md:hidden">
61 {{ range $index, $channel := .Channels }}
62 <div class="relative p-2 {{ if ne $index (sub (len $.Channels) 1) }}border-b border-gray-200 dark:border-gray-700{{ end }}">
63 <div class="flex items-center justify-between">
64 <a href="/{{ $.RepoInfo.FullName }}/tree/{{ .Name | urlquery }}" class="no-underline hover:underline flex items-center gap-2">
65 <span class="dark:text-white font-medium">
66 {{ .Name }}
67 </span>
68 {{ if .IsCurrent }}
69 <span class="
70 text-xs rounded
71 bg-gray-100 dark:bg-gray-700 text-black dark:text-white
72 font-mono
73 px-2
74 inline-flex items-center
75 ">
76 current
77 </span>
78 {{ end }}
79 </a>
80 </div>
81 </div>
82 {{ end }}
83 </div>
84
85 {{ if not .Channels }}
86 <div class="text-gray-500 dark:text-gray-400 py-4">
87 No channels found in this repository.
88 </div>
89 {{ end }}
90</section>
91{{ end }}