add custom 404 page

benderl · benderl · commit d7aae86ab638 · 2023-11-30T09:33:22.000+01:00
diff --git a/.htaccess b/.htaccess
@@ -1,3 +1,10 @@
+<IfModule mod_headers.c>
+	Header set Cache-Control "no-cache, no-store, must-revalidate"
+	Header set Pragma "no-cache"
+	Header set Expires 0
+</IfModule>
+
 RedirectMatch 404 \.conf$
 RedirectMatch 404 \.ini$
 RedirectMatch 404 \.py$
+ErrorDocument 404 /openWB/web/error.html
diff --git a/web/error.css b/web/error.css
@@ -0,0 +1,39 @@
+/* prevent scroll gestures */
+body,
+html {
+	overscroll-behavior: none;
+}
+
+body,
+html {
+	border: 0;
+	margin: 0;
+	padding: 0;
+	background-color: black;
+	color: white;
+	font-family: Open Sans;
+}
+
+a {
+	color: inherit;
+	text-decoration: underline;
+	font-weight: bold;
+}
+
+.wrapper {
+	display: flex;
+	justify-content: center;
+}
+
+#notReady {
+	display: flex;
+	flex-direction: column;
+	padding-top: 10vh;
+}
+
+#logo {
+	display: flex;
+	flex-direction: column;
+	align-content: center;
+	flex-wrap: wrap;
+}
diff --git a/web/error.html b/web/error.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html lang="de">
+
+<head>
+	<base href="/openWB/web/">
+	<meta charset="UTF-8">
+	<link rel="shortcut icon" href="img/favicons/favicon.ico">
+	<link rel="stylesheet" type="text/css" href="error.css?ver=20230322">
+	<title>404 - document not found</title>
+</head>
+
+<body>
+	<div class="wrapper">
+		<div id="notReady">
+			<div id="logo">
+				<img src="img/openWB_logo_dark.png" alt="logo image">
+			</div>
+			<div>
+				<h1>Fehler 404: Die aufgerufene Seite wurde nicht gefunden.</h1>
+				<p>Bitte aktualisiere ggf. Deine Lesezeichen.</p>
+				<p>
+					Die Startseite erreichst Du unter
+					<a id="start-url" href="/">http://[meine-openWB]/</a>.
+				</p>
+				<p>
+					Direkter Zugriff auf die Einstellungen:
+					<a id="settings-url" href="/openWB/web/settings/">http://[meine-openWB]/openWB/web/settings/</a>
+				</p>
+			</div>
+		</div>
+	</div>
+	<script>
+		function replaceHostname(elementId) {
+			const placeholder = "[meine-openWB]";
+			let url = document.getElementById(elementId).innerHTML;
+			return url.replace(placeholder, location.hostname);
+		}
+		document.getElementById("start-url").innerHTML = replaceHostname("start-url");
+		document.getElementById("settings-url").innerHTML = replaceHostname("settings-url");
+	</script>
+
+</body>
+
+</html>
