From 092e055f0c9fd2cc829a040fa915dbd0775ddbe3 Mon Sep 17 00:00:00 2001
From: Andrew Lee <alee14498@protonmail.com>
Date: Mon, 17 Oct 2022 22:55:40 -0400
Subject: [PATCH] New 404; Added more mono fonts

---
 pages/404.js       | 9 +++++++--
 pages/index.js     | 3 ++-
 styles/globals.css | 8 ++++----
 3 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/pages/404.js b/pages/404.js
index 9c98161..92d138c 100644
--- a/pages/404.js
+++ b/pages/404.js
@@ -1,14 +1,19 @@
 import Meta from '../components/meta'
 import Link from 'next/link'
+import Router from 'next/router'
 
 export default function PageError() {
     return (
         <>
             <Meta title="404"/>
             <div className="text-center font-hack font-bold flex flex-col justify-center gap-4 p-6 h-screen w-screen bg-material-gray text-white drop-shadow-lg">
-                <h1 className="text-5xl">404!</h1>
+                <h1 className="text-5xl">404! o_0</h1>
                 <h2 className="text-3xl">Looks like you have entered the void... or maybe you are lost?</h2>
-                <h2 className="text-3xl">Head back <Link href="/"><a className="link">home</a></Link> to not become lost</h2>
+                <h2 className="text-3xl">Go back or head back home to not become lost.</h2>
+                <div className="flex-row space-x-2">
+                    <span onClick={() => Router.back()}><button className="button">Go back</button></span>
+                    <Link href="/"><button className="button">Home</button></Link>
+                </div>
             </div>
         </>
     )
diff --git a/pages/index.js b/pages/index.js
index 03af0f5..562f567 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -33,6 +33,7 @@ export default function Home() {
                     <div className="flex-row font-normal space-x-3 p-2">
                         <Link href="#"><button className="button">About Me</button></Link>
                         <Link href="#"><button className="button">Projects</button></Link>
+                        <Link href="#"><button className="button">Videos</button></Link>
                         <Link href="#"><button className="button">Blog</button></Link>
                         <Link href="#"><button className="button">Downloads</button></Link>
                         <Link href="/guidelines"><button className="button">Guidelines</button></Link>
@@ -44,7 +45,7 @@ export default function Home() {
                 <p>&copy; Copyright 2018-2022 Andrew Lee</p>
                 <p>Created using <a href="https://nextjs.org" className="link" target="_blank" rel="noopener noreferrer">Next.js</a>, and <a href="https://tailwindcss.com" className="link" target="_blank" rel="noopener noreferrer">Tailwind CSS</a>. Hosted on <a href="https://www.netlify.com" className="link" target="_blank" rel="noopener noreferrer">Netlify</a>.</p>
 	  	<p>This website is licensed under the <a href="https://www.gnu.org/licenses/gpl-3.0.en.html" className="link" target="_blank" rel="noopener noreferrer">GNU General Public License v3</a></p>
-	  	<p className="link"><a href="https://github.com/Alee14/personal-website">The source code of this website is publicly available</a></p>
+	  	<p className="link"><a href="https://github.com/Alee14/personal-website" target="_blank" rel="noopener noreferrer">The source code of this website is publicly available</a></p>
             </div>
         </div>
 
diff --git a/styles/globals.css b/styles/globals.css
index 1a800d7..b9a9608 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -4,22 +4,22 @@
 
 @layer base {
     @font-face {
-        font-family: "Hack", sans-serif;
+        font-family: "Hack", "Cascadia Mono", Consolas, monospace;
         src: url("../public/ttf/Hack-Regular.ttf");
     }
 
     @font-face {
-        font-family: "Hack", sans-serif;
+        font-family: "Hack", "Cascadia Mono", Consolas, monospace;
         src: url("../public/ttf/Hack-Italic.ttf");
         font-style: italic;
     }
     @font-face {
-        font-family: "Hack", sans-serif;
+        font-family: "Hack", "Cascadia Mono", Consolas, monospace;
         src: url("../public/ttf/Hack-Bold.ttf");
         font-weight: 700;
     }
     @font-face {
-        font-family: "Hack", sans-serif;
+        font-family: "Hack", "Cascadia Mono", Consolas, monospace;
         src: url("../public/ttf/Hack-BoldItalic.ttf");
         font-weight: 700;
     }