yoten.app
Yōten: A social tracker for your language learning journey built on the atproto.
feat: add action buttons to header instead of dropdown
brookjeynes.dev
+24
-26
+24
-26
internal/server/views/partials/header.templ
+24
-26
internal/server/views/partials/header.templ
···
8
8
<a class="text-xl font-bold" href="/">Yōten <span class="text-sm font-normal italic">alpha</span></a>
9
9
if params.User != nil {
10
10
<details class="relative inline-block text-left">
11
-
<summary class="cursor-pointer list-none">
11
+
<summary class="cursor-pointer list-none flex gap-8">
12
+
<div class="flex gap-4 items-center">
13
+
<a
14
+
href="/profile/activities"
15
+
class="text-sm hover:underline"
16
+
>
17
+
Activities
18
+
</a>
19
+
<a
20
+
href="/profile/resources"
21
+
class="text-sm hover:underline"
22
+
>
23
+
Resources
24
+
</a>
25
+
<a
26
+
href="/stats"
27
+
class="text-sm hover:underline"
28
+
>
29
+
Stats
30
+
</a>
31
+
</div>
12
32
if params.User.BskyProfile.Avatar == "" {
13
33
<div class="flex items-center justify-center w-10 h-10 rounded-full bg-primary">
14
34
<i class="w-7 h-7" data-lucide="user"></i>
···
22
42
>
23
43
<a
24
44
href={ templ.URL(fmt.Sprintf("/@%s", params.User.Handle)) }
25
-
class="block flex items-center px-4 py-2 text-sm hover:bg-bg gap-2"
45
+
class="flex items-center px-4 py-2 text-sm hover:bg-bg gap-2"
26
46
>
27
47
<i class="w-4 h-4" data-lucide="user"></i>
28
48
Profile
29
49
</a>
30
50
<a
31
51
href="/friends"
32
-
class="block flex items-center px-4 py-2 text-sm hover:bg-bg gap-2"
52
+
class="flex items-center px-4 py-2 text-sm hover:bg-bg gap-2"
33
53
>
34
54
<i class="w-4 h-4" data-lucide="users"></i>
35
55
Friends
36
56
</a>
37
57
<a
38
-
href="/stats"
39
-
class="block flex items-center px-4 py-2 text-sm hover:bg-bg gap-2"
40
-
>
41
-
<i class="w-4 h-4" data-lucide="chart-column"></i>
42
-
Stats
43
-
</a>
44
-
<hr class="text-bg-dark"/>
45
-
<a
46
-
href="/profile/activities"
47
-
class=" flex items-center px-4 py-2 text-sm hover:bg-bg gap-2"
48
-
>
49
-
<i class="w-4 h-4" data-lucide="wrench"></i>
50
-
My Activities
51
-
</a>
52
-
<a
53
-
href="/profile/resources"
54
-
class=" flex items-center px-4 py-2 text-sm hover:bg-bg gap-2"
55
-
>
56
-
<i class="w-4 h-4" data-lucide="book"></i>
57
-
My Resources
58
-
</a>
59
-
<a
60
58
href="/profile/edit"
61
-
class=" flex items-center px-4 py-2 text-sm hover:bg-bg gap-2"
59
+
class="flex items-center px-4 py-2 text-sm hover:bg-bg gap-2"
62
60
>
63
61
<i class="w-4 h-4" data-lucide="settings"></i>
64
62
Settings