Merge branch 'master' of github.com:csesoc/csesoc-website-2023 into CW2-59-Sponsors

Author: Domin0de

frontend/public/assets/tiktok_logo_footer.svg

@@ -32,7 +32,7 @@ export const socialLinks: socialInfo[] = [
   },
   {
     href: 'https://www.tiktok.com/@csesoc?lang=en',
-    src: '/assets/tiktok_logo.svg',
+    src: '/assets/tiktok_logo_footer.svg',
     alt: 'TikTok'
   },
   {

frontend/public/data/socialInfos.ts

@@ -82,13 +82,6 @@ export const silverLinks: sponsorInfo[] = [
     description:
       'Flow Traders is a proprietary trading firm. A market maker, it provides liquidity in the securities market by using high frequency and quantitative trading strategies'
   },
-  {
-    href: 'https://www.jds.net.au/',
-    svg: '/assets/jds_logo.svg',
-    alt: 'jds logo',
-    description:
-      'JDS Australia delivers specialist services in a set of technologies and capabilities that ensure critical IT systems work'
-  },
   {
     href: 'https://www.jds.net.au/',
     svg: '/assets/jds_logo.svg',

frontend/public/data/sponsorInfos.ts

@@ -3,7 +3,7 @@ import Spline from '@splinetool/react-spline';
 const Background = () => {
   return (
     <Spline
-      className="absolute "
+      className="absolute"
       scene="https://prod.spline.design/thPGkOvNXu8XjGlk/scene.splinecode"
     />
   );

frontend/src/components/Background.tsx

@@ -20,7 +20,13 @@ const Landing = () => {
             <p>{'<h2>'}</p>
             <h2 className="font-bold 2xl:text-3xl text-xl">
               We are the principal representative body for{' '}
-              <span className="text-[#3977F9]">UNSW computing</span> students.
+              <a href="https://www.unsw.edu.au/engineering/our-schools/computer-science-and-engineering"
+                 target = "_blank"
+                 className="text-[#3977F9] relative after:bg-current after:absolute after:h-1 after:w-0 after:bottom-0 after:left-0 hover:after:w-full after:duration-200"
+              >
+                UNSW computing
+              </a>
+              {' '}students.
             </h2>
             <p>{'</h2>'}</p>
           </div>

frontend/src/components/Landing/index.tsx

@@ -46,7 +46,7 @@ export default function SponsorsPage() {
                 }}
               />
             )}
-            <div className="flex flex-wrap rounded-[1rem] px-14 py-10 gap-16 justify-center rounded border border-[#595F6D] my-10">
+            <div className="flex flex-wrap rounded-[1rem] px-14 py-10 mb-14 gap-16 justify-center rounded border-2 border-[#595F6D] my-10">
               {diamondLinks.map((item, index) => {
                 return (
                   <div
@@ -65,7 +65,7 @@ export default function SponsorsPage() {
         </div>
         <h2 className="text-4xl font-black text-center font-bold">Gold Sponsors</h2>
         <div>
-          <div className="flex flex-wrap rounded-[1rem] px-14 py-10 gap-16 justify-evenly rounded border border-[#595F6D] my-10">
+          <div className="flex flex-wrap rounded-[1rem] px-14 py-10 mb-14 gap-16 justify-evenly rounded border-2 border-[#595F6D] my-10">
             {goldLinks.map((item, index) => {
               return (
                 <div
@@ -83,7 +83,7 @@ export default function SponsorsPage() {
         </div>
         <h2 className="text-4xl font-black text-center font-bold">Silver Sponsors</h2>
         <div>
-          <div className="flex flex-wrap rounded-[1rem] px-14 py-10 gap-16 justify-evenly rounded border border-[#595F6D] mt-10">
+          <div className="flex flex-wrap rounded-[1rem] px-14 py-10 mb-14 gap-16 justify-evenly rounded border-2 border-[#595F6D] mt-10">
             {silverLinks.map((item, index) => {
               return (
                 <div

frontend/src/pages/sponsors.tsx

@@ -27,7 +27,7 @@ body {
 }
 
 .hover-animate:hover {
-  transform: scale(1.01);
+  transform: scale(1.03);
 }
 
 .sponsor-item {