this repo has no description
1{{ define "title" }}500 · 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-red-100 dark:bg-red-900/30 flex items-center justify-center">
8 {{ i "alert-triangle" "w-8 h-8 text-red-500 dark:text-red-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 500 — internal server error
15 </h1>
16 <p class="text-gray-600 dark:text-gray-300">
17 Something went wrong on our end. We've been notified and are working to fix the issue.
18 </p>
19 <div class="bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 rounded p-3 text-sm text-yellow-800 dark:text-yellow-200">
20 <div class="flex items-center gap-2">
21 {{ i "info" "w-4 h-4" }}
22 <span class="font-medium">we're on it!</span>
23 </div>
24 <p class="mt-1">Our team has been automatically notified about this error.</p>
25 </div>
26 <div class="flex flex-col sm:flex-row gap-3 justify-center items-center mt-6">
27 <button onclick="location.reload()" class="btn-create gap-2">
28 {{ i "refresh-cw" "w-4 h-4" }}
29 try again
30 </button>
31 <a href="/" class="btn no-underline hover:no-underline gap-2">
32 {{ i "home" "w-4 h-4" }}
33 back to home
34 </a>
35 </div>
36 </div>
37 </div>
38</div>
39{{ end }}