[CW2-39] Updates to Resources Page

frontend/public/data/resourceCards.ts

@@ -12,7 +12,7 @@ export type resourceCards = {
 export const stage1: resourceCards[] = [
   {
     id: 's1-1',
-    href: 'https://circles.csesoc.app/course-selector',
+    href: 'https://circles.devsoc.app/',
     svg: '/assets/circles_logo.svg',
     alt: 'Circles',
     title: 'Circles',
@@ -35,17 +35,17 @@ export const stage2: resourceCards[] = [
   },
   {
     id: 's2-2',
-    href: 'https://jobsboard.csesoc.unsw.edu.au/',
-    svg: '/assets/jobsboard_logo.svg',
-    alt: 'JobsBoard',
-    title: 'Jobs Board',
-    desc: 'A place where CSESoc students can look for relevant job opportunities.',
-    width: 60,
-    height: 60
+    href: 'https://freerooms.devsoc.app/',
+    svg: '/assets/freerooms_logo.svg',
+    alt: 'Freerooms',
+    title: 'Freerooms',
+    desc: 'A tool for browsing rooms and timetable schedules on campus.',
+    width: 70,
+    height: 70
   },
   {
     id: 's2-3',
-    href: 'https://notangles.csesoc.app/',
+    href: 'https://notangles.devsoc.app/',
     svg: '/assets/notangles_logo.svg',
     alt: 'Notangles',
     title: 'Notangles',
@@ -55,13 +55,13 @@ export const stage2: resourceCards[] = [
   },
   {
     id: 's2-4',
-    href: 'https://unilectives.csesoc.app/',
+    href: 'https://unilectives.devsoc.app/',
     svg: '/assets/unilectives_logo.svg',
-    alt: 'Uni-lectives',
-    title: 'Uni-lectives',
-    desc: 'Read course electives to help you pick your electives or even write your own!',
-    width: 80,
-    height: 80
+    alt: 'Unilectives',
+    title: 'Unilectives',
+    desc: 'Read course reviews to help you pick your electives or even write your own!',
+    width: 70,
+    height: 70
   }
 ];
 

frontend/public/data/socialInfos.ts

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

frontend/src/components/Contacts/index.tsx

@@ -1,6 +1,6 @@
 import Image from 'next/image';
 
 const boxStyling =
   'border border-[#595F6D] rounded-lg hover:border-[#788093] hover:bg-[#070034] hover:bg-opacity-75 transition-all duration-300';
 const socialsBoxStyling =
   'xl:col-span-1 col-span-3 flex justify-center pt-2 pb-2 border border-[#595F6D] hover:border-[#788093] rounded-lg hover:bg-[#070034] hover:bg-opacity-75 transition-all duration-300';
@@ -79,7 +79,7 @@
       </a>
       <a href="https://www.tiktok.com/@csesoc?lang=en" target="_blank">
         <Image
-          src="assets/tiktok_logo.svg"
+          src="assets/tiktok_logo_no_text.svg"
           alt="TikTok"
           width={35}
           height={35}

frontend/src/pages/resources.tsx

@@ -23,7 +23,7 @@ export default function ResourcesPage() {
                 alt="CSESoc Logo"
                 width={100}
                 height={100}
-                className="pl-2"
+                className="pl-2 transform transition-transform duration-300 hover:scale-105"
               />
             </div>
 
@@ -58,16 +58,14 @@ export default function ResourcesPage() {
             </div>
 
             <a href="https://devsoc.app/" target="_blank" rel="noopener noreferrer">
-              <div
-                className={`flex grow-on-hover cursor-pointer transform transition-transform duration-300 hover:scale-105`}
-              >
+              <div className="flex">
                 <span className="text-lg">Made by</span>
                 <Image
                   src="/assets/devsoc_logo.svg"
                   alt="DevSoc Logo"
                   width={110}
                   height={110}
-                  className="pl-1"
+                  className="pl-1 transform transition-transform duration-300 hover:scale-105"
                 />
               </div>
             </a>