Added error pages.

This commit is contained in:
Fristi 2022-01-04 18:24:46 +01:00
parent b6321b1435
commit 134dba362e
No known key found for this signature in database
GPG key ID: A7451474B7F0D49B
8 changed files with 193 additions and 0 deletions

27
401.html Normal file
View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Subcon Town - 401</title>
<link rel="shortcut icon" type="image/jpg" href="assets/subcon/favicon_16.png" sizes="16x16"/>
<link rel="shortcut icon" type="image/jpg" href="assets/subcon/favicon_32.png" sizes="32x32"/>
<link href="style_errors.css?v=1.0.0" rel="stylesheet"/>
</head>
<body>
<div class="background"></div>
<header>
<img src="assets/subcon/cloud_64.png" alt="logo"/>
</header>
<main>
<h1>You are not authorized to access that page.</h1>
</main>
<footer>
HTTP status: 401 - Unauthorized
</footer>
</body>
</html>

27
404.html Normal file
View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Subcon Town - 404</title>
<link rel="shortcut icon" type="image/jpg" href="assets/subcon/favicon_16.png" sizes="16x16"/>
<link rel="shortcut icon" type="image/jpg" href="assets/subcon/favicon_32.png" sizes="32x32"/>
<link href="style_errors.css?v=1.0.0" rel="stylesheet"/>
</head>
<body>
<div class="background"></div>
<header>
<img src="assets/subcon/cloud_64.png" alt="logo"/>
</header>
<main>
<h1>That page does not exist.</h1>
</main>
<footer>
HTTP status: 404 - Not found
</footer>
</body>
</html>

27
410.html Normal file
View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Subcon Town - 410</title>
<link rel="shortcut icon" type="image/jpg" href="assets/subcon/favicon_16.png" sizes="16x16"/>
<link rel="shortcut icon" type="image/jpg" href="assets/subcon/favicon_32.png" sizes="32x32"/>
<link href="style_errors.css?v=1.0.0" rel="stylesheet"/>
</head>
<body>
<div class="background"></div>
<header>
<img src="assets/subcon/cloud_64.png" alt="logo"/>
</header>
<main>
<h1>That page is gone. Forever.</h1>
</main>
<footer>
HTTP status: 410 - Gone
</footer>
</body>
</html>

31
500.html Normal file
View file

@ -0,0 +1,31 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Subcon Town - 500</title>
<link rel="shortcut icon" type="image/jpg" href="assets/subcon/favicon_16.png" sizes="16x16"/>
<link rel="shortcut icon" type="image/jpg" href="assets/subcon/favicon_32.png" sizes="32x32"/>
<link href="style_errors.css?v=1.0.0" rel="stylesheet"/>
</head>
<body>
<div class="background"></div>
<header>
<img src="assets/subcon/cloud_64.png" alt="logo"/>
</header>
<main>
<h1>An error occurred on the server.</h1>
<p>
The page you requested could not be served due to an internal server error. Please try again
later.
</p>
</main>
<footer>
HTTP status: 500 - Internal Server Error
</footer>
</body>
</html>

31
502.html Normal file
View file

@ -0,0 +1,31 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Subcon Town - 502</title>
<link rel="shortcut icon" type="image/jpg" href="assets/subcon/favicon_16.png" sizes="16x16"/>
<link rel="shortcut icon" type="image/jpg" href="assets/subcon/favicon_32.png" sizes="32x32"/>
<link href="style_errors.css?v=1.0.0" rel="stylesheet"/>
</head>
<body>
<div class="background"></div>
<header>
<img src="assets/subcon/cloud_64.png" alt="logo"/>
</header>
<main>
<h1>Bad Gateway.</h1>
<p>
The page you requested could not be served due to an internal communication error. Please
try again later.
</p>
</main>
<footer>
HTTP status: 502 - Bad gateway
</footer>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 MiB

BIN
assets/subcon/cloud_64.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2 KiB

50
style_errors.css Normal file
View file

@ -0,0 +1,50 @@
html, body {
margin:0;
padding:0;
}
body {
width: 100%;
font-size: 16px;
color: white;
text-align: center;
}
.background {
position:fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url("assets/background_errors.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
header, main, footer {
position: relative;
max-width: 600px;
box-sizing: border-box;
padding: 10px 0;
}
header {
margin: 100px auto 10px auto;
}
main {
margin: 0 auto 10px auto;
}
footer {
margin: 0 auto 50px auto;
font-size: .8rem;
}
h1 {
margin: 0;
padding: 0;
font-weight: bold;
font-size: 1.2rem;
}