Added common error status pages

This commit is contained in:
Andrew Illarionov 2023-09-27 21:05:46 +03:00
parent 3cf0d5f5b3
commit 59adbd5161
3 changed files with 94 additions and 0 deletions

26
403.html Normal file
View File

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="darkreader-lock">
<title>403 Forbidden</title>
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
<link rel="stylesheet" href="/styles/status.css" type="text/css" />
</head>
<body class="adaptive">
<div class="error adaptive">
<h1>403 Forbidden</h1>
<p>You don't have access to the requested resource.</p>
<hr>
<div class="links adaptive">
<span><a class="link" href="/">🏠 Back</a></span>
<span>Hosted with 💖 by <a class="link" href="https://enderman.ch">Enderman</a></span>
</div>
</div>
</body>
</html>

26
404.html Normal file
View File

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="darkreader-lock">
<title>404 Not Found</title>
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
<link rel="stylesheet" href="/styles/status.css" type="text/css" />
</head>
<body class="adaptive">
<div class="error adaptive">
<h1>404 Not Found</h1>
<p>The requested resource could not be found on the server.</p>
<hr>
<div class="links adaptive">
<span><a class="link" href="/">🏠 Back</a></span>
<span>Hosted with 💖 by <a class="link" href="https://enderman.ch">Enderman</a></span>
</div>
</div>
</body>
</html>

42
styles/status.css Normal file
View File

@ -0,0 +1,42 @@
body {
margin: 0;
}
@media (prefers-color-scheme: dark) {
body.adaptive {
background-color: rgb(12, 13, 15);
}
.error.adaptive {
color: rgb(232, 230, 227);
}
.adaptive .link {
color: rgb(43, 124, 252);
}
.adaptive .link:visited {
color: rgb(207, 133, 229);
}
.adaptive .link:hover {
color: rgb(255, 55, 95);
}
}
h1 {
margin: 10px 10px;
}
.error {
text-align: center;
}
.links {
display: flex;
flex-direction: row;
justify-content: space-between;
margin: 0 7px 0 7px;
}