From 890581f896b0eb8ca0e59d22ed4690d70510c7aa Mon Sep 17 00:00:00 2001
From: "[Harper Innes]" <[harper@whisper.cat]>
Date: Sun, 15 Oct 2023 20:09:13 +1100
Subject: [PATCH] updated homepage and added 404

---
 homepage/aboutme/index.html |   3 +-
 homepage/index.html         |   2 +-
 homepage/not-found/404.html | 122 ++++++++++++++++++++++++++++++++++++
 3 files changed, 124 insertions(+), 3 deletions(-)
 create mode 100644 homepage/not-found/404.html
diff --git a/homepage/aboutme/index.html b/homepage/aboutme/index.html
index cab20dd..3b72e75 100644
--- a/homepage/aboutme/index.html
+++ b/homepage/aboutme/index.html
@@ -12,7 +12,6 @@
         font-size: 100%;
         color: rgb(255, 255, 255);
         background: rgba(87, 3, 189);
-        #background-image: url("https://cdn.whisper.cat/Background2.png");
         background-repeat: no-repeat;
         background-attachment: fixed;
         background-size: cover;
@@ -157,7 +156,7 @@
             </a>
           </div>
           <div>
-            <a href="https://slowest.network/@harper">
+            <a href="https://whisper.cat/not-found/404.html">
               <img
                 alt="Mastodon"
                 src="https://cdn.whisper.cat/mastodon-80-80.png"
diff --git a/homepage/index.html b/homepage/index.html
index 77e3391..b212c26 100644
--- a/homepage/index.html
+++ b/homepage/index.html
@@ -180,7 +180,7 @@
             </a>
           </div>
           <div>
-            <a href="https://slowest.network/@harper">
+            <a rel="me" href="https://geekdom.social/@harper">
               <img
                 alt="Mastodon"
                 src="https://cdn.whisper.cat/mastodon-80-80.png"
diff --git a/homepage/not-found/404.html b/homepage/not-found/404.html
new file mode 100644
index 0000000..0af4845
--- /dev/null
+++ b/homepage/not-found/404.html
@@ -0,0 +1,122 @@
+<!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>Opps!, Sorry the page can't be loaded!</a></h1>
+		<div class="notfound-error">
+			<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>
\ No newline at end of file
