From 19b9690dff9580bb643dd7431b7443334310f8ac Mon Sep 17 00:00:00 2001
From: Cameron Himes <cameron.himes@hotmail.com>
Date: Thu, 24 Mar 2022 18:35:26 -0400
Subject: [PATCH] add 404 page

---
 .gitmodules     |   6 +++
 404.html        | 117 ++++++++++++++++++++++++++++++++++++++++++++++++
 comic-mono-font |   1 +
 starfield       |   1 +
 4 files changed, 125 insertions(+)
 create mode 100644 .gitmodules
 create mode 100644 404.html
 create mode 160000 comic-mono-font
 create mode 160000 starfield
diff --git a/.gitmodules b/.gitmodules
new file mode 100644
index 0000000..db937d9
--- /dev/null
+++ b/.gitmodules
@@ -0,0 +1,6 @@
+[submodule "starfield"]
+	path = starfield
+	url = https://github.com/mlesniak/starfield
+[submodule "comic-mono-font"]
+	path = comic-mono-font
+	url = https://github.com/dtinth/comic-mono-font
diff --git a/404.html b/404.html
new file mode 100644
index 0000000..fe175e9
--- /dev/null
+++ b/404.html
@@ -0,0 +1,117 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <title>404: Mountain Linux</title>
+    <style>
+        @font-face {
+            font-family: comic-mono;
+            src: url("./comic-mono-font/ComicMono.ttf");
+        }
+        
+        html {
+            background-image: url("./starfield/animation.gif");
+            background-repeat: repeat;
+            background-size: 10em;
+            color: white;
+            font-family: comic-mono;
+        }
+        
+        #main {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            grid-template-rows: repeat(3, 1fr);
+            width: 50em;
+            height: 50em;
+            margin-left: auto;
+            margin-right: auto;
+        }
+        
+        .img-div,
+        #text-div {
+            margin: 1em;
+            text-align: center;
+        }
+        
+        img {
+            width: 100%;
+            height: 100%;
+            border-width: 0.2em;
+            border-style: ridge;
+            border-color: lightgrey;
+        }
+        
+        #text-div {
+            place-self: center;
+        }
+        
+        p {
+            text-align: center;
+        }
+        
+        span {
+            display: block;
+        }
+        
+        #line1,
+        #line3,
+        #line4 {
+            font-size: 1.5em;
+        }
+        
+        #line2 {
+            font-size: 5em;
+        }
+        
+        a:link {
+            color: lightskyblue;
+        }
+        
+        a:visited {
+            color: mediumpurple;
+        }
+        
+        a:active {
+            color: salmon;
+        }
+    </style>
+</head>
+
+<body>
+    <div id="main">
+        <div class="img-div">
+            <img src="https://img.buzzfeed.com/buzzfeed-static/static/2018-12/21/17/asset/buzzfeed-prod-web-04/sub-buzz-13987-1545430685-1.jpg">
+        </div>
+        <div class="img-div">
+            <img src="https://acm-carpets-copy.s3.amazonaws.com/cache/20/7b/207b144e3f297a51db27633f40e6fad2.jpg">
+        </div>
+        <div class="img-div">
+            <img src="https://wallpapercave.com/wp/wp4112172.jpg">
+        </div>
+        <div class="img-div">
+            <img src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fdecider.com%2Fwp-content%2Fuploads%2F2016%2F07%2Ffamily-double-dare.jpg%3Fquality%3D90%26strip%3Dall%26w%3D646%26h%3D335%26crop%3D1&f=1&nofb=1">
+        </div>
+        <div id="text-div">
+            <p>
+                <span id="line1">You came to the</span>
+                <span id="line2">90's</span>
+                <span id="line3">but nobody is here. Go <a href="/">home</a>!</span>
+            </p>
+        </div>
+        <div class="img-div">
+            <img src="https://external-content.duckduckgo.com/iu/?u=http%3A%2F%2Fyuvarevolution.org%2Fwp-content%2Fuploads%2F2014%2F09%2FForrest-Gump.jpg&f=1&nofb=1">
+        </div>
+        <div class="img-div">
+            <img src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fmedia2.mensxp.com%2Fmedia%2Fcontent%2F2014%2FDec%2Fthingseveryoneusinginternetinthe90sremembers3_1417439043.jpg&f=1&nofb=1">
+        </div>
+        <div class="img-div">
+            <img src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fstatic0.therecipeimages.com%2Fwordpress%2Fwp-content%2Fuploads%2F2019%2F01%2F90s5-1.jpg&f=1&nofb=1">
+        </div>
+        <div class="img-div">
+            <img src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fwww.thestreet.com%2F.image%2Ft_share%2FMTY4NjQwMzc2MDk2NDk5MzM1%2Fimage-placeholder-title.jpg&f=1&nofb=1">
+        </div>
+    </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/comic-mono-font b/comic-mono-font
new file mode 160000
index 0000000..9a96d04
--- /dev/null
+++ b/comic-mono-font
@@ -0,0 +1 @@
+Subproject commit 9a96d04cdd2919964169192e7d9de5012ef66de4
diff --git a/starfield b/starfield
new file mode 160000
index 0000000..2c409e6
--- /dev/null
+++ b/starfield
@@ -0,0 +1 @@
+Subproject commit 2c409e6343e020e3c145970c0e7f59b64d779608
