first commit

preview.html

@@ -0,0 +1,78 @@
+<!doctype html>
+<html lang="nl">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="robots" content="noindex">
+<title>Preview — Cashow error pages (niet gedeployed)</title>
+<style>
+  :root{
+    --plum-900:#1A0F1A; --lime:#C6F24E; --paper:#F6F2F0; --muted:#A493A1;
+    --line:rgba(246,242,240,.12);
+    --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
+    color-scheme:dark;
+  }
+  *,*::before,*::after{box-sizing:border-box}
+  body{
+    margin:0; padding:24px; background:var(--plum-900); color:var(--paper);
+    font:14px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
+  }
+  .warn{
+    border:1px solid var(--lime); border-radius:10px; padding:14px 18px;
+    margin:0 0 24px; font-family:var(--mono); font-size:13px; color:var(--lime);
+  }
+  .warn b{display:block; margin-bottom:4px; letter-spacing:.1em; text-transform:uppercase}
+  .warn span{color:var(--muted)}
+  .grid{display:grid; gap:24px; grid-template-columns:repeat(auto-fit,minmax(420px,1fr))}
+  figure{margin:0}
+  figcaption{
+    font-family:var(--mono); font-size:12px; color:var(--muted);
+    padding-bottom:8px; display:flex; justify-content:space-between; gap:12px;
+  }
+  figcaption a{color:var(--lime)}
+  iframe{
+    width:100%; height:620px; border:1px solid var(--line); border-radius:10px;
+    background:var(--plum-900); display:block;
+  }
+</style>
+</head>
+<body>
+
+<p class="warn">
+  <b>Local review only — not deployed</b>
+  <span>This file is not part of the <code>error-pages</code> ConfigMap. It lives one
+  level above <code>pages/</code> so <code>--from-file=.</code> cannot pick it up.
+  It is the only file here that makes relative requests; the six pages themselves
+  make none. The frames reload themselves on their own countdown (20s, 60s for
+  429) — that is the retry behaviour working, not a bug in the preview.</span>
+</p>
+
+<div class="grid">
+  <figure>
+    <figcaption><span>503 · service unavailable</span><a href="pages/503.html">open</a></figcaption>
+    <iframe src="pages/503.html" title="503 service unavailable" loading="lazy"></iframe>
+  </figure>
+  <figure>
+    <figcaption><span>502 · bad gateway</span><a href="pages/502.html">open</a></figcaption>
+    <iframe src="pages/502.html" title="502 bad gateway" loading="lazy"></iframe>
+  </figure>
+  <figure>
+    <figcaption><span>504 · gateway timeout</span><a href="pages/504.html">open</a></figcaption>
+    <iframe src="pages/504.html" title="504 gateway timeout" loading="lazy"></iframe>
+  </figure>
+  <figure>
+    <figcaption><span>500 · internal server error</span><a href="pages/500.html">open</a></figcaption>
+    <iframe src="pages/500.html" title="500 internal server error" loading="lazy"></iframe>
+  </figure>
+  <figure>
+    <figcaption><span>429 · too many requests</span><a href="pages/429.html">open</a></figcaption>
+    <iframe src="pages/429.html" title="429 too many requests" loading="lazy"></iframe>
+  </figure>
+  <figure>
+    <figcaption><span>onderhoud · gepland onderhoud</span><a href="pages/onderhoud.html">open</a></figcaption>
+    <iframe src="pages/onderhoud.html" title="Gepland onderhoud" loading="lazy"></iframe>
+  </figure>
+</div>
+
+</body>
+</html>