this repo has no description
tangled.org
1{{ define "layouts/topbar" }}
2 <nav class="space-x-4 px-6 py-2 rounded bg-white dark:bg-gray-800 dark:text-white drop-shadow-sm">
3 <div class="flex justify-between p-0 items-center">
4 <div id="left-items">
5 <a href="/" hx-boost="true" class="flex gap-2 font-semibold italic">
6 tangled<sub>alpha</sub>
7 </a>
8 </div>
9
10 <div id="right-items" class="flex items-center gap-4">
11 {{ with .LoggedInUser }}
12 <a href="/repo/new" hx-boost="true" class="btn-create hover:no-underline hover:text-white">
13 {{ i "plus" "w-4 h-4" }}
14 </a>
15 {{ block "dropDown" . }} {{ end }}
16 {{ else }}
17 <a href="/login">login</a>
18 {{ end }}
19 </div>
20 </div>
21 </nav>
22{{ end }}
23
24{{ define "dropDown" }}
25<details class="relative inline-block text-left">
26 <summary
27 class="cursor-pointer list-none flex items-center"
28 >
29 {{ $user := didOrHandle .Did .Handle }}
30 {{ template "user/fragments/picHandle" $user }}
31 </summary>
32 <div
33 class="absolute flex flex-col right-0 mt-4 p-4 rounded w-48 bg-white dark:bg-gray-800 dark:text-white border border-gray-200 dark:border-gray-700"
34 >
35 <a href="/{{ $user }}">profile</a>
36 <a href="/{{ $user }}?tab=repos">repositories</a>
37 <a href="/knots">knots</a>
38 <a href="/spindles">spindles</a>
39 <a href="/settings">settings</a>
40 <a href="#"
41 hx-post="/logout"
42 hx-swap="none"
43 class="text-red-400 hover:text-red-700 dark:text-red-400 dark:hover:text-red-300">
44 logout
45 </a>
46 </div>
47</details>
48{{ end }}