From 3233834df6c3a55cd442388994b0c4c63578003a Mon Sep 17 00:00:00 2001
From: Gabe Farrell <gabe@mnrva.dev>
Date: Fri, 12 May 2023 05:45:32 +0000
Subject: [PATCH] add footer, improve style

---
 client/src/App.css                   |  2 +-
 client/src/Components/Css/Footer.css | 37 ++++++++++++++++++++++++++++
 client/src/Components/Footer.tsx     | 15 +++++++++++
 client/src/Pages/Css/Main.css        |  2 +-
 client/src/Pages/Home.tsx            |  8 ++++--
 client/src/index.css                 |  1 -
 6 files changed, 60 insertions(+), 5 deletions(-)
 create mode 100644 client/src/Components/Css/Footer.css
 create mode 100644 client/src/Components/Footer.tsx

diff --git a/client/src/App.css b/client/src/App.css
index 32f7dcb..839a0f3 100644
--- a/client/src/App.css
+++ b/client/src/App.css
@@ -1,7 +1,7 @@
 #root {
   max-width: 1280px;
   margin: 0 auto;
-  padding: 0.5rem;
+  padding: 0px;
   text-align: center;
 }
 
diff --git a/client/src/Components/Css/Footer.css b/client/src/Components/Css/Footer.css
new file mode 100644
index 0000000..a178f2a
--- /dev/null
+++ b/client/src/Components/Css/Footer.css
@@ -0,0 +1,37 @@
+.footer {
+    display: flex;
+    justify-content: space-around;
+    width: 100%;
+    background-color: #1c1c1c;
+}
+
+.footer > * {
+    width: 150px;
+    padding: 50px;
+    color: #777;
+}
+
+.footer .left {
+    text-align: left;
+}
+.footer .left a {
+    color: #777;
+}
+.footer .left a:hover {
+    color: #aaa;
+}
+
+.footer .mid {
+    text-align: center;
+    color: #777;
+}
+
+.footer .right {
+    text-align: right;
+}
+.footer .right a {
+    color: #777;
+}
+.footer .right a:hover {
+    color: #aaa;
+}
\ No newline at end of file
diff --git a/client/src/Components/Footer.tsx b/client/src/Components/Footer.tsx
new file mode 100644
index 0000000..581f594
--- /dev/null
+++ b/client/src/Components/Footer.tsx
@@ -0,0 +1,15 @@
+import './Css/Footer.css'
+
+export default function Footer() {
+    return (
+        <div className="footer">
+            <div className="left">
+                <a href='https://mnrva.dev'>view the source code on github</a>
+            </div>
+            <div className="mid">&copy; MNRVA 2023</div>
+            <div className="right">
+                <a href='https://twitter.com/owltierdotcom'>follow owltier on twitter</a>
+            </div>
+        </div>
+    )
+}
\ No newline at end of file
diff --git a/client/src/Pages/Css/Main.css b/client/src/Pages/Css/Main.css
index 71e5659..60bd6f6 100644
--- a/client/src/Pages/Css/Main.css
+++ b/client/src/Pages/Css/Main.css
@@ -9,5 +9,5 @@
 } */
 
 .full-container {
-    height: 900px;
+    min-height: calc(100vh - 182px);
 }
\ No newline at end of file
diff --git a/client/src/Pages/Home.tsx b/client/src/Pages/Home.tsx
index a22ea89..1ec91d4 100644
--- a/client/src/Pages/Home.tsx
+++ b/client/src/Pages/Home.tsx
@@ -1,11 +1,15 @@
 import { Outlet } from 'react-router-dom'
 import Header from '../Components/Header'
+import Footer from '../Components/Footer'
 
 export default function Home() {
     return (
+        <>
         <div className='full-container'>
-        <Header />
-        <Outlet />
+            <Header />
+            <Outlet /> 
         </div>
+        <Footer />
+        </>
     )
 }
\ No newline at end of file
diff --git a/client/src/index.css b/client/src/index.css
index 3dc3c59..e698209 100644
--- a/client/src/index.css
+++ b/client/src/index.css
@@ -28,7 +28,6 @@ body {
   display: flex;
   place-items: center;
   min-width: 320px;
-  min-height: 100vh;
 }
 
 h1 {