Files
hnsdoh-status/templates/404.html
Nathan Woodburn ff3f40beaf
All checks were successful
Build Docker / BuildImage (push) Successful in 1m0s
feat: Add new updated version
2025-11-21 15:58:21 +11:00

67 lines
1.9 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Page Not Found - HNSDoH Status</title>
<link rel="stylesheet" href="/assets/style.css">
<link rel="icon" type="image/png" href="/favicon.png">
<style>
.error-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 60vh;
text-align: center;
}
.error-code {
font-size: 6rem;
font-weight: 800;
color: var(--bg-card-hover);
line-height: 1;
margin-bottom: 1rem;
}
.error-title {
font-size: 2rem;
font-weight: 700;
margin-bottom: 1rem;
}
.error-msg {
color: var(--text-muted);
margin-bottom: 2rem;
max-width: 400px;
}
.btn {
display: inline-block;
background-color: var(--accent);
color: white;
padding: 0.75rem 1.5rem;
border-radius: 0.5rem;
font-weight: 600;
transition: opacity 0.2s;
}
.btn:hover {
opacity: 0.9;
text-decoration: none;
}
</style>
</head>
<body>
<div class="container">
<div class="error-container">
<div class="error-code">404</div>
<div class="error-title">Page Not Found</div>
<div class="error-msg">The page you are looking for might have been removed, had its name changed, or is temporarily unavailable.</div>
<a href="/" class="btn">Return Home</a>
</div>
<div class="footer">
<p>Powered by <a href="https://nathan.woodburn.au">Nathan.Woodburn/</a></p>
</div>
</div>
</body>
</html>