webserver-config/install/error-pages/503.html
Joby Elliott 2a5b05b320 Refactor error page handling and configuration
Simplify the error page handling and configuration by refactoring the code. Removed the unnecessary error message "IP banned for bad behavior" and replaced it with a generic 403 error response. Also, added new error pages for 404, 503, and 50x errors. The error pages are now stored in the /var/www/error-pages directory. Updated the nginx configuration to use the new error pages and added PHP handling for the error pages.
2024-10-23 19:37:16 -06:00

80 lines
No EOL
1.6 KiB
HTML

<!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>
<meta http-equiv="refresh" content="30">
<style>
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
line-height: 1.6;
max-width: 600px;
margin: 40px auto;
padding: 0 20px;
color: #333;
background: #fff;
}
h1 {
font-size: 24px;
margin-bottom: 16px;
color: #d00;
}
p {
margin: 12px 0;
}
.help {
background: #f5f5f5;
border-left: 4px solid #ddd;
padding: 12px;
margin: 20px 0;
}
.note {
font-size: 0.9em;
color: #666;
}
@media (prefers-color-scheme: dark) {
body {
background: #222;
color: #ddd;
}
h1 {
color: #ff4444;
}
.help {
background: #333;
border-left-color: #555;
}
.note {
color: #999;
}
}
</style>
</head>
<body>
<main role="main">
<h1>503 Temporarily Unavailable</h1>
<p>The site is currently undergoing maintenance and will be back shortly.</p>
<div class="help">
<p>What you should know:</p>
<ul>
<li>This is likely planned maintenance</li>
<li>The site should be back online soon</li>
<li>This page will automatically refresh every 30 seconds</li>
</ul>
</div>
<p class="note">If you continue to see this message for an extended period, please check back later.</p>
</main>
</body>
</html>