From c265fc0b8c38751ae3cc2b3ae9864b6330f0bb03 Mon Sep 17 00:00:00 2001
From: zz3188
Date: Fri, 10 Apr 2026 22:06:57 -0400
Subject: [PATCH 1/3] Updated member profiles
---
app/about/page.tsx | 77 +++++++++++++++++++++++++++++++++++++++++++++-
1 file changed, 76 insertions(+), 1 deletion(-)
diff --git a/app/about/page.tsx b/app/about/page.tsx
index 264d9e7..b60be8b 100644
--- a/app/about/page.tsx
+++ b/app/about/page.tsx
@@ -13,6 +13,7 @@ interface member {
imgSrc: string;
socials: {
linkedin: string;
+ github?: string;
};
}
@@ -53,6 +54,18 @@ const LinkedinIcon = () => (
);
+const GitHubIcon = () => (
+
+
+
+);
+
// Team data organized for easier management
const teamLeads: member[] = [
{
@@ -62,12 +75,52 @@ const teamLeads: member[] = [
imgSrc: 'https://i.imgur.com/zDqurNZ.jpeg',
socials: {
linkedin: 'https://www.linkedin.com/in/jennyfan04/',
+ github: 'https://github.com/jfmath04',
+ },
+ },
+ {
+ name: 'Zhao Song Zhou',
+ role: 'Team Lead',
+ year: '2025 - 2026',
+ imgSrc: 'https://i.imgur.com/JeUh9dc.jpeg',
+ socials: {
+ linkedin: 'https://www.linkedin.com/in/zhao-song-zhou/',
+ github: 'https://github.com/ZhaoSongZh7',
+ },
+ },
+ {
+ name: 'Alvin Sze',
+ role: 'Team Lead',
+ year: '2025 - 2026',
+ imgSrc: 'https://i.imgur.com/mZy9kzp.jpeg',
+ socials: {
+ linkedin: 'https://www.linkedin.com/in/alvinsze/',
+ github: 'https://github.com/asze17',
},
},
];
const teamMembers: member[] = [
- // Add your name, role, and image here!
+ {
+ name: 'Allison Lee',
+ role: 'Product Manager',
+ year: '',
+ imgSrc: 'https://i.imgur.com/3SPqM7z.jpeg',
+ socials: {
+ linkedin: 'https://www.linkedin.com/in/allisonelee/',
+ github: 'https://github.com/allisonelee',
+ },
+ },
+ {
+ name: 'Christal Chen',
+ role: 'Software Engineer',
+ year: '',
+ imgSrc: 'https://i.imgur.com/ZshQ3Fj.jpeg',
+ socials: {
+ linkedin: 'https://www.linkedin.com/in/christalchen/',
+ github: 'https://github.com/12chenec',
+ },
+ },
];
const pastLeadership: member[] = [
@@ -78,6 +131,7 @@ const pastLeadership: member[] = [
imgSrc: 'https://i.imgur.com/kUbzXL9.png',
socials: {
linkedin: 'https://www.linkedin.com/in/spencer-doyle3/',
+ github: 'https://github.com/Spencer04Hire',
},
},
];
@@ -179,6 +233,13 @@ export function App() {
{lead.role}
+ {lead.socials.github ? (
+
+
+
+ ) : null}
@@ -221,6 +282,13 @@ export function App() {
{member.role}
+ {member.socials.github ? (
+
+
+
+ ) : null}
@@ -276,6 +344,13 @@ export function App() {
{lead.year}
+ {lead.socials.github ? (
+
+
+
+ ) : null}
From 70517c86d7f611802dbcc51473a23640bb4378cb Mon Sep 17 00:00:00 2001
From: zz3188
Date: Sun, 23 Aug 2026 13:17:39 -0400
Subject: [PATCH 2/3] Fixed empty years and restyled display for member details
---
app/about/page.tsx | 102 ++++++++++++++++++++++++++++-----------------
1 file changed, 64 insertions(+), 38 deletions(-)
diff --git a/app/about/page.tsx b/app/about/page.tsx
index b60be8b..1367e0c 100644
--- a/app/about/page.tsx
+++ b/app/about/page.tsx
@@ -68,20 +68,10 @@ const GitHubIcon = () => (
// Team data organized for easier management
const teamLeads: member[] = [
- {
- name: 'Jenny Fan',
- role: 'Team Lead',
- year: '2025 - 2026',
- imgSrc: 'https://i.imgur.com/zDqurNZ.jpeg',
- socials: {
- linkedin: 'https://www.linkedin.com/in/jennyfan04/',
- github: 'https://github.com/jfmath04',
- },
- },
{
name: 'Zhao Song Zhou',
role: 'Team Lead',
- year: '2025 - 2026',
+ year: '2026 - 2027',
imgSrc: 'https://i.imgur.com/JeUh9dc.jpeg',
socials: {
linkedin: 'https://www.linkedin.com/in/zhao-song-zhou/',
@@ -91,7 +81,7 @@ const teamLeads: member[] = [
{
name: 'Alvin Sze',
role: 'Team Lead',
- year: '2025 - 2026',
+ year: '2026 - 2027',
imgSrc: 'https://i.imgur.com/mZy9kzp.jpeg',
socials: {
linkedin: 'https://www.linkedin.com/in/alvinsze/',
@@ -104,7 +94,7 @@ const teamMembers: member[] = [
{
name: 'Allison Lee',
role: 'Product Manager',
- year: '',
+ year: '2026 - 2027',
imgSrc: 'https://i.imgur.com/3SPqM7z.jpeg',
socials: {
linkedin: 'https://www.linkedin.com/in/allisonelee/',
@@ -114,7 +104,7 @@ const teamMembers: member[] = [
{
name: 'Christal Chen',
role: 'Software Engineer',
- year: '',
+ year: '2026 - 2027',
imgSrc: 'https://i.imgur.com/ZshQ3Fj.jpeg',
socials: {
linkedin: 'https://www.linkedin.com/in/christalchen/',
@@ -134,8 +124,53 @@ const pastLeadership: member[] = [
github: 'https://github.com/Spencer04Hire',
},
},
+ {
+ name: 'Jenny Fan',
+ role: 'Team Lead',
+ year: '2025 - 2026',
+ imgSrc: 'https://i.imgur.com/zDqurNZ.jpeg',
+ socials: {
+ linkedin: 'https://www.linkedin.com/in/jennyfan04/',
+ github: 'https://github.com/jfmath04',
+ },
+ },
];
+// Small pill-style badge used to display role + year together with proper spacing
+const MemberBadges = ({
+ role,
+ year,
+ align = 'left',
+}: {
+ role: string;
+ year: string;
+ align?: 'left' | 'center';
+}) => {
+ const theme = useTheme();
+ return (
+
+
+ {role}
+
+
+ {year}
+
+
+ );
+};
+
/**
* Modern "Meet the Team" page component.
* Features a clean, professional design with interactive cards.
@@ -224,14 +259,10 @@ export function App() {
{lead.name}
-
- {lead.role}
-
+
{lead.socials.github ? (
{member.name}
-
- {member.role}
-
-
+
+
{member.socials.github ? (
{lead.name}
-
- {lead.year}
-
+
{lead.socials.github ? (
Date: Sun, 23 Aug 2026 13:19:57 -0400
Subject: [PATCH 3/3] prettier fixes
---
app/about/page.tsx | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/app/about/page.tsx b/app/about/page.tsx
index 1367e0c..96a0f52 100644
--- a/app/about/page.tsx
+++ b/app/about/page.tsx
@@ -394,4 +394,4 @@ export function App() {
);
}
-export default App;
\ No newline at end of file
+export default App;