1{{ define "title" }}503 · tangled{{ end }}
2
3{{ define "content" }}
4<div class="flex flex-col items-center justify-center min-h-[60vh] text-center">
5 <div class="bg-white dark:bg-gray-800 rounded-lg drop-shadow-sm p-8 max-w-lg mx-auto">
6 <div class="mb-6">
7 <div class="w-16 h-16 mx-auto mb-4 rounded-full bg-blue-100 dark:bg-blue-900/30 flex items-center justify-center">
8 {{ i "server-off" "w-8 h-8 text-blue-500 dark:text-blue-400" }}
9 </div>
10 </div>
11
12 <div class="space-y-4">
13 <h1 class="text-2xl sm:text-3xl font-bold text-gray-900 dark:text-white">
14 503 — service unavailable
15 </h1>
16 <p class="text-gray-600 dark:text-gray-300">
17 We were unable to reach the knot hosting this repository. The service may be temporarily unavailable.
18 </p>
19 <div class="flex flex-col sm:flex-row gap-3 justify-center items-center mt-6">
20 <button onclick="location.reload()" class="btn-create gap-2">
21 {{ i "refresh-cw" "w-4 h-4" }}
22 try again
23 </button>
24 <a href="/" class="btn gap-2 no-underline hover:no-underline">
25 {{ i "arrow-left" "w-4 h-4" }}
26 back to timeline
27 </a>
28 </div>
29 </div>
30 </div>
31</div>
32{{ end }}