kot.pink
1{{ define "banner" }}
2<div class="flex items-center justify-center mx-auto w-full bg-red-100 dark:bg-red-900 border border-red-200 dark:border-red-800 rounded-b drop-shadow-sm text-red-800 dark:text-red-200">
3 <details class="group p-2">
4 <summary class="list-none cursor-pointer">
5 <div class="flex gap-4 items-center">
6 <span class="group-open:hidden inline">{{ i "triangle-alert" "w-4 h-4" }}</span>
7 <span class="hidden group-open:inline">{{ i "x" "w-4 h-4" }}</span>
8
9 <span class="group-open:hidden inline">Some services that you administer require an update. Click to show more.</span>
10 <span class="hidden group-open:inline">Some services that you administer will have to be updated to be compatible with Tangled.</span>
11 </div>
12 </summary>
13
14 {{ if .Registrations }}
15 <ul class="list-disc mx-12 my-2">
16 {{range .Registrations}}
17 <li>Knot: {{ .Domain }}</li>
18 {{ end }}
19 </ul>
20 {{ end }}
21
22 {{ if .Spindles }}
23 <ul class="list-disc mx-12 my-2">
24 {{range .Spindles}}
25 <li>Spindle: {{ .Instance }}</li>
26 {{ end }}
27 </ul>
28 {{ end }}
29
30 <div class="mx-6">
31 These services may not be fully accessible until upgraded.
32 <a class="underline text-red-800 dark:text-red-200"
33 href="https://tangled.org/@tangled.org/core/tree/master/docs/migrations.md">
34 Click to read the upgrade guide</a>.
35 </div>
36 </details>
37</div>
38{{ end }}