Added a 404 page

9 files changed, 28 insertions, 55 deletions

diff --git a/pages/404.js b/pages/404.js
new file mode 100644
index 0000000..d184449
--- /dev/null
+++ b/pages/404.js
@@ -0,0 +1,15 @@
+import Meta from '../components/meta'
+import Link from 'next/link'
+
+export default function PageError() {
+    return (
+        <>
+            <Meta title="404"/>
+            <div className="text-center font-hack font-bold flex flex-col gap-4 p-6 h-screen w-screen bg-material-gray text-white drop-shadow-lg">
+                <h1 className="text-5xl">404!</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>
+            </div>
+        </>
+    )
+}
diff --git a/pages/guidelines.js b/pages/guidelines.js
index 26b2350..5a308b7 100644
--- a/pages/guidelines.js
+++ b/pages/guidelines.js
@@ -83,10 +83,10 @@ export default function Guidelines() {
 						<h2 className="text-2xl font-bold">Threads</h2>
 						<p>Threads is a new Discord feature which allows you to make subchannels. We have set a policy to not allow to make threads with little to no value, if you made a thread in which has little to no value, it is considered to be spam and we will remove it. If caught doing it continuously, there will be consequences.</p>
 					</div>
-					<p className="mt-3">We recommend you to follow Discord&apos;s <a href="https://discord.com/terms" className="text-blue-300">Terms of Service</a> and <a href="https://discord.com/guidelines" className="text-blue-300">Community Guidelines</a></p>
+					<p className="mt-3">We recommend you to follow Discord&apos;s <a href="https://discord.com/terms" className="link">Terms of Service</a> and <a href="https://discord.com/guidelines" className="link">Community Guidelines</a></p>
 				</div>
 				<p>Last updated: October 14th, 2022</p>
-				<a href="#top" className="text-gray-300">Back to top</a>
+				<a href="#top" className="link">Back to top</a>
 			</div>
         </div>
     )
diff --git a/pages/index.js b/pages/index.js
index 69fb9be..62e7a26 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -8,6 +8,8 @@ const iconSize = "3x"
 const iconProperties = "hover:text-gray-500 transition-all ease-in-out"
 const navButton = "bg-gray-600 sm:py-4 sm:px-10 py-2 px-5 rounded-lg hover:bg-gray-400 transition ease-in-out"
 
+const isDev = process.env.NODE_ENV === 'development'
+
 export default function Home() {
   return (
     <>
@@ -24,13 +26,15 @@ export default function Home() {
                 <a href="https://instagram.com/alee14498"><FontAwesomeIcon icon={faInstagram} size={iconSize} className={iconProperties} /></a>
                 <a href="https://reddit.com/Alee1449"><FontAwesomeIcon icon={faReddit} size={iconSize} className={iconProperties} /></a>
             </div>
-            {/*<div className="flex-row font-normal space-x-3">
+            {isDev && (
+            <div className="flex-row font-normal space-x-3">
                 <Link href="#"><button className={navButton}>About Me</button></Link>
                 <Link href="#"><button className={navButton}>Projects</button></Link>
                 <Link href="#"><button className={navButton}>Blog</button></Link>
                 <Link href="#"><button className={navButton}>Downloads</button></Link>
                 <Link href="/guidelines"><button className={navButton}>Guidelines</button></Link>
-            </div> */}
+            </div>
+            )}
             <h2 className="text-lg font-normal drop-shadow-lg">Contact me at <a href="mailto:andrew@alee14.me">andrew@alee14.me</a></h2>
         </div>
     </>
diff --git a/public/favicon.ico b/public/favicon.ico
deleted file mode 100644
index 718d6fe..0000000
--- a/public/favicon.ico
+++ /dev/null
diff --git a/public/temp-landing.png b/public/temp-landing.png
deleted file mode 100644
index 51b7126..0000000
--- a/public/temp-landing.png
+++ /dev/null
diff --git a/public/vercel.svg b/public/vercel.svg
deleted file mode 100644
index fbf0e25..0000000
--- a/public/vercel.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="283" height="64" viewBox="0 0 283 64" fill="none" 
-    xmlns="http://www.w3.org/2000/svg">
-    <path d="M141.04 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.46 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM248.72 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.45 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM200.24 34c0 6 3.92 10 10 10 4.12 0 7.21-1.87 8.8-4.92l7.68 4.43c-3.18 5.3-9.14 8.49-16.48 8.49-11.05 0-19-7.2-19-18s7.96-18 19-18c7.34 0 13.29 3.19 16.48 8.49l-7.68 4.43c-1.59-3.05-4.68-4.92-8.8-4.92-6.07 0-10 4-10 10zm82.48-29v46h-9V5h9zM36.95 0L73.9 64H0L36.95 0zm92.38 5l-27.71 48L73.91 5H84.3l17.32 30 17.32-30h10.39zm58.91 12v9.69c-1-.29-2.06-.49-3.2-.49-5.81 0-10 4-10 10V51h-9V17h9v9.2c0-5.08 5.91-9.2 13.2-9.2z" fill="#000"/>
-</svg>
\ No newline at end of file
diff --git a/styles/Home.module.css b/styles/Home.module.css
deleted file mode 100644
index 07473ce..0000000
--- a/styles/Home.module.css
+++ /dev/null
@@ -1,32 +0,0 @@
-/*
-.container {
-  padding: 0 2rem;
-}
-
-.landing {
-  height: 100%;
-  background-position: center;
-  background-repeat: no-repeat;
-  background-size: cover;
-  background-image: url("/temp-landing.png")
-}
-
-
-.landing {
-  text-align: center;
-}
-
-.title {
-  font-size: 200%;
-}
-
-.description {
-}
-
-.contact {
-}
-
-.text-center {
-  text-align: center;
-}
-*/
\ No newline at end of file
diff --git a/styles/globals.css b/styles/globals.css
index 0f7a5fe..62b5694 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -26,15 +26,8 @@
 
 }
 
-/*
-html,
-body {
-  padding: 0;
-  margin: 0;
-  height: 100%;
-  background-color: #484848;
-  color: #FFFFFF;
-  font-family: Hack;
-  src: url("/ttf/Hack-Regular.ttf");
-
-}*/
\ No newline at end of file
+@layer components {
+    .link {
+        @apply text-blue-600 hover:text-blue-300
+    }
+}
diff --git a/tailwind.config.js b/tailwind.config.js
index 1f309e1..ea8fdce 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -12,9 +12,6 @@ module.exports = {
     extend: {
       colors: {
         'material-gray': '#212121',
-      },
-      backgroundImage: {
-        'landing': "url('/temp-landing.png')",
       }
     },
   },