this repo has no description
1--- a/appview/pages/templates/layouts/fragments/footer.html 2026-03-10 19:59:35
2+++ b/appview/pages/templates/layouts/fragments/footer.html 2026-03-10 20:00:03
3@@ -1,102 +1,13 @@
4 {{ define "layouts/fragments/footer" }}
5-<div class="w-full p-8 bg-white dark:bg-gray-800">
6- <div class="mx-auto px-4">
7- <div class="flex flex-col text-gray-600 dark:text-gray-400 gap-8">
8- <!-- Desktop layout: grid with 3 columns -->
9- <div class="hidden lg:grid lg:grid-cols-[1fr_minmax(0,1024px)_1fr] lg:gap-8 lg:items-start">
10- <!-- Left section -->
11- <div>
12- <a href="/" hx-boost="true" class="flex gap-2 font-semibold italic no-underline hover:no-underline">
13- {{ template "fragments/logotypeSmall" }}
14- </a>
15- </div>
16-
17- {{ $headerStyle := "text-gray-900 dark:text-gray-200 font-bold text-sm uppercase tracking-wide mb-1" }}
18- {{ $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" }}
19- {{ $iconStyle := "w-4 h-4 flex-shrink-0" }}
20-
21- <!-- Center section with max-width -->
22- <div class="grid grid-cols-4 gap-2">
23- <div class="flex flex-col gap-1">
24- <div class="{{ $headerStyle }}">legal</div>
25- <a href="/terms" class="{{ $linkStyle }}">{{ i "file-text" $iconStyle }} terms of service</a>
26- <a href="/privacy" class="{{ $linkStyle }}">{{ i "shield" $iconStyle }} privacy policy</a>
27- </div>
28-
29- <div class="flex flex-col gap-1">
30- <div class="{{ $headerStyle }}">resources</div>
31- <a href="https://blog.tangled.org" class="{{ $linkStyle }}" target="_blank" rel="noopener noreferrer">{{ i "book-open" $iconStyle }} blog</a>
32- <a href="https://docs.tangled.org" class="{{ $linkStyle }}">{{ i "book" $iconStyle }} docs</a>
33- <a href="https://tangled.org/@tangled.org/core" class="{{ $linkStyle }}">{{ i "code" $iconStyle }} source</a>
34- <a href="https://tangled.org/brand" class="{{ $linkStyle }}">{{ i "paintbrush" $iconStyle }} brand</a>
35- </div>
36-
37- <div class="flex flex-col gap-1">
38- <div class="{{ $headerStyle }}">social</div>
39- <a href="https://chat.tangled.org" class="{{ $linkStyle }}" target="_blank" rel="noopener noreferrer">{{ i "message-circle" $iconStyle }} discord</a>
40- <a href="https://web.libera.chat/#tangled" class="{{ $linkStyle }}" target="_blank" rel="noopener noreferrer">{{ i "hash" $iconStyle }} irc</a>
41- <a href="https://bsky.app/profile/tangled.org" class="{{ $linkStyle }}" target="_blank" rel="noopener noreferrer">{{ template "user/fragments/bluesky" $iconStyle }} bluesky</a>
42- </div>
43-
44- <div class="flex flex-col gap-1">
45- <div class="{{ $headerStyle }}">contact</div>
46- <a href="mailto:[email protected]" class="{{ $linkStyle }}">{{ i "mail" "w-4 h-4 flex-shrink-0" }} [email protected]</a>
47- <a href="mailto:[email protected]" class="{{ $linkStyle }}">{{ i "shield-check" "w-4 h-4 flex-shrink-0" }} [email protected]</a>
48- </div>
49- </div>
50-
51- <!-- Right section -->
52- <div class="text-right">
53- <div class="text-xs">© 2026 Tangled Labs Oy. All rights reserved.</div>
54- </div>
55- </div>
56-
57- <!-- Mobile layout: stacked -->
58- <div class="lg:hidden flex flex-col gap-8">
59- {{ $headerStyle := "text-gray-900 dark:text-gray-200 font-bold text-xs uppercase tracking-wide mb-1" }}
60- {{ $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" }}
61- {{ $iconStyle := "w-4 h-4 flex-shrink-0" }}
62-
63- <div class="mb-4 md:mb-0">
64- <a href="/" hx-boost="true" class="flex gap-2 font-semibold italic no-underline hover:no-underline">
65- {{ template "fragments/logotypeSmall" }}
66- </a>
67- </div>
68-
69- <div class="grid grid-cols-1 sm:grid-cols-1 md:grid-cols-4 sm:gap-6 md:gap-2 gap-6">
70- <div class="flex flex-col gap-1">
71- <div class="{{ $headerStyle }}">legal</div>
72- <a href="/terms" class="{{ $linkStyle }}">{{ i "file-text" $iconStyle }} terms of service</a>
73- <a href="/privacy" class="{{ $linkStyle }}">{{ i "shield" $iconStyle }} privacy policy</a>
74- </div>
75-
76- <div class="flex flex-col gap-1">
77- <div class="{{ $headerStyle }}">resources</div>
78- <a href="https://blog.tangled.org" class="{{ $linkStyle }}" target="_blank" rel="noopener noreferrer">{{ i "book-open" $iconStyle }} blog</a>
79- <a href="https://docs.tangled.org" class="{{ $linkStyle }}">{{ i "book" $iconStyle }} docs</a>
80- <a href="https://tangled.org/@tangled.org/core" class="{{ $linkStyle }}">{{ i "code" $iconStyle }} source</a>
81- <a href="https://tangled.org/brand" class="{{ $linkStyle }}">{{ i "paintbrush" $iconStyle }} brand</a>
82- </div>
83-
84- <div class="flex flex-col gap-1">
85- <div class="{{ $headerStyle }}">social</div>
86- <a href="https://chat.tangled.org" class="{{ $linkStyle }}" target="_blank" rel="noopener noreferrer">{{ i "message-circle" $iconStyle }} discord</a>
87- <a href="https://web.libera.chat/#tangled" class="{{ $linkStyle }}" target="_blank" rel="noopener noreferrer">{{ i "hash" $iconStyle }} irc</a>
88- <a href="https://bsky.app/profile/tangled.org" class="{{ $linkStyle }}" target="_blank" rel="noopener noreferrer">{{ template "user/fragments/bluesky" $iconStyle }} bluesky</a>
89- </div>
90-
91- <div class="flex flex-col gap-1">
92- <div class="{{ $headerStyle }}">contact</div>
93- <a href="mailto:[email protected]" class="{{ $linkStyle }}">{{ i "mail" "w-4 h-4 flex-shrink-0" }} [email protected]</a>
94- <a href="mailto:[email protected]" class="{{ $linkStyle }}">{{ i "shield-check" "w-4 h-4 flex-shrink-0" }} [email protected]</a>
95- </div>
96- </div>
97-
98- <div class="text-center">
99- <div class="text-xs">© 2026 Tangled Labs Oy. All rights reserved.</div>
100- </div>
101- </div>
102- </div>
103+<div class="w-full py-6 bg-white dark:bg-gray-800">
104+ <div class="mx-auto px-4 flex items-center justify-center gap-4 text-sm text-gray-500 dark:text-gray-400">
105+ <a href="https://tangled.org/@tangled.org" class="hover:text-gray-900 dark:hover:text-gray-200 hover:underline inline-flex gap-1 items-center">
106+ {{ i "code" "w-4 h-4" }} tangled
107+ </a>
108+ <span class="text-gray-300 dark:text-gray-600">|</span>
109+ <a href="https://tangled.org/@tangled.org/core/blob/master/license" class="hover:text-gray-900 dark:hover:text-gray-200 hover:underline inline-flex gap-1 items-center">
110+ {{ i "file-text" "w-4 h-4" }} license
111+ </a>
112 </div>
113 </div>
114 {{ end }}