From 1e5eeaf39c49cf556e737c6b263c50c38f52b9e9 Mon Sep 17 00:00:00 2001
From: C4 Patino <c4patino@gmail.com>
Date: Mon, 8 Jun 2026 11:16:21 -0500
Subject: [PATCH] feat: add 503.html to httpd error pages

---
 httpd/error/503.html | 78 ++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 78 insertions(+)
 create mode 100644 httpd/error/503.html
diff --git a/httpd/error/503.html b/httpd/error/503.html
new file mode 100644
index 0000000..f123f64
--- /dev/null
+++ b/httpd/error/503.html
@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>503 - Service Unavailable</title>
+    <style>
+      :root {
+        --bg: #1a1b26;
+        --fg: #c0caf5;
+        --accent: #7aa2f7;
+        --secondary: #bb9af7;
+        --error: #f7768e;
+        --muted: #565f89;
+      }
+      * {
+        box-sizing: border-box;
+      }
+      body {
+        margin: 0;
+        height: 100vh;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        background-color: var(--bg);
+        color: var(--fg);
+        font-family: 'Inter', 'Segoe UI', system-ui, sans-serif;
+        text-align: center;
+      }
+      h1 {
+        font-size: 8rem;
+        margin: 0;
+        color: var(--error);
+        font-weight: 700;
+      }
+      h2 {
+        margin: 0.5rem 0 1rem;
+        font-weight: 400;
+        color: var(--secondary);
+      }
+      p {
+        color: var(--muted);
+        margin-bottom: 2rem;
+      }
+      footer {
+        position: absolute;
+        bottom: 1rem;
+        font-size: 0.8rem;
+        color: var(--muted);
+      }
+      a {
+        color: inherit;
+        text-decoration: none;
+      }
+      .button-link {
+        color: var(--accent);
+        text-decoration: none;
+        font-weight: 500;
+        border: 1px solid var(--accent);
+        border-radius: 8px;
+        padding: 0.6rem 1.2rem;
+        transition: all 0.2s ease-in-out;
+      }
+      .button-link:hover {
+        background-color: var(--accent);
+        color: var(--bg);
+      }
+    </style>
+  </head>
+  <body>
+    <h1>503</h1>
+    <h2>Service Unavailable</h2>
+    <p>The matrix is reconfiguring itself. Please reconnect in a moment.</p>
+    <a class="button-link" href="javascript:history.back()">Go Back</a>
+    <footer><a href="https://cpatino.com" target="_blank" rel="noopener">@cpatino</a></footer>
+  </body>
+</html>
