this repo has no description
tangled.org
1{{ define "layouts/fragments/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 no-underline hover:no-underline">
7 {{ template "fragments/logotypeSmall" }}
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.org" class="{{ $linkStyle }}" target="_blank" rel="noopener noreferrer">{{ i "book-open" $iconStyle }} blog</a>
24 <a href="https://tangled.org/@tangled.org/core/tree/master/docs" class="{{ $linkStyle }}">{{ i "book" $iconStyle }} docs</a>
25 <a href="https://tangled.org/@tangled.org/core" class="{{ $linkStyle }}">{{ i "code" $iconStyle }} source</a>
26 <a href="https://tangled.org/@tangled.org/core" class="{{ $linkStyle }}">{{ i "paintbrush" $iconStyle }} brand</a>
27 </div>
28
29 <div class="flex flex-col gap-1">
30 <div class="{{ $headerStyle }}">social</div>
31 <a href="https://chat.tangled.org" class="{{ $linkStyle }}" target="_blank" rel="noopener noreferrer">{{ i "message-circle" $iconStyle }} discord</a>
32 <a href="https://web.libera.chat/#tangled" class="{{ $linkStyle }}" target="_blank" rel="noopener noreferrer">{{ i "hash" $iconStyle }} irc</a>
33 <a href="https://bsky.app/profile/tangled.org" class="{{ $linkStyle }}" target="_blank" rel="noopener noreferrer">{{ template "user/fragments/bluesky" $iconStyle }} bluesky</a>
34 </div>
35
36 <div class="flex flex-col gap-1">
37 <div class="{{ $headerStyle }}">contact</div>
38 <a href="mailto:team@tangled.org" class="{{ $linkStyle }}">{{ i "mail" "w-4 h-4 flex-shrink-0" }} team@tangled.org</a>
39 <a href="mailto:security@tangled.org" class="{{ $linkStyle }}">{{ i "shield-check" "w-4 h-4 flex-shrink-0" }} security@tangled.org</a>
40 </div>
41 </div>
42
43 <div class="text-center lg:text-right flex-shrink-0">
44 <div class="text-xs">© 2025 Tangled Labs Oy. All rights reserved.</div>
45 </div>
46 </div>
47 </div>
48</div>
49{{ end }}