Web/404.html

91 lines
2.5 KiB
HTML
Raw Normal View History

2018-08-15 19:26:03 +02:00
<!DOCTYPE html>
<html lang="en">
2019-07-06 23:35:20 +02:00
2018-08-15 19:26:03 +02:00
<head>
<meta charset="UTF-8">
2018-08-15 23:27:17 +02:00
<title>404</title>
2018-08-15 19:26:03 +02:00
2021-03-19 04:23:04 +01:00
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto&display=swap">
2018-08-15 19:26:03 +02:00
<link rel="icon" href="favicon.ico">
<style>
body {
2021-03-19 04:23:04 +01:00
font-family: Roboto, sans-serif;
font-display: swap;
2018-08-15 19:26:03 +02:00
background-color: #383838;
}
.content {
color: white;
position: absolute;
text-align: center;
left: 50%;
top: 40%;
transform: translate(-50%, -60%);
}
.disclaimer {
position: absolute;
bottom: 10px;
right: 10px;
color: gray;
}
a {
2018-08-15 23:38:44 +02:00
color: #8db3f4;
2018-08-15 23:27:17 +02:00
text-decoration: none;
2018-08-15 19:26:03 +02:00
}
2018-08-15 23:38:44 +02:00
.email {
color: #6c767c;
}
.go-home {
margin-top: 25px;
}
2018-08-15 19:26:03 +02:00
</style>
</head>
2019-07-06 23:35:20 +02:00
2018-08-15 19:26:03 +02:00
<body>
<div class="content">
<h1>💔 Four Oh Four</h1>
2018-08-15 19:26:03 +02:00
<p>
There's nothing here, I'm sorry.
</p>
<p>
<span id="message"></span>
<script>
const messages = [
2023-08-07 14:04:06 +02:00
"Maybe try a different place?",
"Do you want to know a secret?",
"This is a magical place",
"What were you trying to find?",
"Now my day is ruined",
"There's a place like this somewhere",
"I shall overcome this obstacle.",
"Why are you like this?",
"this is so sad alexa play despacito",
"The server is at a loss for what you were trying to find",
"oh no :(",
"The world is quiet here.",
2019-07-06 23:35:20 +02:00
"Instructions unclear, got site stuck in debug mode",
"Please fix",
2019-10-31 16:14:47 +01:00
"If we get this video to 400 likes, I'll put the site back up",
"how could this happen to me"
2018-08-15 19:26:03 +02:00
];
let message = Math.floor(Math.random() * messages.length);
2023-08-07 14:04:06 +02:00
document.getElementById("message").innerHTML = `<em>${messages[message]}</em>`;
2018-08-15 19:26:03 +02:00
</script>
</p>
2018-08-15 23:38:44 +02:00
<p class="go-home">
<a href="https://ellpeck.de">Go home</a>
</p>
2018-08-15 19:26:03 +02:00
</div>
<div class="disclaimer">
2018-08-15 23:38:44 +02:00
<em>If you think there should be something here, please notify me at <a class="email" href="mailto:me@ellpeck.de">me@ellpeck.de</a>.</em>
2018-08-15 19:26:03 +02:00
</div>
</body>
2019-07-06 23:35:20 +02:00
2023-08-07 14:04:06 +02:00
</html>