From 564881793e216946d2a26069291f4005e936d1c8 Mon Sep 17 00:00:00 2001
From: Ashwani <rajivkamal.im421@gmail.com>
Date: Wed, 8 Dec 2021 15:54:02 +0530
Subject: [PATCH 1/3] fixed npm issue

---
 src/components/footer.js | 138 ++++++++++++++++++++++++++++++++++++++-
 src/styles/_footer.scss  |  56 +++++++++++++++-
 2 files changed, 192 insertions(+), 2 deletions(-)

diff --git a/src/components/footer.js b/src/components/footer.js
index 67e275b..e6ab8cd 100644
--- a/src/components/footer.js
+++ b/src/components/footer.js
@@ -1,7 +1,143 @@
 const Footer = () => {
   return (
     <div className="footer">
-      <div>
+      <nav>
+        <div className="footer-column">
+
+          <h3>QUICK LINKS</h3>
+          <ul>
+            <li>
+              <a
+                target="_blank"
+                rel="noreferrer noopener"
+                href="http://www.iitkgp.ac.in/">
+                IIT Kharagpur
+              </a>
+            </li>
+            <li>
+              <a
+                target="_blank"
+                rel="noreferrer noopener"
+                href="http://erp.iitkgp.ac.in/">
+                ERP Portal
+              </a>
+            </li>
+            <li>
+              <a
+                target="_blank"
+                rel="noreferrer noopener"
+                href="https://gymkhana.iitkgp.ac.in/">
+                TSG Website
+              </a>
+            </li>
+          </ul>
+        </div>
+
+        <div className="footer-column">
+          <h3>RESOURCES</h3>
+          <ul>
+            <li>
+              <a
+                target="_blank"
+                rel="noreferrer noopener" 
+                href="https://wiki.metakgp.org/w/Main_Page"> 
+                MetaKGP
+              </a>
+            </li>
+          </ul>
+        </div>
+
+        <div className="footer-column">
+          <h3>COMMUNITY</h3>
+          <ul>
+            <li>
+              <a
+                target="_blank"
+                rel="noreferrer noopener" 
+                href="https://github.com/tsg-iitkgp">
+                GitHub
+              </a>
+            </li>
+            <li>
+              <a
+                target="_blank"
+                rel="noreferrer noopener" 
+                href="https://www.youtube.com/c/TechologyStudentsGymkhanaIITKharagpur">
+                YouTube
+              </a>
+            </li>
+            <li>
+              <a
+                target="_blank"
+                rel="noreferrer noopener" 
+                href="https://www.facebook.com/TSG.IITKharagpur/">
+                Facebook
+              </a>
+            </li>
+          </ul>
+          
+        </div>
+        <div className="footer-column">
+          <h3>QUICK INFO</h3>
+          <ul>
+            <li>
+              <a
+                //target="_blank"
+                //rel="noreferrer noopener"
+                href="/#">
+                CDC Stats
+              </a>
+            </li>
+            <li>
+              <a
+                //target="_blank"
+                //rel="noreferrer noopener"
+                href="/#">
+                Hall of Residence
+              </a>
+            </li>
+            <li>
+              <a
+                //target="_blank"
+                //rel="noreferrer noopener"
+                href="/#">
+                Faculty
+              </a>
+            </li>
+          </ul>
+          
+        </div>
+        <div className="footer-column">
+          <h3>TSG</h3>
+          <ul>
+            <li>
+              <a
+                //target="_blank"
+                //rel="noreferrer noopener"
+                href="/#">
+                Office Bearers
+              </a>
+            </li>
+            <li>
+              <a
+                //target="_blank"
+                //rel="noreferrer noopener"
+                href="/#">
+                Office Staff
+              </a>
+            </li>
+            <li>
+              <a
+                //target="_blank"
+                //rel="noreferrer noopener"
+                href="/#">
+                Secreteries
+              </a>
+            </li>
+          </ul>
+        </div>
+      </nav>
+      <div className="footer-title">
         Made for Technology Students’ Gymkhana by the Students of IIT Kharagpur.
       </div>
     </div>
diff --git a/src/styles/_footer.scss b/src/styles/_footer.scss
index 3b28f73..ef1bec4 100644
--- a/src/styles/_footer.scss
+++ b/src/styles/_footer.scss
@@ -8,6 +8,60 @@
 
   div {
     margin: 1rem 0.5rem;
-    text-align: center;
+    //text-align: center;
+  }
+  
+  nav {
+    width: 50rem;
+    display: flex;
+    justify-content: space-between;
+    margin: 2rem 0;
+    font-size: 0.9rem;
+
+    .footer-column {
+      margin: 0 1rem;
+      h3 {
+        font-weight: bold;
+        font-size: 0.9rem;
+      }
+
+      ul {
+        list-style-type: none;
+        padding: 0;
+        margin-top: 1.2rem;
+
+        li {
+          padding-bottom: 0.8rem;
+
+          a {
+            display: block;
+            color: inherit;
+            text-decoration: none;
+
+            &:hover {
+              color: $text-secondary-color;
+            }
+          }
+        }
+      }
+    }
+  }
+
+  @include sm {
+    nav {
+      flex-direction: column;
+      text-align: center;
+      width: 80vw;
+    }
+  }
+
+  @include md {
+    nav {
+      width: 80vw;
+      justify-content: space-evenly;
+    }
+  }
+  &-title {
+    color: $text-secondary-color;
   }
 }

From cbabec5e0157b979157290bc0da39921b620956c Mon Sep 17 00:00:00 2001
From: Ashwani <rajivkamal.im421@gmail.com>
Date: Wed, 8 Dec 2021 16:47:20 +0530
Subject: [PATCH 2/3] fixed responsiveness

---
 src/styles/_footer.scss | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/src/styles/_footer.scss b/src/styles/_footer.scss
index ef1bec4..4f277aa 100644
--- a/src/styles/_footer.scss
+++ b/src/styles/_footer.scss
@@ -50,15 +50,30 @@
   @include sm {
     nav {
       flex-direction: column;
-      text-align: center;
+      //text-align: center;
       width: 80vw;
+      height: 300px;
+      justify-content: flex-start;
+      flex-wrap: wrap;
+      .footer-column {
+        box-sizing: border-box;
+        max-width: 30%;
+      }
     }
   }
 
   @include md {
     nav {
+      flex-direction: column;
+      //text-align: center;
       width: 80vw;
-      justify-content: space-evenly;
+      justify-content: flex-start;
+      height: 300px;
+      flex-wrap: wrap;
+      .footer-column {
+        box-sizing: border-box;
+        max-width: 30%;
+      }
     }
   }
   &-title {

From c15b3fc21a45140f5bbc0953031d2f1f9b0680f9 Mon Sep 17 00:00:00 2001
From: Ashwani <rajivkamal.im421@gmail.com>
Date: Wed, 8 Dec 2021 17:11:18 +0530
Subject: [PATCH 3/3] fixed footer item alignment

---
 src/styles/_footer.scss | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/styles/_footer.scss b/src/styles/_footer.scss
index 4f277aa..c6f3329 100644
--- a/src/styles/_footer.scss
+++ b/src/styles/_footer.scss
@@ -8,7 +8,6 @@
 
   div {
     margin: 1rem 0.5rem;
-    //text-align: center;
   }
   
   nav {
@@ -50,8 +49,8 @@
   @include sm {
     nav {
       flex-direction: column;
-      //text-align: center;
-      width: 80vw;
+      text-align: center;
+      width: 100vw;
       height: 300px;
       justify-content: flex-start;
       flex-wrap: wrap;
@@ -65,8 +64,8 @@
   @include md {
     nav {
       flex-direction: column;
-      //text-align: center;
-      width: 80vw;
+      text-align: center;
+      width: 100vw;
       justify-content: flex-start;
       height: 300px;
       flex-wrap: wrap;