error.tmpl 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. <!DOCTYPE html>
  2. <html lang="ro">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Eroare</title>
  7. <script src="https://cdn.tailwindcss.com"></script>
  8. </head>
  9. <body class="bg-[#0b0d12] text-white font-sans min-h-screen flex items-center justify-center">
  10. <div class="max-w-xl w-full px-6">
  11. <div class="rounded-2xl border border-[#2a2f3a] bg-[#11151b] shadow-2xl overflow-hidden">
  12. <div class="border-b border-[#2a2f3a] bg-[#161a22] px-6 py-5">
  13. <h1 class="text-2xl font-bold text-red-400">
  14. A apărut o eroare
  15. </h1>
  16. <p class="text-sm text-gray-400 mt-1">
  17. Ceva nu a mers conform planului.
  18. </p>
  19. </div>
  20. <div class="p-6">
  21. <div class="bg-[#1a1f29] border border-[#323847] rounded-xl p-4 text-red-300 font-mono text-sm break-words">
  22. {{.}}
  23. </div>
  24. <div class="mt-6 flex gap-3">
  25. <a href="/"
  26. class="flex-1 rounded-xl border border-[#3a3f4b] bg-[#171a21] px-5 py-3 text-center text-sm font-semibold text-gray-200 transition hover:bg-[#20242d] hover:text-white">
  27. Înapoi acasă
  28. </a>
  29. <a href="/list_notes"
  30. class="flex-1 rounded-xl bg-[#7b58ad] px-5 py-3 text-center text-sm font-bold text-white transition hover:bg-[#9974d0] shadow-lg shadow-purple-900/20">
  31. Vezi notițele
  32. </a>
  33. </div>
  34. </div>
  35. <div class="border-t border-[#2a2f3a] bg-[#12151b] px-6 py-4 text-[11px] uppercase tracking-widest text-gray-500">
  36. MyNotes • Error Handler
  37. </div>
  38. </div>
  39. </div>
  40. </body>
  41. </html>