2 Commits

6 changed files with 144 additions and 0 deletions

View File

@@ -357,6 +357,15 @@ a:not(:has(img)):hover { text-decoration: underline; }
margin-bottom: auto;
}
.error {
font-family: Monospace, system-ui;
text-align: center;
}
.error a {
text-decoration: underline;
}
/*Shit to make it not terrible for mobile users.*/
@media (max-width: 1200px) {
.content {

27
errors/401.html Normal file
View File

@@ -0,0 +1,27 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/assets/css/style.css">
<link rel="icon" href="/favicon.png" type="image/png" />
<title>401!</title>
</head>
<body>
<div class="error">
<h1>401!</h1>
<h2>401 - Unauthorized</h2>
<h2><a href="/index.html">Return to the index!</a></h2>
<h4><a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Reference/Status/401">Learn more about this code.</a> </h4>
</div>
<div class="clouds">
<img src="/assets/images/clouds.png" alt="Clouds">
</div>
<canvas id="night"></canvas>
<script src="/assets/js/script.js" defer></script>
</body>
</html>

27
errors/403.html Normal file
View File

@@ -0,0 +1,27 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/assets/css/style.css">
<link rel="icon" href="/favicon.png" type="image/png" />
<title>403!</title>
</head>
<body>
<div class="error">
<h1>403!</h1>
<h2>403 - Forbidden</h2>
<h2><a href="/index.html">Return to the index!</a></h2>
<h4><a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Reference/Status/403">Learn more about this code.</a> </h4>
</div>
<div class="clouds">
<img src="/assets/images/clouds.png" alt="Clouds">
</div>
<canvas id="night"></canvas>
<script src="/assets/js/script.js" defer></script>
</body>
</html>

27
errors/404.html Normal file
View File

@@ -0,0 +1,27 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/assets/css/style.css">
<link rel="icon" href="/favicon.png" type="image/png" />
<title>404!</title>
</head>
<body>
<div class="error">
<h1>404!</h1>
<h2>404 - Page not found</h2>
<h2><a href="/index.html">Return to the index!</a></h2>
<h4><a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Reference/Status/404">Learn more about this code.</a> </h4>
</div>
<div class="clouds">
<img src="/assets/images/clouds.png" alt="Clouds">
</div>
<canvas id="night"></canvas>
<script src="/assets/js/script.js" defer></script>
</body>
</html>

27
errors/500.html Normal file
View File

@@ -0,0 +1,27 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/assets/css/style.css">
<link rel="icon" href="/favicon.png" type="image/png" />
<title>500!</title>
</head>
<body>
<div class="error">
<h1>500!</h1>
<h2>500 - Internal Server Error</h2>
<h2><a href="/index.html">Return to the index!</a></h2>
<h4><a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Reference/Status/500">Learn more about this code.</a> </h4>
</div>
<div class="clouds">
<img src="/assets/images/clouds.png" alt="Clouds">
</div>
<canvas id="night"></canvas>
<script src="/assets/js/script.js" defer></script>
</body>
</html>

27
errors/502.html Normal file
View File

@@ -0,0 +1,27 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/assets/css/style.css">
<link rel="icon" href="/favicon.png" type="image/png" />
<title>502</title>
</head>
<body>
<div class="error">
<h1>502!</h1>
<h2>502 - Bad gateway</h2>
<h2><a href="/index.html">Return to the index!</a></h2>
<h4><a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Reference/Status/502">Learn more about this code.</a> </h4>
</div>
<div class="clouds">
<img src="/assets/images/clouds.png" alt="Clouds">
</div>
<canvas id="night"></canvas>
<script src="/assets/js/script.js" defer></script>
</body>
</html>