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 id="right-items" class="flex gap-2">
10 {{ with .LoggedInUser }}
11 <a href="/repo/new" hx-boost="true">
12 {{ i "plus" "w-6 h-6" }}
13 </a>
14 {{ block "dropDown" . }} {{ end }}
15 {{ else }}
16 <a href="/login">login</a>
17 {{ end }}
18 </div>
19 </div>
20 </nav>
21{{ end }}
22
23{{ define "dropDown" }}
24<details class="relative inline-block text-left">
25 <summary
26 class="cursor-pointer list-none"
27 >
28 {{ didOrHandle .Did .Handle }}
29 </summary>
30 <div
31 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"
32 >
33 <a href="/{{ didOrHandle .Did .Handle }}">profile</a>
34 <a href="/knots">knots</a>
35 <a href="/settings">settings</a>
36 <a href="#"
37 hx-post="/logout"
38 hx-swap="none"
39 class="text-red-400 hover:text-red-700 dark:text-red-400 dark:hover:text-red-300">
40 logout
41 </a>
42 </div>
43</details>
44{{ end }}