[feat](errorpages): add custom templates for HTTP errors and assets

- Implemented custom HTML templates for `400`, `404`, `500`, and `525` error pages with multilingual support. - Added embedded file system for error page templates and assets. - Introduced fallback mechanism to serve minimal plain text for missing error templates. - Integrated TailwindCSS for styling error pages, with a build script in `package.json`.
2025-12-09 05:15:44 +09:00 · 2025-12-02 21:57:30 +09:00
parent 300db525ff
commit 0c4e02f832
16 changed files with 1657 additions and 19 deletions
--- a/internal/errorpages/templates/400.html
+++ b/internal/errorpages/templates/400.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>400 Bad Request - HopGate</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <!-- Tailwind build output should be bundled into this file -->
+  <link rel="stylesheet" href="/__hopgate_assets__/errors.css">
+</head>
+<body class="min-h-screen bg-slate-950 text-slate-50 flex items-center justify-center px-4">
+  <div class="w-full max-w-xl text-center">
+    <div class="inline-flex items-center gap-3 mb-8">
+      <img src="/__hopgate_assets__/hop-gate.png" alt="HopGate" class="h-8 w-auto opacity-90" />
+      <span class="text-sm font-medium tracking-[0.25em] uppercase text-slate-400">HopGate</span>
+    </div>
+
+    <div class="inline-flex items-baseline gap-4 mb-4">
+      <span class="text-6xl md:text-7xl font-extrabold tracking-[0.25em] text-amber-300">400</span>
+      <span class="text-lg md:text-xl font-semibold text-slate-100">Bad Request</span>
+    </div>
+
+    <p class="text-sm md:text-base text-slate-300 leading-relaxed">
+      The request was malformed or invalid.<br>
+      요청 형식이 올바르지 않거나 지원되지 않습니다.
+    </p>
+
+    <div class="mt-8 text-xs md:text-sm text-slate-500">
+      If you typed the URL directly, please check it for spelling.<br>
+      URL을 직접 입력하셨다면 철자를 다시 한 번 확인해 주세요.
+    </div>
+  </div>
+</body>
+</html>