Add 404 page

4 months ago · 621c4df3dd
parent a5ac789f56
commit 621c4df3dd
3 changed files with 47 additions and 3 deletions
--- a/etc/nginx/main.conf
+++ b/etc/nginx/main.conf
@ -1,7 +1,10 @@
+	error_page 404 /error/404/index.html;
+
 	location /icons {
 		expires 60m;
 		# add_header Cache-Control "max-age=3600";
 	}
+
 	location /qr-codes {
 		# while an underestimate,
 		# this prevents us from tracking users across visits
@ -9,6 +12,6 @@
 		# add_header Cache-Control "max-age=3600";
 	}

-    location ~* ^/(about|privacy|donate|instructions)\.html$ {
-        rewrite (.*)\.html$ $1 permanent;
-    }
+	location ~* ^/(about|privacy|donate|instructions)\.html$ {
+		rewrite (.*)\.html$ $1 permanent;
+	}
--- a/output/js/404.js
+++ b/output/js/404.js
@ -0,0 +1 @@
+setTimeout(() => { location.pathname = "/"; }, 5000);
--- a/sites/error/404/index.php
+++ b/sites/error/404/index.php
@ -0,0 +1,40 @@
+<?php
+	require_once '+getenv.php';
+?>
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<?php include "+components/page-head.php" ?>
+
+		<link rel="canonical" href="<?=$SITE_CANONICAL_URL?>/404/">
+		<title>404 Not Found — sessioncommunities.online</title>
+		<meta name="description" content="404 — Not Found page for SessionCommunities.online">
+		<meta property="og:title" content="Privacy — sessioncommunities.online">
+		<meta property="og:description" content="Read our transparent account of what data sessioncommunities.online collects when you browse the site.">
+		<meta property="og:type" content="article">
+		<meta property="og:url" content="<?=$SITE_CANONICAL_URL?>/404/">
+		<link rel="stylesheet" href="/css/common-dark.css">
+		<script src="/js/404.js" async></script>
+	</head>
+	<body>
+		<h1>404 — Page Not Found</h1>
+
+		<h2>Oops! Broken link!</h2>
+
+		<p>
+			The Session Community are trying to view
+			is not located at this URL.
+		</p>
+
+		<p>
+			Redirecting you to main page in 5 seconds...
+		</p>
+
+		<p>
+			If the redirect fails, <a href="/">click here</a>.
+		</p>
+
+		<?php include "+components/footer.php"; ?>
+	</body>
+</html>
+
				`@ -0,0 +1 @@`
				`setTimeout(() => { location.pathname = "/"; }, 5000);`