Merge pull request #89 from meower-media/joshatticus-fix-404

Fix 404 page

404.html

@@ -4,11 +4,11 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Meower | 404</title>
-    <link rel="stylesheet" href="styles.css">
-    <link rel="stylesheet" href="fonts.css">
-    <link rel="icon" href="images/assets/meowy.svg">
+    <link rel="stylesheet" href="/styles.css">
+    <link rel="stylesheet" href="/fonts.css">
+    <link rel="icon" href="/images/assets/meowy.svg">
     <link rel="canonical" href="https://meower.org">
-    <link rel="apple-touch-icon" sizes="512x512" href="images/assets/safari-touch-512.png">
+    <link rel="apple-touch-icon" sizes="512x512" href="/images/assets/safari-touch-512.png">
 
     <meta name="theme-color" content="#181818">
     <meta name="background-color" content="#181818">
@@ -17,7 +17,7 @@
 
     <meta name="author" content="Meower Media">
     <meta property="og:title" content="Meower | 404">
-    <meta property="og:image" content="images/assets/safari-touch-512.png">
+    <meta property="og:image" content="/images/assets/safari-touch-512.png">
     <meta property="og:url" content="https://meower.org">
 </head>
 
@@ -27,29 +27,29 @@
             <div class="hero-header">
                 <div class="header-logo">
                     <a href="../">
-                        <img src="images/meowerlogo-white.svg" width="200px" alt="meower">
+                        <img src="/images/meowerlogo-white.svg" width="200px" alt="meower">
                         <span style="display: none;">Meower</span>
                     </a>
                 </div>
                 <div class="header-links">
-                    <a class="header-link" href="https://app.meower.org"><img src="images/icons/rocket.svg" width="20px" alt="icon"><span>Launch</span></a>
-                    <a class="header-link" href="about"><img src="images/icons/help-circle.svg" width="20px" alt="icon"><span>About</span></a>
-                    <a class="header-link" href="legal"><img src="images/icons/scale.svg" width="20px" alt="icon"><span>Legal</span></a>
-                    <a class="header-link" href="https://github.com/meower-media-co" target="_blank"><img src="images/icons/github.svg" width="20px" alt="icon"><span>Github</span></a>
+                    <a class="header-link" href="https://app.meower.org"><img src="/images/icons/rocket.svg" width="20px" alt="icon"><span>Launch</span></a>
+                    <a class="header-link" href="about"><img src="/images/icons/help-circle.svg" width="20px" alt="icon"><span>About</span></a>
+                    <a class="header-link" href="legal"><img src="/images/icons/scale.svg" width="20px" alt="icon"><span>Legal</span></a>
+                    <a class="header-link" href="https://github.com/meower-media-co" target="_blank"><img src="/images/icons/github.svg" width="20px" alt="icon"><span>Github</span></a>
                 </div>
             </div>
         </div>
         <div class="main">
             <span class="span-header">404 | Not Found</span>
             <span class="span-p">Whoops! It looks like you followed an invalid link... Or, you were just looking for cat pictures.</span>
             <div class="moderators">
-                <img src="images/assets/cat_disks.jpg" style="width: 30vw;border-radius: 5px;box-shadow: 0 0 10px rgba(0,0,0,.1);">
+                <img src="/images/assets/cat_disks.jpg" style="width: 30vw;border-radius: 5px;box-shadow: 0 0 10px rgba(0,0,0,.1);">
             </div>
         </div>
         <div class="footer">
             <div class="footer-logo">
                 <a href="../">
-                    <img src="images/meowerlogo-white.svg" width="200px" alt="meower">
+                    <img src="/images/meowerlogo-white.svg" width="200px" alt="meower">
                     <span style="display: none;">Meower</span>
                 </a>
                 <span>© 2020 - 2024 Meower Media </span>
@@ -65,14 +65,14 @@
                 </div>
                 <div class="link-sec">
                     <span class="span-h3">App</span>
-                    <a href="../">Homepage</a>
-                    <a href="about">About</a>
-                    <a href="legal">Legal</a>
-                    <a href="export">Data Export</a>
+                    <a href="/">Homepage</a>
+                    <a href="/about">About</a>
+                    <a href="/legal">Legal</a>
+                    <a href="/export">Data Export</a>
                     <a href="mailto:support@meower.org">Contact</a>
                 </div>
             </div>
         </div>
     </div>
 </body>
-</html>
+</html>