From 9de4180a7ca435871aabdadff8268604b87be556 Mon Sep 17 00:00:00 2001
From: Saucy_Salad <andrewbruce222@gmail.com>
Date: Tue, 16 Apr 2024 01:45:05 +1000
Subject: [PATCH 1/4] social media to footer

---
 components/Footer.tsx         | 41 +++++++++++++++++++++-----------
 components/Sponsors/index.tsx | 29 ++---------------------
 pages/index.tsx               |  1 +
 public/data/data.ts           | 44 +++++++++++++++++++++++++++++++++++
 4 files changed, 74 insertions(+), 41 deletions(-)

diff --git a/components/Footer.tsx b/components/Footer.tsx
index 46111f3..28361f2 100644
--- a/components/Footer.tsx
+++ b/components/Footer.tsx
@@ -1,29 +1,42 @@
 import Link from 'next/link';
+//import SponsorLinks from './Sponsors/sponsorlinks';
+import { socialLinks } from '../public/data/data';
 
 const Footer = () => {
   return (
     <section>
-      <div className="sm:flex justify-between">
-        <div className="flex items-center">
-          <img src="assets/csesoc_logo_white.svg" alt="CSESoc Logo" />
-          <Link href="/flag/ollie_is_hiding.png" target="_blank" className="sm:hidden block">
+      <div className="sm:flex justify-between pb-10">
+        <div className="flex flex-col gap-10">
+          <div className="flex items-center">
+            <img src="assets/csesoc_logo_white.svg" alt="CSESoc Logo" />
+            <Link href="/flag/ollie_is_hiding.png" target="_blank" className="sm:hidden block">
+              <img
+                src="/flag/ollie_is_hiding.png"
+                alt="Ollie"
+                draggable="false"
+                width={60}
+                height={60}
+                className="ml-10"
+              />
+            </Link>
             <img
               src="/flag/ollie_is_hiding.png"
               alt="Ollie"
               draggable="false"
               width={60}
               height={60}
-              className="ml-10"
+              className="ml-10 sm:block hidden"
             />
-          </Link>
-          <img
-            src="/flag/ollie_is_hiding.png"
-            alt="Ollie"
-            draggable="false"
-            width={60}
-            height={60}
-            className="ml-10 sm:block hidden"
-          />
+          </div>
+          <div className="grid grid-cols-8 gap-4">
+          {socialLinks.map((item, index) => {
+            return (
+              <a key={index} className="" href={item.href}>
+                <img className="h-4" src={item.src} alt={item.alt} />
+              </a>
+            );
+          })}
+          </div>
         </div>
         <div className="flex flex-col max-w-[14rem] sm:mt-0 mt-10 font-light">
           <p className="mb-6">B03 CSE Building K17, UNSW csesoc@csesoc.org.au</p>
diff --git a/components/Sponsors/index.tsx b/components/Sponsors/index.tsx
index 46190e4..9935fe4 100644
--- a/components/Sponsors/index.tsx
+++ b/components/Sponsors/index.tsx
@@ -1,5 +1,6 @@
 import Link from 'next/link';
 import React from 'react';
+import Footer from '../Footer';
 
 const Sponsors = () => {
   const firstRowBoxesStyling =
@@ -46,33 +47,7 @@ const Sponsors = () => {
           </div>
         </div>
       </div>
-      <div className="sm:flex justify-between">
-        <div className="flex items-center">
-          <img src="assets/csesoc_logo_white.svg" alt="CSESoc Logo" />
-          <Link href="/flag/ollie_is_hiding.png" target="_blank" className="sm:hidden block">
-            <img
-              src="/flag/ollie_is_hiding.png"
-              alt="Ollie"
-              draggable="false"
-              width={60}
-              height={60}
-              className="ml-10"
-            />
-          </Link>
-          <img
-            src="/flag/ollie_is_hiding.png"
-            alt="Ollie"
-            draggable="false"
-            width={60}
-            height={60}
-            className="ml-10 sm:block hidden"
-          />
-        </div>
-        <div className="flex flex-col max-w-[14rem] sm:mt-0 mt-10 font-light">
-          <p className="mb-6">B03 CSE Building K17, UNSW csesoc@csesoc.org.au</p>
-          <p>© 2021 — CSESoc UNSW</p>
-        </div>
-      </div>
+      <Footer />
       <img
         src="assets/sponsors_backdrop.svg"
         alt="Sponsors backdrop"
diff --git a/pages/index.tsx b/pages/index.tsx
index 61f190d..b096f8c 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -3,6 +3,7 @@ import Sponsors from '@/components/Sponsors/index';
 import About from '@/components/About';
 import Event from '@/components/Event';
 import ResourcesAndContacts from '@/components/ResourcesAndContacts';
+import Footer from '@/components/Footer';
 
 export default function Home() {
   return (
diff --git a/public/data/data.ts b/public/data/data.ts
index ced261f..2783b2e 100644
--- a/public/data/data.ts
+++ b/public/data/data.ts
@@ -4,6 +4,12 @@ export type sponsorInfo = {
   alt: string;
 };
 
+export type socialInfo = {
+  href: string;
+  src: string;
+  alt: string;
+};
+
 export const diamondLinks: sponsorInfo[] = [
   {
     href: 'https://www.janestreet.com/',
@@ -102,3 +108,41 @@ export const silverLinks: sponsorInfo[] = [
     alt: 'Canva logo'
   }
 ];
+
+export const socialLinks: socialInfo[] = [
+  {
+    href: 'https://bit.ly/CSESocDiscord',
+    src: 'assets/discord_logo.svg',
+    alt: 'Discord'
+  },
+  {
+    href: 'https://www.facebook.com/csesoc/',
+    src: 'assets/fb_logo.svg',
+    alt: 'Facebook'
+  },
+  {
+    href: 'https://twitter.com/csesoc?lang=en',
+    src: 'assets/x_twitter_icon.svg',
+    alt: 'X/Twitter'
+  },
+  {
+    href: 'https://www.youtube.com/@CSESocUNSW',
+    src: 'assets/youtube_logo.svg',
+    alt: 'Youtube'
+  },
+  {
+    href: 'https://www.instagram.com/csesoc_unsw/?hl=en',
+    src: 'assets/instagram_logo.svg',
+    alt: 'Instagram'
+  },
+  {
+    href: 'https://www.tiktok.com/@csesoc?lang=en',
+    src: 'assets/tiktok_logo.svg',
+    alt: 'TikTok'
+  },
+  {
+    href: 'https://www.linkedin.com/company/csesoc?originalSubdomain=au',
+    src: 'assets/linkedin_logo.svg',
+    alt: 'LinkedIn'
+  }
+];
\ No newline at end of file

From 4c3b5073497356bcfc83a5fe11c0eb5798ed2a62 Mon Sep 17 00:00:00 2001
From: Saucy_Salad <andrewbruce222@gmail.com>
Date: Wed, 17 Apr 2024 17:10:40 +1000
Subject: [PATCH 2/4] run lint fixes

---
 components/Footer.tsx | 14 +++++++-------
 pages/index.tsx       |  1 -
 public/data/data.ts   |  2 +-
 3 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/components/Footer.tsx b/components/Footer.tsx
index 28361f2..2beeb36 100644
--- a/components/Footer.tsx
+++ b/components/Footer.tsx
@@ -29,13 +29,13 @@ const Footer = () => {
             />
           </div>
           <div className="grid grid-cols-8 gap-4">
-          {socialLinks.map((item, index) => {
-            return (
-              <a key={index} className="" href={item.href}>
-                <img className="h-4" src={item.src} alt={item.alt} />
-              </a>
-            );
-          })}
+            {socialLinks.map((item, index) => {
+              return (
+                <a key={index} className="" href={item.href}>
+                  <img className="h-4" src={item.src} alt={item.alt} />
+                </a>
+              );
+            })}
           </div>
         </div>
         <div className="flex flex-col max-w-[14rem] sm:mt-0 mt-10 font-light">
diff --git a/pages/index.tsx b/pages/index.tsx
index b096f8c..61f190d 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -3,7 +3,6 @@ import Sponsors from '@/components/Sponsors/index';
 import About from '@/components/About';
 import Event from '@/components/Event';
 import ResourcesAndContacts from '@/components/ResourcesAndContacts';
-import Footer from '@/components/Footer';
 
 export default function Home() {
   return (
diff --git a/public/data/data.ts b/public/data/data.ts
index 2783b2e..df77c79 100644
--- a/public/data/data.ts
+++ b/public/data/data.ts
@@ -145,4 +145,4 @@ export const socialLinks: socialInfo[] = [
     src: 'assets/linkedin_logo.svg',
     alt: 'LinkedIn'
   }
-];
\ No newline at end of file
+];

From 1bcdea669d3cf02f95d772e5fd80d0dfc6cb7f46 Mon Sep 17 00:00:00 2001
From: Saucy_Salad <andrewbruce222@gmail.com>
Date: Wed, 17 Apr 2024 22:09:09 +1000
Subject: [PATCH 3/4] image scale

---
 components/Footer.tsx | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

diff --git a/components/Footer.tsx b/components/Footer.tsx
index 2beeb36..4583059 100644
--- a/components/Footer.tsx
+++ b/components/Footer.tsx
@@ -1,5 +1,6 @@
 import Link from 'next/link';
 //import SponsorLinks from './Sponsors/sponsorlinks';
+import Image from 'next/image';
 import { socialLinks } from '../public/data/data';
 
 const Footer = () => {
@@ -8,9 +9,9 @@ const Footer = () => {
       <div className="sm:flex justify-between pb-10">
         <div className="flex flex-col gap-10">
           <div className="flex items-center">
-            <img src="assets/csesoc_logo_white.svg" alt="CSESoc Logo" />
+            <Image src="assets/csesoc_logo_white.svg" width={231} height={53} alt="CSESoc Logo" />
             <Link href="/flag/ollie_is_hiding.png" target="_blank" className="sm:hidden block">
-              <img
+              <Image
                 src="/flag/ollie_is_hiding.png"
                 alt="Ollie"
                 draggable="false"
@@ -19,7 +20,7 @@ const Footer = () => {
                 className="ml-10"
               />
             </Link>
-            <img
+            <Image
               src="/flag/ollie_is_hiding.png"
               alt="Ollie"
               draggable="false"
@@ -32,7 +33,13 @@ const Footer = () => {
             {socialLinks.map((item, index) => {
               return (
                 <a key={index} className="" href={item.href}>
-                  <img className="h-4" src={item.src} alt={item.alt} />
+                  <Image
+                    className="h-4 fill-white min-w-full hover:scale-125 transition-all"
+                    src={item.src}
+                    alt={item.alt}
+                    height={0}
+                    width={0}
+                  />
                 </a>
               );
             })}
@@ -43,9 +50,11 @@ const Footer = () => {
           <p>© 2021 — CSESoc UNSW</p>
         </div>
       </div>
-      <img
+      <Image
         src="assets/sponsors_backdrop.svg"
         alt="Sponsors backdrop"
+        height={0}
+        width={0}
         className="absolute bottom-0 left-0 w-screen -z-10"
       />
     </section>

From da9b43829624dde551f582c95ae604f9d98250d5 Mon Sep 17 00:00:00 2001
From: Saucy_Salad <andrewbruce222@gmail.com>
Date: Wed, 17 Apr 2024 22:16:44 +1000
Subject: [PATCH 4/4] remove unnecessary Image

---
 components/Footer.tsx | 13 ++-----------
 1 file changed, 2 insertions(+), 11 deletions(-)

diff --git a/components/Footer.tsx b/components/Footer.tsx
index 4583059..3381512 100644
--- a/components/Footer.tsx
+++ b/components/Footer.tsx
@@ -1,5 +1,4 @@
 import Link from 'next/link';
-//import SponsorLinks from './Sponsors/sponsorlinks';
 import Image from 'next/image';
 import { socialLinks } from '../public/data/data';
 
@@ -9,8 +8,8 @@ const Footer = () => {
       <div className="sm:flex justify-between pb-10">
         <div className="flex flex-col gap-10">
           <div className="flex items-center">
-            <Image src="assets/csesoc_logo_white.svg" width={231} height={53} alt="CSESoc Logo" />
-            <Link href="/flag/ollie_is_hiding.png" target="_blank" className="sm:hidden block">
+            <Link href="/" className="flex">
+              <Image src="assets/csesoc_logo_white.svg" width={231} height={53} alt="CSESoc Logo" />
               <Image
                 src="/flag/ollie_is_hiding.png"
                 alt="Ollie"
@@ -20,14 +19,6 @@ const Footer = () => {
                 className="ml-10"
               />
             </Link>
-            <Image
-              src="/flag/ollie_is_hiding.png"
-              alt="Ollie"
-              draggable="false"
-              width={60}
-              height={60}
-              className="ml-10 sm:block hidden"
-            />
           </div>
           <div className="grid grid-cols-8 gap-4">
             {socialLinks.map((item, index) => {