From 513269eb1f68ff89dc8d82980c2212db28ab9b5b Mon Sep 17 00:00:00 2001
From: carsonSgit <92652800+carsonSgit@users.noreply.github.com>
Date: Fri, 16 Aug 2024 21:06:51 -0400
Subject: [PATCH 01/11] feat: Init Footer component file

---
 src/Components/Footer/Footer.tsx | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 src/Components/Footer/Footer.tsx

diff --git a/src/Components/Footer/Footer.tsx b/src/Components/Footer/Footer.tsx
new file mode 100644
index 0000000..e69de29

From d583bddef9240ef9e50902d96df2e5121c6ad1ee Mon Sep 17 00:00:00 2001
From: carsonSgit <92652800+carsonSgit@users.noreply.github.com>
Date: Fri, 16 Aug 2024 21:10:19 -0400
Subject: [PATCH 02/11] feat: Starter footer

- Includes icons to hyperlinks
---
 src/App.tsx                      |  2 ++
 src/Components/Footer/Footer.tsx | 28 ++++++++++++++++++++++++++++
 2 files changed, 30 insertions(+)

diff --git a/src/App.tsx b/src/App.tsx
index 18836e8..8ed905d 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -6,6 +6,7 @@ import Experience from './Components/Experience/Experience';
 import { Route, Routes } from 'react-router-dom';
 import Navbar from './Components/Navbar';
 import './App.scss';
+import Footer from './Components/Footer/Footer';
 
 const App: React.FC = () => {
   return (
@@ -17,6 +18,7 @@ const App: React.FC = () => {
         <Route path="/projects" element={<Project />} />
         <Route path="/stats" element={<Experience />} />
       </Routes>
+      <Footer />
     </div>
   );
 };
diff --git a/src/Components/Footer/Footer.tsx b/src/Components/Footer/Footer.tsx
index e69de29..0e27c47 100644
--- a/src/Components/Footer/Footer.tsx
+++ b/src/Components/Footer/Footer.tsx
@@ -0,0 +1,28 @@
+import React from 'react';
+import { FaGithub, FaLinkedin, FaDev, FaMedium } from 'react-icons/fa';
+
+const Footer: React.FC = () => {
+  return (
+    <footer className="Footer">
+      <div className="FooterIcons">
+        <a href="https://github.com/carsonSgit" target="_blank" rel="noreferrer">
+          <FaGithub />
+        </a>
+        <a href="https://www.linkedin.com/in/carsonspriggs" target="_blank" rel="noreferrer">
+          <FaLinkedin />
+        </a>
+        <a href="https://dev.to/carsonsgit" target="_blank" rel="noreferrer">
+          <FaDev />
+        </a>
+        <a href="https://medium.com/@carsonspriggs6" target="_blank" rel="noreferrer">
+          <FaMedium />
+        </a>
+      </div>
+      <div className="FooterText">
+        Coded and Designed by @carsonSgit
+      </div>
+    </footer>
+  );
+};
+
+export default Footer;

From 1615fecac8fa7d534d11f312c3f2af5d35d0f2fc Mon Sep 17 00:00:00 2001
From: carsonSgit <92652800+carsonSgit@users.noreply.github.com>
Date: Fri, 16 Aug 2024 21:12:16 -0400
Subject: [PATCH 03/11] feat: Init footer.scss file

---
 src/Components/Footer/Footer.scss | 0
 src/Components/Footer/Footer.tsx  | 1 +
 2 files changed, 1 insertion(+)
 create mode 100644 src/Components/Footer/Footer.scss

diff --git a/src/Components/Footer/Footer.scss b/src/Components/Footer/Footer.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/Components/Footer/Footer.tsx b/src/Components/Footer/Footer.tsx
index 0e27c47..6352022 100644
--- a/src/Components/Footer/Footer.tsx
+++ b/src/Components/Footer/Footer.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import { FaGithub, FaLinkedin, FaDev, FaMedium } from 'react-icons/fa';
+import './Footer.scss';
 
 const Footer: React.FC = () => {
   return (

From 2dcd77ecc58707ae8b1e2db0e6816365672b4c1e Mon Sep 17 00:00:00 2001
From: carsonSgit <92652800+carsonSgit@users.noreply.github.com>
Date: Fri, 16 Aug 2024 21:15:45 -0400
Subject: [PATCH 04/11] feat: Styled footer content

---
 src/Components/Footer/Footer.scss | 42 +++++++++++++++++++++++++++++++
 1 file changed, 42 insertions(+)

diff --git a/src/Components/Footer/Footer.scss b/src/Components/Footer/Footer.scss
index e69de29..081a756 100644
--- a/src/Components/Footer/Footer.scss
+++ b/src/Components/Footer/Footer.scss
@@ -0,0 +1,42 @@
+$primary-color: #2af598;
+$secondary-color: #00715f;
+$tertiary-color: #33b072;
+$quaternary-color: #95b9b0;
+$background-color: #262f2aec;
+$text-color: #fafff0;
+$font-color: #a2aa94;
+$hover-color: #ced4da;
+$footer-background-color: darken($background-color, 10%);
+$icon-color: $text-color;
+
+.Footer {
+  background-color: $footer-background-color;
+  padding: 20px;
+  text-align: center;
+  width: 25%;
+  position: relative;
+  left: 50%;
+  transform: translateX(-50%);
+
+  .FooterIcons {
+    display: flex;
+    justify-content: center;
+    gap: 20px;
+    margin-bottom: 10px;
+
+    a {
+      color: $icon-color;
+      font-size: 1.8rem;
+      transition: color 0.3s ease;
+
+      &:hover {
+        color: $primary-color;
+      }
+    }
+  }
+
+  .FooterText {
+    font-size: 0.9rem;
+    color: $font-color;
+  }
+}

From 5a33a68006faed3241777ffee6eb466f5d4ea293 Mon Sep 17 00:00:00 2001
From: carsonSgit <92652800+carsonSgit@users.noreply.github.com>
Date: Fri, 16 Aug 2024 21:18:28 -0400
Subject: [PATCH 05/11] feat: Some cool scss functionality

---
 src/Components/Footer/Footer.scss | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/Components/Footer/Footer.scss b/src/Components/Footer/Footer.scss
index 081a756..40aec43 100644
--- a/src/Components/Footer/Footer.scss
+++ b/src/Components/Footer/Footer.scss
@@ -10,8 +10,10 @@ $footer-background-color: darken($background-color, 10%);
 $icon-color: $text-color;
 
 .Footer {
-  background-color: $footer-background-color;
+  background-color: rgba(darken($footer-background-color,70%), 0.2);
   padding: 20px;
+  margin-bottom: 20px;
+  border-radius: 12px;
   text-align: center;
   width: 25%;
   position: relative;

From c0f1962fb08f68e59c22543aa64b6aad5de0c53a Mon Sep 17 00:00:00 2001
From: carsonSgit <92652800+carsonSgit@users.noreply.github.com>
Date: Fri, 16 Aug 2024 21:22:09 -0400
Subject: [PATCH 06/11] feat: Shadow pop on footer

---
 src/Components/Footer/Footer.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/Components/Footer/Footer.scss b/src/Components/Footer/Footer.scss
index 40aec43..0f513f1 100644
--- a/src/Components/Footer/Footer.scss
+++ b/src/Components/Footer/Footer.scss
@@ -11,6 +11,7 @@ $icon-color: $text-color;
 
 .Footer {
   background-color: rgba(darken($footer-background-color,70%), 0.2);
+  box-shadow: 1px 1px 2px 2px rgba($footer-background-color, 0.5);
   padding: 20px;
   margin-bottom: 20px;
   border-radius: 12px;

From 68dc0a4b77c40944a480de94bfb33a922e65089e Mon Sep 17 00:00:00 2001
From: carsonSgit <92652800+carsonSgit@users.noreply.github.com>
Date: Fri, 16 Aug 2024 21:22:34 -0400
Subject: [PATCH 07/11] feat: Size adjustment

---
 src/Components/Footer/Footer.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Components/Footer/Footer.scss b/src/Components/Footer/Footer.scss
index 0f513f1..490ef27 100644
--- a/src/Components/Footer/Footer.scss
+++ b/src/Components/Footer/Footer.scss
@@ -16,7 +16,7 @@ $icon-color: $text-color;
   margin-bottom: 20px;
   border-radius: 12px;
   text-align: center;
-  width: 25%;
+  width: 15%;
   position: relative;
   left: 50%;
   transform: translateX(-50%);

From 31750f7726f91b4ef3ed0d9c853f705fded73c89 Mon Sep 17 00:00:00 2001
From: carsonSgit <92652800+carsonSgit@users.noreply.github.com>
Date: Fri, 16 Aug 2024 21:25:02 -0400
Subject: [PATCH 08/11] feat: Improved positioning of footer

---
 src/Components/Footer/Footer.scss | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/Components/Footer/Footer.scss b/src/Components/Footer/Footer.scss
index 490ef27..af694df 100644
--- a/src/Components/Footer/Footer.scss
+++ b/src/Components/Footer/Footer.scss
@@ -13,7 +13,8 @@ $icon-color: $text-color;
   background-color: rgba(darken($footer-background-color,70%), 0.2);
   box-shadow: 1px 1px 2px 2px rgba($footer-background-color, 0.5);
   padding: 20px;
-  margin-bottom: 20px;
+  margin-bottom: 30px;
+  margin-top: 30px;
   border-radius: 12px;
   text-align: center;
   width: 15%;

From a42b3ffc410bd885204672f160ae2f4f4f59e846 Mon Sep 17 00:00:00 2001
From: carsonSgit <92652800+carsonSgit@users.noreply.github.com>
Date: Fri, 16 Aug 2024 21:31:28 -0400
Subject: [PATCH 09/11] feat: Better footer styling on mobile

---
 src/Components/Footer/Footer.scss | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/Components/Footer/Footer.scss b/src/Components/Footer/Footer.scss
index af694df..d7d3698 100644
--- a/src/Components/Footer/Footer.scss
+++ b/src/Components/Footer/Footer.scss
@@ -17,16 +17,21 @@ $icon-color: $text-color;
   margin-top: 30px;
   border-radius: 12px;
   text-align: center;
-  width: 15%;
+  width: 45vw;
   position: relative;
   left: 50%;
   transform: translateX(-50%);
 
+  @media (min-width: 768px) {
+    width: 15vw;
+  }
+
   .FooterIcons {
     display: flex;
     justify-content: center;
     gap: 20px;
     margin-bottom: 10px;
+    flex-wrap: wrap;
 
     a {
       color: $icon-color;

From 00ff21dd3d3dec7295f1180c95623972ed68df27 Mon Sep 17 00:00:00 2001
From: carsonSgit <92652800+carsonSgit@users.noreply.github.com>
Date: Fri, 16 Aug 2024 21:34:32 -0400
Subject: [PATCH 10/11] fix: Shrink page height

---
 src/Components/Home/Hero/Hero.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Components/Home/Hero/Hero.scss b/src/Components/Home/Hero/Hero.scss
index 30b7d7e..4a7047c 100644
--- a/src/Components/Home/Hero/Hero.scss
+++ b/src/Components/Home/Hero/Hero.scss
@@ -11,7 +11,7 @@ $font-color: #a2aa94;
 .HeroContainer {
   display: flex;
   flex-direction: column;
-  height: 100vh;
+  height: 90vh;
   color: $text-color;
   overflow: hidden;
 

From dab4efe64860deed0104df19f144e26480f4317d Mon Sep 17 00:00:00 2001
From: carsonSgit <92652800+carsonSgit@users.noreply.github.com>
Date: Fri, 16 Aug 2024 21:36:05 -0400
Subject: [PATCH 11/11] fix: Improve horizontal placement of Hero

---
 src/Components/Home/Hero/Hero.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Components/Home/Hero/Hero.scss b/src/Components/Home/Hero/Hero.scss
index 4a7047c..70a1926 100644
--- a/src/Components/Home/Hero/Hero.scss
+++ b/src/Components/Home/Hero/Hero.scss
@@ -103,7 +103,7 @@ $font-color: #a2aa94;
 
   @media (min-width: 768px) {
     flex: 0 0 55%;
-    margin-left: 50px;
+    margin-left: 150px;
   }
 
   @media (max-width: 768px) {