julien.rbrt.fr
forked from
tangled.org/core
Monorepo for Tangled — https://tangled.org
1{{ define "layouts/topbar" }}
2 <nav class="space-x-4 mb-4 px-6 py-2 rounded bg-white dark:bg-gray-800 dark:text-white drop-shadow-sm">
3 <div class="container flex justify-between p-0">
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 <div class="hidden md:flex gap-4 items-center">
10 <a href="https://chat.tangled.sh" class="inline-flex gap-1 items-center">
11 {{ i "message-circle" "size-4" }} discord
12 </a>
13
14 <a href="https://web.libera.chat/#tangled" class="inline-flex gap-1 items-center">
15 {{ i "hash" "size-4" }} irc
16 </a>
17
18 <a href="https://tangled.sh/@tangled.sh/core" class="inline-flex gap-1 items-center">
19 {{ i "code" "size-4" }} source
20 </a>
21 </div>
22 <div id="right-items" class="flex gap-2">
23 {{ with .LoggedInUser }}
24 <a href="/repo/new" hx-boost="true">
25 {{ i "plus" "w-6 h-6" }}
26 </a>
27 {{ block "dropDown" . }} {{ end }}
28 {{ else }}
29 <a href="/login">login</a>
30 {{ end }}
31 </div>
32 </div>
33 </nav>
34{{ end }}
35
36{{ define "dropDown" }}
37<details class="relative inline-block text-left">
38 <summary
39 class="cursor-pointer list-none"
40 >
41 {{ didOrHandle .Did .Handle }}
42 </summary>
43 <div
44 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"
45 >
46 <a href="/{{ didOrHandle .Did .Handle }}">profile</a>
47 <a href="/knots">knots</a>
48 <a href="/settings">settings</a>
49 <a href="#"
50 hx-post="/logout"
51 hx-swap="none"
52 class="text-red-400 hover:text-red-700 dark:text-red-400 dark:hover:text-red-300">
53 logout
54 </a>
55 </div>
56</details>
57{{ end }}