bad-example.com
appview/pages: improve footer styles
Signed-off-by: oppiliappan <me@oppi.li>
oppi.li
appview
pages
templates
layouts
+38
-35
appview/pages/templates/layouts/footer.html
+38
-35
appview/pages/templates/layouts/footer.html
···
1
{{ define "layouts/footer" }}
2
<div class="w-full p-4 md:p-8 bg-white dark:bg-gray-800 rounded-t drop-shadow-sm">
3
-
<div class="container mx-auto max-w-7xl px-4">
4
-
<div class="flex flex-col lg:flex-row justify-between items-start text-gray-600 dark:text-gray-400 text-sm gap-8">
5
-
<div class="mb-4 md:mb-0">
6
-
<a href="/" hx-boost="true" class="flex gap-2 font-semibold italic">
7
-
tangled<sub>alpha</sub>
8
-
</a>
9
-
</div>
10
11
-
<div class="grid grid-cols-1 sm:grid-cols-1 md:grid-cols-4 sm:gap-6 md:gap-2 gap-6 flex-1">
12
-
<div class="flex flex-col gap-1">
13
-
<div class="font-medium text-xs uppercase tracking-wide mb-1">legal</div>
14
-
<a href="/terms" class="hover:text-gray-900 dark:hover:text-gray-200 hover:underline flex gap-1 items-center">{{ i "file-text" "w-4 h-4 flex-shrink-0" }} terms of service</a>
15
-
<a href="/privacy" class="hover:text-gray-900 dark:hover:text-gray-200 hover:underline inline-flex gap-1 items-center">{{ i "shield" "w-4 h-4 flex-shrink-0" }} privacy policy</a>
16
-
</div>
0
0
0
17
18
-
<div class="flex flex-col gap-1">
19
-
<div class="font-medium text-xs uppercase tracking-wide mb-1">resources</div>
20
-
<a href="https://blog.tangled.sh" class="hover:text-gray-900 dark:hover:text-gray-200 hover:underline inline-flex gap-1 items-center" target="_blank" rel="noopener noreferrer">{{ i "book-open" "w-4 h-4 flex-shrink-0" }} blog</a>
21
-
<a href="https://tangled.sh/@tangled.sh/core/tree/master/docs" class="hover:text-gray-900 dark:hover:text-gray-200 hover:underline inline-flex gap-1 items-center">{{ i "book" "w-4 h-4 flex-shrink-0" }} docs</a>
22
-
<a href="https://tangled.sh/@tangled.sh/core" class="hover:text-gray-900 dark:hover:text-gray-200 hover:underline inline-flex gap-1 items-center">{{ i "code" "w-4 h-4 flex-shrink-0" }} source</a>
23
-
</div>
24
25
-
<div class="flex flex-col gap-1">
26
-
<div class="font-medium text-xs uppercase tracking-wide mb-1">social</div>
27
-
<a href="https://chat.tangled.sh" class="hover:text-gray-900 dark:hover:text-gray-200 hover:underline inline-flex gap-1 items-center" target="_blank" rel="noopener noreferrer">{{ i "message-circle" "w-4 h-4 flex-shrink-0" }} discord</a>
28
-
<a href="https://web.libera.chat/#tangled" class="hover:text-gray-900 dark:hover:text-gray-200 hover:underline inline-flex gap-1 items-center" target="_blank" rel="noopener noreferrer">{{ i "hash" "w-4 h-4 flex-shrink-0" }} irc</a>
29
-
<a href="https://bsky.app/profile/tangled.sh" class="hover:text-gray-900 dark:hover:text-gray-200 hover:underline inline-flex gap-1 items-center" target="_blank" rel="noopener noreferrer">{{ template "user/fragments/bluesky" "w-4 h-4 flex-shrink-0 hover:text-gray-900 dark:hover:text-gray-200dark:text-white" }} bluesky</a>
30
-
</div>
31
-
32
-
<div class="flex flex-col gap-1">
33
-
<div class="font-medium text-xs uppercase tracking-wide mb-1">contact</div>
34
-
<a href="mailto:team@tangled.sh" class="hover:text-gray-900 dark:hover:text-gray-200 hover:underline inline-flex gap-1 items-center">{{ i "mail" "w-4 h-4 flex-shrink-0" }} team@tangled.sh</a>
35
-
<a href="mailto:security@tangled.sh" class="hover:text-gray-900 dark:hover:text-gray-200 hover:underline inline-flex gap-1 items-center">{{ i "shield-check" "w-4 h-4 flex-shrink-0" }} security@tangled.sh</a>
36
-
</div>
37
-
</div>
38
39
-
<div class="text-center lg:text-right flex-shrink-0">
40
-
<div class="text-xs">© 2025 Tangled Labs Oy. All rights reserved.</div>
41
-
</div>
0
42
</div>
0
0
0
0
0
43
</div>
0
44
</div>
45
{{ end }}
···
1
{{ define "layouts/footer" }}
2
<div class="w-full p-4 md:p-8 bg-white dark:bg-gray-800 rounded-t drop-shadow-sm">
3
+
<div class="container mx-auto max-w-7xl px-4">
4
+
<div class="flex flex-col lg:flex-row justify-between items-start text-gray-600 dark:text-gray-400 text-sm gap-8">
5
+
<div class="mb-4 md:mb-0">
6
+
<a href="/" hx-boost="true" class="flex gap-2 font-semibold italic">
7
+
tangled<sub>alpha</sub>
8
+
</a>
9
+
</div>
10
11
+
{{ $headerStyle := "text-gray-900 dark:text-gray-200 font-bold text-xs uppercase tracking-wide mb-1" }}
12
+
{{ $linkStyle := "text-gray-500 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-200 hover:underline inline-flex gap-1 items-center" }}
13
+
{{ $iconStyle := "w-4 h-4 flex-shrink-0" }}
14
+
<div class="grid grid-cols-1 sm:grid-cols-1 md:grid-cols-4 sm:gap-6 md:gap-2 gap-6 flex-1">
15
+
<div class="flex flex-col gap-1">
16
+
<div class="{{ $headerStyle }}">legal</div>
17
+
<a href="/terms" class="{{ $linkStyle }}">{{ i "file-text" $iconStyle }} terms of service</a>
18
+
<a href="/privacy" class="{{ $linkStyle }}">{{ i "shield" $iconStyle }} privacy policy</a>
19
+
</div>
20
21
+
<div class="flex flex-col gap-1">
22
+
<div class="{{ $headerStyle }}">resources</div>
23
+
<a href="https://blog.tangled.sh" class="{{ $linkStyle }}" target="_blank" rel="noopener noreferrer">{{ i "book-open" $iconStyle }} blog</a>
24
+
<a href="https://tangled.sh/@tangled.sh/core/tree/master/docs" class="{{ $linkStyle }}">{{ i "book" $iconStyle }} docs</a>
25
+
<a href="https://tangled.sh/@tangled.sh/core" class="{{ $linkStyle }}">{{ i "code" $iconStyle }} source</a>
26
+
</div>
27
28
+
<div class="flex flex-col gap-1">
29
+
<div class="{{ $headerStyle }}">social</div>
30
+
<a href="https://chat.tangled.sh" class="{{ $linkStyle }}" target="_blank" rel="noopener noreferrer">{{ i "message-circle" $iconStyle }} discord</a>
31
+
<a href="https://web.libera.chat/#tangled" class="{{ $linkStyle }}" target="_blank" rel="noopener noreferrer">{{ i "hash" $iconStyle }} irc</a>
32
+
<a href="https://bsky.app/profile/tangled.sh" class="{{ $linkStyle }}" target="_blank" rel="noopener noreferrer">{{ template "user/fragments/bluesky" $iconStyle }} bluesky</a>
33
+
</div>
0
0
0
0
0
0
0
34
35
+
<div class="flex flex-col gap-1">
36
+
<div class="{{ $headerStyle }}">contact</div>
37
+
<a href="mailto:team@tangled.sh" class="{{ $linkStyle }}">{{ i "mail" "w-4 h-4 flex-shrink-0" }} team@tangled.sh</a>
38
+
<a href="mailto:security@tangled.sh" class="{{ $linkStyle }}">{{ i "shield-check" "w-4 h-4 flex-shrink-0" }} security@tangled.sh</a>
39
</div>
40
+
</div>
41
+
42
+
<div class="text-center lg:text-right flex-shrink-0">
43
+
<div class="text-xs">© 2025 Tangled Labs Oy. All rights reserved.</div>
44
+
</div>
45
</div>
46
+
</div>
47
</div>
48
{{ end }}