From 7ed3fb42064bc4d02e829be247237d815e5f4cbd Mon Sep 17 00:00:00 2001
From: Mathijs <mathijs@lermer.nl>
Date: Sat, 16 Nov 2024 12:20:58 +0100
Subject: [PATCH] Toegevoegd: 404 page

---
 404.html | 90 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 90 insertions(+)
 create mode 100755 404.html
diff --git a/404.html b/404.html
new file mode 100755
index 0000000..2f8f524
--- /dev/null
+++ b/404.html
@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Lermer's CDN</title>
+<link rel="icon" href="afb/favicon.png" type="image/png">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<style>
+body, html {
+  height: 100%;
+  margin: 0;
+  font-family: Arial, Helvetica, sans-serif;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+.bg-image {
+  /* The image used */
+  /* background-image: url("afb/pad.jpg"); */
+  background-image: url("https://cdn.lermer.nl/afb/matrix_world.jpeg");
+  background-repeat: no-repeat;
+  background-size:  	cover;
+
+  /* Add the blur effect */
+  /* filter: blur(8px);
+  -webkit-filter: blur(0px); */
+
+  /* Full height */
+  height: 100%;
+
+  /* Center and scale the image nicely */
+
+}
+
+/* Position text in the middle of the page/image */
+.bg-text {
+  background-color: rgb(0,0,0); /* Fallback color */
+  background-color: rgba(0, 71, 10, 0.637); /* Black w/opacity/see-through */
+  color: white;
+  font-weight: bold;
+  border: 3px solid green;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 2;
+  width: 80%;
+  padding: 20px;
+  text-align: center;
+
+  background-image: url("https://cdn.lermer.nl/afb/matrix_rain_small.gif");
+  background-repeat: repeat;
+  background-size:  	auto;
+}
+#online h1{
+  color: green;
+  font-size: 80px;
+  text-shadow: -3px 0 grey, 0 3px grey, 3px 0 grey, 0 -3px grey, 1px 1px 2px grey, 0 0 25px grey, 0 0 5px grey;
+}
+</style>
+
+<script async src="https://ackee.lermer.nl/tracker.js" data-ackee-server="https://ackee.lermer.nl" data-ackee-domain-id="3073eb6a-be91-4c11-ba8c-f578bb05eac4"></script>
+</head>
+<body>
+
+<div class="bg-image"></div>
+
+<div class="bg-text">
+  <h2>CDN Status:</h2>
+  <div id="online">
+    <h1>ONLINE</h1>
+  </div>
+
+  <p><span id="datetime"></span></p>
+</div>
+
+</body>
+
+
+<script>
+function goBack() {
+  window.history.back();
+}
+
+  var dt = new Date();
+document.getElementById("datetime").innerHTML = (("0"+dt.getDate()).slice(-2)) +"-"+ (("0"+(dt.getMonth()+1)).slice(-2)) +"-"+ (dt.getFullYear()) +" "+ (("0"+dt.getHours()).slice(-2)) +":"+ (("0"+dt.getMinutes()).slice(-2));
+  </script>
+
+</html>
