diff --git a/src/data/committee.js b/src/data/committee.js index 1a10536..4d31c3c 100644 --- a/src/data/committee.js +++ b/src/data/committee.js @@ -1,182 +1,161 @@ const committee = { categories: [ { - title: 'Leadership', + title: 'Core Leadership', members: [ { - name: 'Charlene Chen', + name: 'Yash Narain', position: 'President', - image: 'charlene_chen.jpg', - course: 'MEng Robotics and AI (3rd year)', - // ai_concept: 'AI beamforming in space! 🚀', - // fact: 'I used to be a clarinet soloist in my school orchestra!', + image: 'Yash Narain.png', + linkedin: 'https://www.linkedin.com/in/yash-narain', + course: 'Computer Science and Philosophy', + year: '2nd year', }, { - name: 'Danila Kozlov', + name: 'Amélie Romano', position: 'Vice-President', - image: 'danila_kozlov.jpeg', - course: 'MEng Robotics and AI (3rd year)', - ai_concept: '', - fact: '', + image: 'Amelie.jpeg', + linkedin: 'https://www.linkedin.com/in/amelieromanogonzalez/', + course: 'History, Politics & Economics', + year: '2nd year', }, { - name: 'Migle Jauniskyte', + name: 'Xavier Parker', position: 'Treasurer', - image: 'migle_jauniskyte.jpg', - course: 'BASc Sciences and Engineering (3rd year)', - ai_concept: '', - fact: '', + image: 'Xavier Parker.jpeg', + linkedin: 'https://www.linkedin.com/in/xavier-parker1', + course: 'Robotics and AI', + year: '3rd year', }, { - name: 'James Loke', + name: 'Eesha Mashruwala', position: 'Head of Operations', - image: 'james_loke.jpeg', - course: 'BSC Computer Science (2nd year)', - ai_concept: '', - fact: '', - }, - { - name: 'Kostas Demiris', - position: 'Welfare Officer', - image: 'kostas_demiris.webp', - course: 'MEng Computer Science (3rd year)', - ai_concept: '', - fact: '', + image: 'Eesha Mashruwala.jpg', + linkedin: 'https://www.linkedin.com/in/eesha-mashruwala', + course: 'Robotics and AI', + year: '3rd year', }, ], }, { - title: 'Content', + title: 'Nexus Labs Leads', members: [ { - name: 'Rivan Chanian', - position: 'Head of Content', - image: 'rivan_chanian.jpg', - course: 'MEng Mathematical Computation (3rd year)', - ai_concept: '', - fact: '', + name: 'Edwin Redhead', + position: 'Director of Nexus Labs', + image: 'Edwin Redhead.jpg', + linkedin: 'https://www.linkedin.com/in/edwin-redhead/', + course: 'Robotics and AI', + year: '3rd year', }, - // { - // name: 'Rivan Chanian', - // position: 'Content Executive', - // image: 'rivan_chanian.jpg', - // course: 'MEng Mathematical Computation (2nd Year)', - // ai_concept: '', - // fact: '', - // }, - // { - // name: 'Sofiya Flenova', - // position: 'Content Executive', - // image: 'sofiya_flenova.jpeg', - // course: 'MEng Robotics and AI (1st Year)', - // ai_concept: '', - // fact: '', - // }, - // { - // name: 'Charlie Harrison', - // position: 'Content Executive', - // image: 'charlie_harrison.jpg', - // course: 'BSc Philosophy, Politics and Economics (2nd year)', - // ai_concept: '(Aligned) Large Language Models.', - // fact: 'I spent 4 months living at a Buddhist temple.', - // }, - ], - }, - { - title: 'Development', - members: [ { - name: 'Xavier parker', - position: 'Head of Development', - image: 'xavier_parker.jpeg', - course: 'MEng Robotics and AI (2nd year)', - ai_concept: '', - fact: '', - }, - + name: 'Aryan Rishi', + position: 'Head of Nexus Labs', + image: 'Aryan.jpeg', + linkedin: 'https://www.linkedin.com/in/aryan-rishi', + course: 'Robotics and AI', + year: '3rd year', + }, ], }, { - title: 'Events', + title: 'Events & Socials', members: [ { - name: 'Jeson Ramesh Selvakumar', + name: 'Kanz Maj', position: 'Head of Events', - image: 'jeson_selvakumar.jpeg', - course: 'MEng Robotics and AI (2nd year)', - ai_concept: '', - fact: '', + image: 'Kanz Maj.jpeg', + linkedin: 'https://www.linkedin.com/in/kanz-majdalawi', + course: 'History, Politics & Economics', + year: '3rd year', + }, + { + name: 'Claudia Pipis', + position: 'Social Secretary', + image: 'Claudia Pipis.jpg', + linkedin: 'https://www.linkedin.com/in/claudia-pipis-48b139248', + course: 'Arts and Sciences', + year: '2nd year', + }, + { + name: 'Audrey Leo', + position: 'Head of Marketing & Design', + image: 'Audrey.jpeg', + linkedin: 'https://www.linkedin.com/in/audrey17leo/', + course: 'Art and Technology', + year: '2nd year', }, ], }, - // { - // title: 'Journal Club', - // members: [ - // { - // name: 'Ariana Stidham', - // position: 'Head of Journal Club', - // image: 'ariana_stidham.jpg', - // course: 'MEng Robotics and AI (2nd Year)', - // }, - // ], - // }, { - title: 'Marketing', + title: 'External Relations & Industry', members: [ { - name: 'Bernardo Awtani', - position: 'Head of Marketing', - image: 'bernardo_awtani.jpeg', - course: 'MEng Electronic and Electrical Engineering (4th year)', + name: 'Ashmit Mishra', + position: 'Head of Sponsorship & Content', + image: 'Ashmit Mishra.jpeg', + linkedin: 'https://www.linkedin.com/in/ashmit-mishra-4ab8bb243/', + course: 'History, Politics & Economics', + year: '2nd year', }, { - name: 'Linnea Loserius', - position: 'Head of Sponsership', - image: 'linnea_loserius.jpeg', - course: 'BSC Computer Science (2nd year)', + name: 'Chelsea Semou', + position: 'Head of Outreach', + image: 'Chelsea S.jpeg', + linkedin: 'https://www.linkedin.com/in/chelseasemou/', + course: 'Information Management', + year: '2nd year', } ], }, { - title: 'Nexus Labs', + title: 'Startups & Opportunities', members: [ { - name: 'Edwin Redhead', - position: 'Co-lead Nexus Labs', - image: 'edwin.jpg', - course: 'MEng Robotics and AI (2nd year)', + name: 'Shakeel Majeed', + position: 'Head of Startups', + image: 'Shakeel Majeed.jpeg', + linkedin: 'https://linkedin.com/in/shakeel-majeed', + course: 'Management Science', + year: '3rd year', }, + ], + }, + { + title: 'Education & Tutorials', + members: [ { - name: 'Aiden (Yiliu) Li,', - position: 'Co-lead Nexus Labs', - image: 'aiden.jpeg', - course: 'BSc Comp Sci (3rd year)', + name: 'Noah Pigott', + position: 'Head of Tutorials', + image: 'Noah.jpeg', + linkedin: 'https://www.linkedin.com/in/noah-pigott-370a27387', + course: 'Robotics and AI', + year: '2nd year', }, + { + name: 'Lakshaya Navaneetham', + position: 'Machine Learning Officer', + image: 'Lakshaya Navaneetham.jpg', + linkedin: 'https://www.linkedin.com/in/lakshaya-navaneetham-422a5432b/', + course: 'Robotics and AI', + year: '3rd year', + } ], }, - // { - // title: 'Outreach', - // members: [ - // { - // name: 'Linnea Loserius', - // position: 'Head of Outreach', - // image: 'linnea_loserius.jpeg', - // course: 'BSC Computer Science (2nd year)', - // }, - // ], - // }, { - title: 'Tutorials', + title: 'Technology & Development', members: [ { - name: 'Wana', - position: 'Head of Tutorials', - image: 'wana.jpeg', - course: 'BSC Information Management (3rd year)', + name: 'Danial Faris', + position: 'Head of Development', + image: 'Danial Faris.jpeg', + linkedin: 'https://www.linkedin.com/in/danial-faris-bin-azmi-694258334', + course: 'Computer Science', + year: '3rd year', }, ], }, ], } -export default committee +export default committee \ No newline at end of file diff --git a/src/pages/about-us.js b/src/pages/about-us.js index 664f0ed..f4a3e18 100644 --- a/src/pages/about-us.js +++ b/src/pages/about-us.js @@ -27,12 +27,18 @@ export default function Home() { )}
-

{member.name}

+

{member.name}

{member.position}

{member.course && ( <> Course: {member.course} + {member.year && ( + <> +
+ {member.year} + + )}
)} @@ -50,6 +56,25 @@ export default function Home() { )}

+ {member.linkedin && ( + + + LinkedIn + + )}
))} @@ -60,4 +85,4 @@ export default function Home() { ) -} +} \ No newline at end of file diff --git a/src/pages/about-us.module.scss b/src/pages/about-us.module.scss index 101f2ba..250720f 100644 --- a/src/pages/about-us.module.scss +++ b/src/pages/about-us.module.scss @@ -1,6 +1,6 @@ .main { background-color: #1B1B1B; - padding-bottom: 2rem; + padding: 0 5vw 2rem 5vw; z-index: 0; h1, @@ -11,7 +11,7 @@ .pageTitle { font-size: 4rem; - margin: 3rem 0 4rem 0; + margin: 3rem 0 0 0; } @keyframes committee-background-pulse { @@ -21,27 +21,29 @@ } .team { - $group-colours: #5313DB, - #F72585, - #00B75F, - #E67E22, - #30A292, - #ee5253; + $group-colours: + #6366F1, /* Core Executive: Indigo */ + #EC4899, /* Events & Socials: Pink */ + #14B8A6, /* External Relations: Turquoise */ + #3B82F6, /* Nexus Labs & Research: Bright Blue */ + #10B981, /* Education & Tutorials: Emerald */ + #F59E0B, /* Technology & Development: Amber */ + #8B5CF6; /* Marketing & Design: Violet */ @for $i from 1 through length($group-colours) { $colour: nth($group-colours, $i); - &:nth-child(#{length($group-colours)}n + #{$i}) { + &:nth-of-type(#{length($group-colours)}n + #{$i}) { --group-colour: #{$colour}; - --group-colour-alt-1: #{adjust-hue($colour, 30deg)}; - --group-colour-alt-2: #{adjust-hue($colour, 60deg)}; + --group-colour-alt-1: #{adjust-hue($colour, 15deg)}; + --group-colour-alt-2: #{darken($colour, 15%)}; } } } .teamName { - margin: 2rem 0 1.5rem 0; - font-size: 2rem; + margin: 5rem 0 1.5rem 0; + font-size: 2.5rem; &::after { content: ' '; @@ -54,7 +56,7 @@ border-radius: 1px; background: linear-gradient(50deg, var(--group-colour) 10%, var(--group-colour-alt-1) 50%, var(--group-colour-alt-2) 80%); - animation: 5s ease-in-out 0s infinite alternate committee-background-pulse; + animation: 1.5s ease-in-out 0s infinite alternate committee-background-pulse; background-size: 300% 300%; } } @@ -89,7 +91,7 @@ z-index: -1; background: linear-gradient(45deg, var(--group-colour) 20%, var(--group-colour-alt-1) 60%, var(--group-colour-alt-2) 80%); - animation: 5s ease-in-out 0s infinite alternate committee-background-pulse; + animation: 1.5s ease-in-out 0s infinite alternate committee-background-pulse; background-size: 300% 300%; } } @@ -107,7 +109,7 @@ img { max-width: 100%; object-fit: cover; - aspect-ratio: 1 / 1; + aspect-ratio: 4 / 5; width: 100%; height: 100%; @@ -129,4 +131,31 @@ p { margin: 0; } + h2 { + color: rgb(28, 30, 33); + } } + +.linkedinLink { + display: inline-flex; + align-items: center; + gap: 0.4rem; + + margin-top: 1rem; + padding: 0.35rem 0.85rem; + border-radius: 999px; + + font-size: 0.85rem; + font-weight: 600; + text-decoration: none; + + color: #0a66c2; + background-color: rgba(10, 102, 194, 0.1); + transition: background-color 0.2s ease, color 0.2s ease; + + &:hover, + &:focus-visible { + color: #fff; + background-color: #0a66c2; + } +} \ No newline at end of file diff --git a/static/img/committee/Amelie.jpeg b/static/img/committee/Amelie.jpeg new file mode 100644 index 0000000..e12b778 Binary files /dev/null and b/static/img/committee/Amelie.jpeg differ diff --git a/static/img/committee/Aryan.jpeg b/static/img/committee/Aryan.jpeg new file mode 100644 index 0000000..27160e1 Binary files /dev/null and b/static/img/committee/Aryan.jpeg differ diff --git a/static/img/committee/Ashmit Mishra.jpeg b/static/img/committee/Ashmit Mishra.jpeg new file mode 100644 index 0000000..328512c Binary files /dev/null and b/static/img/committee/Ashmit Mishra.jpeg differ diff --git a/static/img/committee/Audrey.jpeg b/static/img/committee/Audrey.jpeg new file mode 100644 index 0000000..11e6950 Binary files /dev/null and b/static/img/committee/Audrey.jpeg differ diff --git a/static/img/committee/Chelsea S.jpeg b/static/img/committee/Chelsea S.jpeg new file mode 100644 index 0000000..0597cf1 Binary files /dev/null and b/static/img/committee/Chelsea S.jpeg differ diff --git a/static/img/committee/Claudia Pipis.jpg b/static/img/committee/Claudia Pipis.jpg new file mode 100644 index 0000000..b616bde Binary files /dev/null and b/static/img/committee/Claudia Pipis.jpg differ diff --git a/static/img/committee/Danial Faris.jpeg b/static/img/committee/Danial Faris.jpeg new file mode 100644 index 0000000..8589f72 Binary files /dev/null and b/static/img/committee/Danial Faris.jpeg differ diff --git a/static/img/committee/Edwin Redhead.jpg b/static/img/committee/Edwin Redhead.jpg new file mode 100644 index 0000000..f0e3680 Binary files /dev/null and b/static/img/committee/Edwin Redhead.jpg differ diff --git a/static/img/committee/Eesha Mashruwala.jpg b/static/img/committee/Eesha Mashruwala.jpg new file mode 100644 index 0000000..a476912 Binary files /dev/null and b/static/img/committee/Eesha Mashruwala.jpg differ diff --git a/static/img/committee/Kanz Maj.jpeg b/static/img/committee/Kanz Maj.jpeg new file mode 100644 index 0000000..282630c Binary files /dev/null and b/static/img/committee/Kanz Maj.jpeg differ diff --git a/static/img/committee/Lakshaya Navaneetham.jpg b/static/img/committee/Lakshaya Navaneetham.jpg new file mode 100644 index 0000000..471d4f9 Binary files /dev/null and b/static/img/committee/Lakshaya Navaneetham.jpg differ diff --git a/static/img/committee/Noah.jpeg b/static/img/committee/Noah.jpeg new file mode 100644 index 0000000..f8d27dc Binary files /dev/null and b/static/img/committee/Noah.jpeg differ diff --git a/static/img/committee/Shakeel Majeed.jpeg b/static/img/committee/Shakeel Majeed.jpeg new file mode 100644 index 0000000..b21e8e4 Binary files /dev/null and b/static/img/committee/Shakeel Majeed.jpeg differ diff --git a/static/img/committee/Xavier Parker.jpeg b/static/img/committee/Xavier Parker.jpeg new file mode 100644 index 0000000..6af9029 Binary files /dev/null and b/static/img/committee/Xavier Parker.jpeg differ diff --git a/static/img/committee/Yash Narain.png b/static/img/committee/Yash Narain.png new file mode 100644 index 0000000..9191046 Binary files /dev/null and b/static/img/committee/Yash Narain.png differ