chandlerswift/svs-services-server
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Initial working copy

Browse source
This commit is contained in:
Chandler Swift 2025-12-19 23:14:28 -06:00
parent 2a335176e6
commit 2c876cef42
19 changed files with 783 additions and 126 deletions
Download patch file Download diff file Expand all files Collapse all files

70
templates/404.html
View file

@ -0,0 +1,70 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>404 — Page not found</title>
<style>
:root{--bg:#f7fafc;--card:#fff;--muted:#6b7280;--accent:#2563eb}
html,body{height:100%}
body{
margin:0;
font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
background:linear-gradient(180deg,var(--bg),#fff);
color:#111827;
display:flex;
align-items:center;
justify-content:center;
padding:2rem;
}
.card{
background:var(--card);
border-radius:12px;
box-shadow:0 6px 24px rgba(16,24,40,.08);
padding:2.5rem;
max-width:720px;
width:100%;
text-align:center;
}
.code{
font-weight:700;
font-size:3.5rem;
color:var(--accent);
margin:0;
letter-spacing:-0.02em;
}
h2{margin:.25rem 0 .5rem;font-size:1.25rem}
p{margin:0 0 1.25rem;color:var(--muted)}
.actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}
a.button{
text-decoration:none;
padding:.6rem 1rem;
border-radius:8px;
background:var(--accent);
color:white;
font-weight:600;
box-shadow:0 4px 12px rgba(37,99,235,.12);
}
a.secondary{
background:transparent;
color:var(--muted);
border:1px solid rgba(15,23,42,.06);
padding:.5rem .9rem;
border-radius:8px;
text-decoration:none;
}
@media (max-width:420px){ .code{font-size:2.5rem} }
</style>
</head>
<body>
<div class="card" role="alert" aria-labelledby="title">
<p class="code" aria-hidden="true">404</p>
<h2 id="title">Page not found</h2>
<p>We couldn't find the page you're looking for. It may have been moved or removed.</p>
<div class="actions">
<a class="button" href="/">Go to homepage</a>
<a class="secondary" href="javascript:history.back()">Go back</a>
</div>
</div>
</body>
</html>