79 lines
3.2 KiB
HTML
79 lines
3.2 KiB
HTML
<!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>
|