updated homepage and added 404/403

2023-10-15 23:02:32 +11:00 · 2023-10-15 23:02:32 +11:00 · 4a4d122991
commit 4a4d122991
parent 890581f896
1 changed files with 123 additions and 0 deletions
--- a/homepage/not-found/403.html
+++ b/homepage/not-found/403.html
@ -0,0 +1,123 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1" />
+  <title>Whisper.cat | Page Not Found</title>
+  <style>
+    body {
+      padding: 0;
+      margin: 0;
+      font-family: monospace;
+      font-size: 100%;
+      color: rgb(255, 255, 255);
+      background: rgba(87, 3, 189);
+      background-repeat: no-repeat;
+      background-attachment: fixed;
+      background-size: cover;
+    }
+	
+	
+
+* {
+	-webkit-box-sizing: border-box;
+	box-sizing: border-box;
+}
+
+body {
+	padding: 0;
+	margin: 0;
+}
+
+#notfound {
+	position: relative;
+	height: 100vh;
+}
+
+#notfound .notfound {
+	position: absolute;
+	left: 50%;
+	top: 50%;
+	-webkit-transform: translate(-50%, -50%);
+	-ms-transform: translate(-50%, -50%);
+	transform: translate(-50%, -50%);
+}
+
+.notfound {
+	max-width: 520px;
+	width: 100%;
+	line-height: 1.4;
+	text-align: center;
+}
+
+.notfound .notfound-error {
+	position: relative;
+	height: 200px;
+	margin: 0px auto 20px;
+	z-index: -1;
+}
+
+.notfound .notfound-error h1 {
+	font-family: 'Montserrat', sans-serif;
+	font-size: 200px;
+	font-weight: 300;
+	margin: 0px;
+	color: #211b19;
+	position: absolute;
+	left: 50%;
+	top: 50%;
+		-webkit-transform: translate(-50%, -50%);
+		-ms-transform: translate(-50%, -50%);
+		transform: translate(-50%, -50%);
+}
+
+@media only screen and (max-width: 767px) {
+	.notfound .notfound-error h1 {
+		font-size: 148px;
+	}
+}
+
+@media only screen and (max-width: 480px) {
+	.notfound .notfound-error {
+	height: 148px;
+	margin: 0px auto 10px;
+}
+.notfound .notfound-error h1 {
+	font-size: 120px;
+	font-weight: 200px;
+}
+.notfound .notfound-error h2 {
+	font-size: 30px;
+}
+.notfound a {
+	padding: 7px 15px;
+	font-size: 24px;
+}
+.h2 {
+	font-size: 148px;
+}
+}
+</style>
+</head>
+<body>
+<div id="notfound">
+	<div class="notfound">
+		<style>
+			a {
+			color: rgb(34, 255, 0);
+			}
+
+			</style>
+		<h1>Error 403</a></h1>
+		<div class="notfound-error">
+      <p>Opps!, You are not authorized to view this content!</p>
+			<p>Contact the site's administrator or support for assistance.</p>
+			<p>Contact me:</p>
+			<a href="mailto:webmaster@whisper.cat"
+				>webmaster@whisper.cat</a
+			>
+		</div>
+	</div>
+</div>
+</body>
+</html>