diff --git a/frontend/.eslintrc.json b/frontend/.eslintrc.json index c42238a..ecb4897 100644 --- a/frontend/.eslintrc.json +++ b/frontend/.eslintrc.json @@ -5,8 +5,8 @@ // "plugin:prettier/recommended" ], "parser": "@typescript-eslint/parser", - "plugins": ["@typescript-eslint"] - // "rules": { + "plugins": ["@typescript-eslint"], + "rules": { // "prettier/prettier": ["error", { "endOfLine": "auto" }] - // } + } } diff --git a/frontend/public/assets/circles_logo.svg b/frontend/public/assets/circles_logo.svg new file mode 100644 index 0000000..1064c35 --- /dev/null +++ b/frontend/public/assets/circles_logo.svg @@ -0,0 +1,74 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/frontend/public/assets/compclub_logo.svg b/frontend/public/assets/compclub_logo.svg new file mode 100644 index 0000000..c3516c1 --- /dev/null +++ b/frontend/public/assets/compclub_logo.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/frontend/public/assets/csesoclearn_logo.svg b/frontend/public/assets/csesoclearn_logo.svg new file mode 100644 index 0000000..d1d4fb7 --- /dev/null +++ b/frontend/public/assets/csesoclearn_logo.svg @@ -0,0 +1,3 @@ + + + diff --git a/frontend/public/assets/csesocmedia_logo.svg b/frontend/public/assets/csesocmedia_logo.svg new file mode 100644 index 0000000..2686f73 --- /dev/null +++ b/frontend/public/assets/csesocmedia_logo.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/frontend/public/assets/enrolmentguide.svg b/frontend/public/assets/enrolmentguide.svg new file mode 100644 index 0000000..74b4113 --- /dev/null +++ b/frontend/public/assets/enrolmentguide.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/frontend/public/assets/firstyearguide.svg b/frontend/public/assets/firstyearguide.svg new file mode 100644 index 0000000..061c3e0 --- /dev/null +++ b/frontend/public/assets/firstyearguide.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/frontend/public/assets/jobsboard_logo.svg b/frontend/public/assets/jobsboard_logo.svg new file mode 100644 index 0000000..1f8cd29 --- /dev/null +++ b/frontend/public/assets/jobsboard_logo.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/frontend/public/assets/notangles_logo.svg b/frontend/public/assets/notangles_logo.svg new file mode 100644 index 0000000..fd38800 --- /dev/null +++ b/frontend/public/assets/notangles_logo.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/frontend/public/assets/structs_logo.svg b/frontend/public/assets/structs_logo.svg new file mode 100644 index 0000000..188e5f6 --- /dev/null +++ b/frontend/public/assets/structs_logo.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/frontend/public/assets/unilectives_logo.svg b/frontend/public/assets/unilectives_logo.svg new file mode 100644 index 0000000..7289821 --- /dev/null +++ b/frontend/public/assets/unilectives_logo.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/frontend/public/data/resourceCards.ts b/frontend/public/data/resourceCards.ts new file mode 100644 index 0000000..abef610 --- /dev/null +++ b/frontend/public/data/resourceCards.ts @@ -0,0 +1,109 @@ +export type resourceCards = { + id: string; + href: string; + svg: string; + alt: string; + title: string; + desc: string; + width: number; + height: number; +}; + +export const stage1: resourceCards[] = [ + { + id: 's1-1', + href: 'https://circles.csesoc.app/course-selector', + svg: '/assets/circles_logo.svg', + alt: 'Circles', + title: 'Circles', + desc: 'A UNSW degree planner where you can explore and validate your degree structure.', + width: 60, + height: 60 + } +]; + +export const stage2: resourceCards[] = [ + { + id: 's2-1', + href: 'https://structs.sh/', + svg: '/assets/structs_logo.svg', + alt: 'Structs.sh', + title: 'Structs.sh', + desc: 'An educational data structures and algorithms platform.', + width: 70, + height: 70 + }, + { + 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 + }, + { + id: 's2-3', + href: 'https://notangles.csesoc.app/', + svg: '/assets/notangles_logo.svg', + alt: 'Notangles', + title: 'Notangles', + desc: 'Trimester timetabling tool - no more timetable tangles!', + width: 70, + height: 70 + }, + { + id: 's2-4', + href: 'https://unilectives.csesoc.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 + } +]; + +export const stage3: resourceCards[] = [ + { + id: 's3-1', + href: 'https://learn.csesoc.org.au/', + svg: '/assets/csesoclearn_logo.svg', + alt: 'CSESoc Learn', + title: 'CSESoc Learn', + desc: 'Your learning outside the classroom starts here', + width: 50, + height: 50 + }, + { + id: 's3-2', + href: 'https://media.csesoc.org.au/', + svg: '/assets/csesocmedia_logo.svg', + alt: 'CSESoc Media', + title: 'CSESoc Media', + desc: 'All things content', + width: 60, + height: 60 + }, + { + id: 's3-3', + href: 'https://media.csesoc.org.au/first-year-guide-2024/', + svg: '/assets/firstyearguide.svg', + alt: 'First Year Guide', + title: 'First Year Guide', + desc: 'The ultimate guide to conquering your first year at CSE', + width: 60, + height: 60 + }, + { + id: 's3-4', + href: 'https://media.csesoc.org.au/cse-enrol/', + svg: '/assets/enrolmentguide.svg', + alt: 'Enrolment Guide', + title: 'Enrolment Guide', + desc: 'Learn how to get a headstart on uni', + width: 60, + height: 60 + } +]; diff --git a/frontend/src/components/ResourcesAndContacts/index.tsx b/frontend/src/components/ResourcesAndContacts/index.tsx index 459abbe..549bcfe 100644 --- a/frontend/src/components/ResourcesAndContacts/index.tsx +++ b/frontend/src/components/ResourcesAndContacts/index.tsx @@ -1,5 +1,6 @@ // import DiscordLogo from "@/public/assets/discord_logo.svg" import Image from 'next/image'; +import { resourceCards, stage1, stage2, stage3 } from '../../../public/data/resourceCards'; const boxStyling = 'border border-[#595F6D] rounded-lg hover:border-[#788093] hover:bg-[#070034] hover:bg-opacity-75 transition-all duration-300'; @@ -20,101 +21,63 @@ const ResourcesAndContacts = () => {
- -

Circles

-

- A UNSW degree planner where you can explore and validate your degree structure. -

- - -

Structs.sh

-

- An educational data structures and algorithms platform. -

- - - -

Jobs Board

-

- A place where CSESoc students can look for relevant job opportunities. -

- - - -

Notangles

- -

- Trimester timetabling tool - no more timetable tangles! -

- - - -

Uni-lectives

- -

- Read course electives to help you pick your electives or even write your own! -

- - - -

CompClub

- -

Promoting computing to high school students

- - - -

CSESoc Media

-

All things content

- - - -

First Year Guide

-

- The ultimate guide to conquering your first year at CSE -

- - - -

Enrolment Guide

-

Learn how to get a headstart on uni

- + {stage1.map((item: resourceCards) => { + return ( + +
+ {item.alt} +
+
+

{item.title}

+

{item.desc}

+
+ + ); + })} + + {stage2.map((item: resourceCards) => { + return ( + +
+ {item.alt} +
+
+

{item.title}

+

{item.desc}

+
+ + ); + })} + + {stage3.map((item: resourceCards) => { + return ( + +
+ {item.alt} +
+
+

{item.title}

+

{item.desc}

+
+ + ); + })}
diff --git a/frontend/src/components/Sponsors/index.tsx b/frontend/src/components/Sponsors/index.tsx index a40b6eb..e31290a 100644 --- a/frontend/src/components/Sponsors/index.tsx +++ b/frontend/src/components/Sponsors/index.tsx @@ -1,4 +1,3 @@ -import Link from 'next/link'; import React from 'react'; import Footer from '@/components/Footer';