From 6393b82e01352d65c4fdeaa92ffbca5de7998ff2 Mon Sep 17 00:00:00 2001 From: Chee Kian Teoh Date: Mon, 25 Mar 2024 21:18:28 -0400 Subject: [PATCH 1/9] Reset the layout styling --- src/components/sections/Team.section.tsx | 35 ++++++++++++++---------- 1 file changed, 21 insertions(+), 14 deletions(-) diff --git a/src/components/sections/Team.section.tsx b/src/components/sections/Team.section.tsx index f47f074e..73744551 100644 --- a/src/components/sections/Team.section.tsx +++ b/src/components/sections/Team.section.tsx @@ -16,7 +16,7 @@ const departments = [ title: 'design', members: [ { - name: 'John Doe John Doe John Doe', + name: 'John Doe', title: 'Designer', profile: 'https://placehold.co/600x400/png', }, @@ -146,20 +146,21 @@ const departments = [ const Member: React.FC = ({ name, title, profile }) => { return ( -
  • + // grid column span is weird + // small screen: 1 col a row + // medium screen: 2 cols + // maximum 3 cols + // width can be fixed (84 when small, 128 when big or large viewport) +
  • {title} -
    -

    - {name} -

    -

    - {title} -

    +
    +

    {name}

    +

    {title}

    • ); @@ -168,10 +169,10 @@ const Member: React.FC = ({ name, title, profile }) => { const Department: React.FC = ({ title, members }) => { return (
    -

    +

    {title}

    -
      +
        {members.map((member, index) => ( = ({ title, members }) => { const TeamSection = () => { return ( + // should have decide the consistent padding + // or right now, i can focus on the section and increase the padding
        + {/* image at the top */}
        + {/* keep the banner only in mobile view */} + {/* keep the balloon after mobile view */}
        + {/* right building image */} - + {/* left building image */} Date: Mon, 25 Mar 2024 21:37:15 -0400 Subject: [PATCH 2/9] style: improve the team department section's layout --- src/components/sections/Team.section.tsx | 18 +++++------ src/index.css | 39 ------------------------ 2 files changed, 7 insertions(+), 50 deletions(-) diff --git a/src/components/sections/Team.section.tsx b/src/components/sections/Team.section.tsx index 73744551..02a418b4 100644 --- a/src/components/sections/Team.section.tsx +++ b/src/components/sections/Team.section.tsx @@ -146,19 +146,15 @@ const departments = [ const Member: React.FC = ({ name, title, profile }) => { return ( - // grid column span is weird - // small screen: 1 col a row - // medium screen: 2 cols - // maximum 3 cols - // width can be fixed (84 when small, 128 when big or large viewport) -
      • + // ?width can be fixed (84 when small, 128 when big or large viewport) (done) +
      • {title} -
        +

        {name}

        {title}

        @@ -168,11 +164,11 @@ const Member: React.FC = ({ name, title, profile }) => { const Department: React.FC = ({ title, members }) => { return ( -
        -

        +
        +

        {title}

        -
          +
            {members.map((member, index) => ( Date: Mon, 25 Mar 2024 21:41:38 -0400 Subject: [PATCH 3/9] update the section padding --- src/components/sections/Team.section.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/components/sections/Team.section.tsx b/src/components/sections/Team.section.tsx index 02a418b4..2ce5c63a 100644 --- a/src/components/sections/Team.section.tsx +++ b/src/components/sections/Team.section.tsx @@ -168,7 +168,7 @@ const Department: React.FC = ({ title, members }) => {

            {title}

            -
              +
                {members.map((member, index) => ( { // or right now, i can focus on the section and increase the padding
                {/* image at the top */}
                {/* keep the banner only in mobile view */} {/* keep the balloon after mobile view */} From a360c9904c2f4a371de1aa188ed806326a245a5a Mon Sep 17 00:00:00 2001 From: Chee Kian Teoh Date: Mon, 25 Mar 2024 21:56:00 -0400 Subject: [PATCH 4/9] add: just banner image in mobile view --- src/assets/team/meet-the-team-banner.webp | Bin 0 -> 20506 bytes src/components/sections/Team.section.tsx | 9 +++++++-- 2 files changed, 7 insertions(+), 2 deletions(-) create mode 100644 src/assets/team/meet-the-team-banner.webp diff --git a/src/assets/team/meet-the-team-banner.webp b/src/assets/team/meet-the-team-banner.webp new file mode 100644 index 0000000000000000000000000000000000000000..db3c75b436576d81b335b61a34fdf4e81341395a GIT binary patch literal 20506 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 hxcq { {/* keep the banner only in mobile view */} {/* keep the balloon after mobile view */} + From 2ab9b3a348ed99e34bf1a2a78016ef2c438be4b9 Mon Sep 17 00:00:00 2001 From: Chee Kian Teoh Date: Mon, 25 Mar 2024 22:01:08 -0400 Subject: [PATCH 5/9] style: fix the font size --- src/components/sections/Team.section.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/components/sections/Team.section.tsx b/src/components/sections/Team.section.tsx index 79ac0957..5728cf83 100644 --- a/src/components/sections/Team.section.tsx +++ b/src/components/sections/Team.section.tsx @@ -155,8 +155,8 @@ const Member: React.FC = ({ name, title, profile }) => { />
                -

                {name}

                -

                {title}

                +

                {name}

                +

                {title}

                ); From ef72125d7b0b30d2fe2f1bbab0c3524ac4610e58 Mon Sep 17 00:00:00 2001 From: Chee Kian Teoh Date: Mon, 25 Mar 2024 22:11:03 -0400 Subject: [PATCH 6/9] style: update team heading image spacing --- src/components/sections/Team.section.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/components/sections/Team.section.tsx b/src/components/sections/Team.section.tsx index 5728cf83..4d367442 100644 --- a/src/components/sections/Team.section.tsx +++ b/src/components/sections/Team.section.tsx @@ -189,7 +189,7 @@ const TeamSection = () => { className="relative isolate overflow-hidden bg-[#9f7eca] p-5 md:p-8 lg:p-12" > {/* image at the top */} -
                +
                {/* keep the banner only in mobile view */} {/* keep the balloon after mobile view */} { alt="" /> From d8f965a4efdfff400b5de55f8bc0f06b2649b319 Mon Sep 17 00:00:00 2001 From: Chee Kian Teoh Date: Mon, 25 Mar 2024 22:26:02 -0400 Subject: [PATCH 7/9] refactor the team section --- src/components/index.tsx | 2 +- src/components/sections/Team/Team.section.tsx | 91 ++++++++++++++++ .../{Team.section.tsx => Team/data.ts} | 102 +----------------- 3 files changed, 93 insertions(+), 102 deletions(-) create mode 100644 src/components/sections/Team/Team.section.tsx rename src/components/sections/{Team.section.tsx => Team/data.ts} (54%) diff --git a/src/components/index.tsx b/src/components/index.tsx index 23aea7bc..a9eb6131 100644 --- a/src/components/index.tsx +++ b/src/components/index.tsx @@ -14,7 +14,7 @@ export { Menu } from './Navbar/Menu'; * */ export { HeroStatSection } from './sections/HeroStats.section'; -export { TeamSection } from './sections/Team.section'; +export { TeamSection } from './sections/Team/Team.section'; export { ContactSection } from './sections/Contact.section'; export { FooterSection } from './sections/Footer.section'; export { SponsorFAQSection } from './sections/SponsorFAQ.section'; \ No newline at end of file diff --git a/src/components/sections/Team/Team.section.tsx b/src/components/sections/Team/Team.section.tsx new file mode 100644 index 00000000..b3dfd713 --- /dev/null +++ b/src/components/sections/Team/Team.section.tsx @@ -0,0 +1,91 @@ +import { departments } from './data'; + +interface Member { + name: string; + title: string; + profile: string; +} + +interface DepartmentProps { + title: string; + members: Member[]; +} + +const Department: React.FC = ({ title, members }) => { + return ( +
                +

                + {title} +

                +
                  + {members.map((member, index) => ( +
                • + {title} + +
                  +

                  + {member.name} +

                  +

                  + {member.title} +

                  +
                  +
                  • + ))} +
                +
                + ); +}; + +const TeamSection = () => { + return ( +
                + {/* top images */} +
                + + + +
                + + {/* right building image */} + + {/* left building image */} + + +
                + {departments.map((department) => ( + + ))} +
                +
                + ); +}; + +export { TeamSection }; diff --git a/src/components/sections/Team.section.tsx b/src/components/sections/Team/data.ts similarity index 54% rename from src/components/sections/Team.section.tsx rename to src/components/sections/Team/data.ts index 4d367442..f3e89713 100644 --- a/src/components/sections/Team.section.tsx +++ b/src/components/sections/Team/data.ts @@ -1,16 +1,3 @@ -interface Member { - name: string; - title: string; - profile: string; -} - -interface MemberProps extends Member {} - -interface DepartmentProps { - title: string; - members: Member[]; -} - const departments = [ { title: 'design', @@ -144,91 +131,4 @@ const departments = [ }, ]; -const Member: React.FC = ({ name, title, profile }) => { - return ( - // ?width can be fixed (84 when small, 128 when big or large viewport) (done) -
              • - {title} - -
                -

                {name}

                -

                {title}

                -
                -
                • - ); -}; - -const Department: React.FC = ({ title, members }) => { - return ( -
                -

                - {title} -

                -
                  - {members.map((member, index) => ( - - ))} -
                -
                - ); -}; - -const TeamSection = () => { - return ( - // should have decide the consistent padding - // or right now, i can focus on the section and increase the padding -
                - {/* image at the top */} -
                - {/* keep the banner only in mobile view */} - {/* keep the balloon after mobile view */} - - - -
                - - {/* right building image */} - - {/* left building image */} - - -
                - {departments.map((department) => ( - - ))} -
                -
                - ); -}; - -export { TeamSection }; +export { departments }; From 2dfc3648df4947630651c897cb3c4b0a35782678 Mon Sep 17 00:00:00 2001 From: Aidan Traboulay Date: Tue, 26 Mar 2024 05:27:04 -0400 Subject: [PATCH 8/9] Update team data --- src/components/sections/Team/data.ts | 233 +++++++++++++++++++-------- 1 file changed, 164 insertions(+), 69 deletions(-) diff --git a/src/components/sections/Team/data.ts b/src/components/sections/Team/data.ts index f3e89713..2ba277d9 100644 --- a/src/components/sections/Team/data.ts +++ b/src/components/sections/Team/data.ts @@ -1,131 +1,226 @@ const departments = [ { - title: 'design', + title: 'admin', members: [ { - name: 'John Doe', - title: 'Designer', - profile: 'https://placehold.co/600x400/png', + name: 'Nausher Rao', + title: 'President', + profile: 'https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2Fce09554c-fc32-4d0a-88ed-8e7673cb8b39%2Faa7d00a9-24cb-401e-a47a-d9cad2c6a057%2FNaush.jpg?id=3ebb5bab-3444-4327-b720-96894165c708&table=block&spaceId=ce09554c-fc32-4d0a-88ed-8e7673cb8b39&width=2000&userId=555786bd-2f68-4ca7-aaef-0f95362c1708&cache=v2', }, { - name: 'Jane Smith', - title: 'Senior Designer', - profile: 'https://placehold.co/600x400/png', + name: 'Maximus Ghosh', + title: 'VP of Admin & Finance', + profile: 'https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2Fce09554c-fc32-4d0a-88ed-8e7673cb8b39%2Fac9a2c1b-c5d7-4afc-9684-8190553f5140%2FIMG_3510.jpg?id=8bc985d7-6ef0-4064-a150-c5ecda0ce30b&table=block&spaceId=ce09554c-fc32-4d0a-88ed-8e7673cb8b39&width=2000&userId=555786bd-2f68-4ca7-aaef-0f95362c1708&cache=v2', }, { - name: 'John Doe', - title: 'Designer', - profile: 'https://placehold.co/600x400/png', + name: 'Torin Borton-McCallum', + title: 'VP of Hackathon Strategy & Logistics Coordinator', + profile: 'https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2Fce09554c-fc32-4d0a-88ed-8e7673cb8b39%2Fcf7b129a-b0b9-40a8-8c15-2ce28d0e41e9%2FIMG_5194.jpeg?id=f987aedf-83f3-4447-8aba-66615116cb6b&table=block&spaceId=ce09554c-fc32-4d0a-88ed-8e7673cb8b39&width=2000&userId=555786bd-2f68-4ca7-aaef-0f95362c1708&cache=v2', }, { - name: 'Jane Smith', - title: 'Senior Designer', - profile: 'https://placehold.co/600x400/png', + name: 'Nishant Tewari', + title: 'VP of Internal Affairs', + profile: 'https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2Fce09554c-fc32-4d0a-88ed-8e7673cb8b39%2Fc2a8d135-dcdd-40a7-89d8-7cf356e17643%2FNish.jpg?id=2dd5a7ee-7596-4a0b-937e-b5a8c53fbfd3&table=block&spaceId=ce09554c-fc32-4d0a-88ed-8e7673cb8b39&width=2000&userId=555786bd-2f68-4ca7-aaef-0f95362c1708&cache=v2', }, ], }, { - title: 'development', + title: 'design operations', members: [ { - name: 'David Davis', + name: 'Jacqueline Truong', + title: 'VP of Design Operations', + profile: 'https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2Fce09554c-fc32-4d0a-88ed-8e7673cb8b39%2F75093fd5-2bba-4fe6-a777-c6ad625ffb4c%2Fjackie.jpg?id=605f4800-8474-425e-9760-173e7deb2a3f&table=block&spaceId=ce09554c-fc32-4d0a-88ed-8e7673cb8b39&width=2000&userId=555786bd-2f68-4ca7-aaef-0f95362c1708&cache=v2', + }, + { + name: 'Tracy Ou', + title: 'VP of Design Operations', + profile: 'https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2Fce09554c-fc32-4d0a-88ed-8e7673cb8b39%2F96960e69-3591-4277-a6f3-e04d60e8099b%2FIMG_7208.jpeg?id=a91a4bbd-eed9-419a-84ed-17f8669526d4&table=block&spaceId=ce09554c-fc32-4d0a-88ed-8e7673cb8b39&width=2000&userId=555786bd-2f68-4ca7-aaef-0f95362c1708&cache=v2', + }, + { + name: 'Vandan Thacker', + title: 'UI Designer', + profile: 'https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2Fce09554c-fc32-4d0a-88ed-8e7673cb8b39%2F7e4717ab-53a4-4ec5-9670-f5cf804536c1%2Fvandan.jpg?id=2f5b703c-0862-4182-bb61-489edcb7de61&table=block&spaceId=ce09554c-fc32-4d0a-88ed-8e7673cb8b39&width=2000&userId=555786bd-2f68-4ca7-aaef-0f95362c1708&cache=v2', + }, + { + name: 'Naomi Aiyevbekpeny', + title: 'Graphic Designer', + profile: 'https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2Fce09554c-fc32-4d0a-88ed-8e7673cb8b39%2F912d36f9-ccaf-4eca-9285-48b8e2e7dd58%2FIMG_20240209_182942_772.jpg?id=c29a5329-639f-40a8-8502-57c175fc4bb4&table=block&spaceId=ce09554c-fc32-4d0a-88ed-8e7673cb8b39&width=2000&userId=555786bd-2f68-4ca7-aaef-0f95362c1708&cache=v2', + }, + ], + }, + { + title: 'engineering', + members: [ + { + name: 'Aidan Traboulay', + title: 'VP of Engineering', + profile: 'https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2Fce09554c-fc32-4d0a-88ed-8e7673cb8b39%2Ffb87abdd-94df-4186-b732-f8900f75e0f3%2FAidan.png?id=802076ae-51cc-449f-89af-001e8e483cc2&table=block&spaceId=ce09554c-fc32-4d0a-88ed-8e7673cb8b39&width=2000&userId=555786bd-2f68-4ca7-aaef-0f95362c1708&cache=v2', + }, + { + name: 'Juan Wu', + title: 'VP of Engineering', + profile: 'https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2Fce09554c-fc32-4d0a-88ed-8e7673cb8b39%2F718ca44f-2211-491b-9048-dd6a5de7de87%2Fmmexport1668302474533__01(1).jpg?id=50642fa9-97b1-4d62-a7f8-e944eb4e739d&table=block&spaceId=ce09554c-fc32-4d0a-88ed-8e7673cb8b39&width=2000&userId=555786bd-2f68-4ca7-aaef-0f95362c1708&cache=v2', + }, + { + name: 'Abdul Basit', + title: 'Software Engineer', + profile: 'https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2Fce09554c-fc32-4d0a-88ed-8e7673cb8b39%2F4dcee704-4744-4e0d-81a0-7caaba08dcbb%2FIMG_6814.jpeg?id=ee061ed2-9cf6-497f-8431-8fa204b0b4f3&table=block&spaceId=ce09554c-fc32-4d0a-88ed-8e7673cb8b39&width=1490&userId=555786bd-2f68-4ca7-aaef-0f95362c1708&cache=v2', + }, + { + name: 'Amir Agassi', title: 'Software Engineer', - profile: 'https://placehold.co/600x400/png', + profile: 'https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2Fce09554c-fc32-4d0a-88ed-8e7673cb8b39%2F733bfeb9-abe4-43b6-9c93-0982b25ee454%2F04e2760ba3b0d56cf5b4abab1633de3d-transformed.png?id=3539efcd-e7b0-492b-b2eb-92545422a8e3&table=block&spaceId=ce09554c-fc32-4d0a-88ed-8e7673cb8b39&width=1490&userId=555786bd-2f68-4ca7-aaef-0f95362c1708&cache=v2', }, { - name: 'Eva Evans', - title: 'Frontend Developer', - profile: 'https://placehold.co/600x400/png', + name: 'Chee Kian Teoh', + title: 'Software Engineer', + profile: 'https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2Fce09554c-fc32-4d0a-88ed-8e7673cb8b39%2F95ed3d8b-369f-4510-8339-268615e32b0f%2Fjustasgood.jpg?id=e1dd249c-3431-456f-849d-d69754692e0a&table=block&spaceId=ce09554c-fc32-4d0a-88ed-8e7673cb8b39&width=1490&userId=555786bd-2f68-4ca7-aaef-0f95362c1708&cache=v2', }, { - name: 'Frank Franklin', - title: 'Backend Developer', - profile: 'https://placehold.co/600x400/png', + name: 'Gabriel Diniz', + title: 'Software Engineer', + profile: 'https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2Fce09554c-fc32-4d0a-88ed-8e7673cb8b39%2Fff48a9a6-c8da-4297-9a14-3d5c27f322a4%2FHeadshot2.jpg?id=2fd57386-7539-473c-a950-9e056f626df0&table=block&spaceId=ce09554c-fc32-4d0a-88ed-8e7673cb8b39&width=1490&userId=555786bd-2f68-4ca7-aaef-0f95362c1708&cache=v2', }, { - name: 'Grace Gray', - title: 'Full Stack Developer', - profile: 'https://placehold.co/600x400/png', + name: 'Kevin Vu', + title: 'Software Engineer', + profile: 'https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2Fce09554c-fc32-4d0a-88ed-8e7673cb8b39%2Fa094cee9-1730-4d2b-82ef-4a8d2025901b%2FIMG_3517.jpeg?id=0f4481f2-8981-4f7f-9969-c0e5c15e60db&table=block&spaceId=ce09554c-fc32-4d0a-88ed-8e7673cb8b39&width=1500&userId=555786bd-2f68-4ca7-aaef-0f95362c1708&cache=v2', }, { - name: 'Henry White', - title: 'DevOps Engineer', - profile: 'https://placehold.co/600x400/png', + name: 'Nora Chamseddin', + title: 'Software Engineer', + profile: 'https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2Fce09554c-fc32-4d0a-88ed-8e7673cb8b39%2F7873d337-ca4f-4863-8a75-4f9dc208b531%2Fnora.jpeg?id=b187e163-3c7c-4c94-b81e-3500197efa43&table=block&spaceId=ce09554c-fc32-4d0a-88ed-8e7673cb8b39&width=1500&userId=555786bd-2f68-4ca7-aaef-0f95362c1708&cache=v2', }, ], }, { - title: 'operation', + title: 'logistics & operations', members: [ { - name: 'Oliver Black', - title: 'Operations Manager', - profile: 'https://placehold.co/600x400/png', + name: 'Dhar Patel', + title: 'VP of Logistics & Operations', + profile: 'https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2Fce09554c-fc32-4d0a-88ed-8e7673cb8b39%2F228e884b-359e-42f7-aa4c-2a1bc3c49176%2F31abbf50-87c5-40d1-9850-d039e94fa7b2.jpeg?id=e718d4cf-26b8-49b3-b2f3-68f0469917e3&table=block&spaceId=ce09554c-fc32-4d0a-88ed-8e7673cb8b39&width=1500&userId=555786bd-2f68-4ca7-aaef-0f95362c1708&cache=v2', }, { - name: 'Patricia Green', - title: 'Operations Coordinator', - profile: 'https://placehold.co/600x400/png', + name: 'Shakib Ahmed', + title: 'VP of Logistics & Operations', + profile: 'https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2Fce09554c-fc32-4d0a-88ed-8e7673cb8b39%2F64021f5c-a563-4b27-a945-38d8d2f38edc%2FIMG_2365.jpeg?id=423540a7-3657-45e2-b4e5-160bad047c43&table=block&spaceId=ce09554c-fc32-4d0a-88ed-8e7673cb8b39&width=1500&userId=555786bd-2f68-4ca7-aaef-0f95362c1708&cache=v2', }, { - name: 'Quincy Grey', - title: 'Logistics Specialist', - profile: 'https://placehold.co/600x400/png', + name: 'Connor Lilbourne', + title: 'Logistics Coordinator', + profile: 'https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2Fce09554c-fc32-4d0a-88ed-8e7673cb8b39%2F4a564aa7-fd27-48f0-b60c-edd5d758fae2%2Fme.jpg?id=2c3d03cb-bdfc-4074-876c-d23fa47ef361&table=block&spaceId=ce09554c-fc32-4d0a-88ed-8e7673cb8b39&width=1500&userId=555786bd-2f68-4ca7-aaef-0f95362c1708&cache=v2', }, { - name: 'Rachel Red', - title: 'Facilities Manager', - profile: 'https://placehold.co/600x400/png', + name: 'Itohan Odigie', + title: 'Logistics Coordinator', + profile: 'https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2Fce09554c-fc32-4d0a-88ed-8e7673cb8b39%2Ff0ec3038-05a6-412b-86ea-5260e3fc3d21%2F2FF56F24-8453-43AA-840E-EBDD0ABFCFD5.jpeg?id=1ead9b52-507c-490e-be90-f517ba9a060b&table=block&spaceId=ce09554c-fc32-4d0a-88ed-8e7673cb8b39&width=1500&userId=555786bd-2f68-4ca7-aaef-0f95362c1708&cache=v2', }, { - name: 'Samuel Yellow', - title: 'IT Support', - profile: 'https://placehold.co/600x400/png', + name: 'Jonathan Pilarski', + title: 'Logistics Coordinator', + profile: 'https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2Fce09554c-fc32-4d0a-88ed-8e7673cb8b39%2F50bb5fd7-d3ed-46c7-b8e7-648330ac34b9%2Fjp.jpg?id=8e8cd933-8f25-4357-b881-430aa5c896de&table=block&spaceId=ce09554c-fc32-4d0a-88ed-8e7673cb8b39&width=1500&userId=555786bd-2f68-4ca7-aaef-0f95362c1708&cache=v2', + }, + { + name: 'Maanay Shaikh', + title: 'Logistics Coordinator', + profile: 'https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2Fce09554c-fc32-4d0a-88ed-8e7673cb8b39%2Fce2c8c06-20f0-4668-9e85-b30a8ba4cefc%2FLinkedIn_profile_pic.jpeg?id=13f72d38-6b98-4c60-911f-1f4fb0f9c0b9&table=block&spaceId=ce09554c-fc32-4d0a-88ed-8e7673cb8b39&width=1500&userId=555786bd-2f68-4ca7-aaef-0f95362c1708&cache=v2', + }, + { + name: 'Melissa Pinto', + title: 'Logistics Coordinator', + profile: 'https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2Fce09554c-fc32-4d0a-88ed-8e7673cb8b39%2F64e92ca5-ae23-46e8-ba7b-9e921a220a9a%2FD367DA45-98BF-40D3-992D-A9C1CEC8F91B.jpeg?id=2788eb96-f25e-42c2-b08d-12c6fd3bdfee&table=block&spaceId=ce09554c-fc32-4d0a-88ed-8e7673cb8b39&width=1500&userId=555786bd-2f68-4ca7-aaef-0f95362c1708&cache=v2', + }, + { + name: 'Mila Cvetanovska', + title: 'Logistics Coordinator', + profile: 'https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2Fce09554c-fc32-4d0a-88ed-8e7673cb8b39%2F3cf20a7f-9765-42e9-b1e2-02f23e1574b5%2FMila.jpg?id=f75c7e0e-0902-4327-ab5c-decca6f7731e&table=block&spaceId=ce09554c-fc32-4d0a-88ed-8e7673cb8b39&width=1500&userId=555786bd-2f68-4ca7-aaef-0f95362c1708&cache=v2', + }, + { + name: 'Vincenzo Milano', + title: 'Logistics Coordinator', + profile: 'https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2Fce09554c-fc32-4d0a-88ed-8e7673cb8b39%2F6af6cb5f-5133-4b80-b5e4-d897ab19f30d%2F1664742292350.jpg?id=4a2e0f68-68e3-43d1-b768-28d8e4a717b7&table=block&spaceId=ce09554c-fc32-4d0a-88ed-8e7673cb8b39&width=1500&userId=555786bd-2f68-4ca7-aaef-0f95362c1708&cache=v2', + }, + { + name: 'Syed Rafae Hashmi', + title: 'Logistics Coordinator', + profile: 'https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2Fce09554c-fc32-4d0a-88ed-8e7673cb8b39%2F15edd4d1-4544-4b8f-a621-ac1273eaf3a4%2FIMG_3363.jpg?id=a3d4458e-339d-40a3-b261-b2a5da48b50a&table=block&spaceId=ce09554c-fc32-4d0a-88ed-8e7673cb8b39&width=1500&userId=555786bd-2f68-4ca7-aaef-0f95362c1708&cache=v2', + }, + { + name: 'Sohan Hossain', + title: 'Logistics Coordinator', + profile: 'https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2Fce09554c-fc32-4d0a-88ed-8e7673cb8b39%2F2156895a-028d-49f4-954b-47172776259d%2F1699036441551.png?id=4df9663c-934c-410f-804a-e3c8dc9bdcfe&table=block&spaceId=ce09554c-fc32-4d0a-88ed-8e7673cb8b39&width=1500&userId=555786bd-2f68-4ca7-aaef-0f95362c1708&cache=v2', + }, + { + name: 'Roshni Mahindru', + title: 'Logistics Coordinator', + profile: 'https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2Fce09554c-fc32-4d0a-88ed-8e7673cb8b39%2Fb4c98b04-86fd-4172-830a-bef4baa27d7f%2FIMG_4087.jpeg?id=59baad57-839d-4317-9682-bce5a68d2b3d&table=block&spaceId=ce09554c-fc32-4d0a-88ed-8e7673cb8b39&width=1500&userId=555786bd-2f68-4ca7-aaef-0f95362c1708&cache=v2', }, ], }, { - title: 'logistic', + title: 'corporate relations & sponsorships', members: [ { - name: 'Logistic Member 1', - title: 'Logistic Specialist', - profile: 'https://placehold.co/600x400/png', + name: 'Arnav Chauhan', + title: 'VP of Corporate Relations & Sponsorships', + profile: 'https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2Fce09554c-fc32-4d0a-88ed-8e7673cb8b39%2F9e3abad2-8542-4fc0-8951-efb3fa416840%2FHeadshot_Arnav.jpg?id=4b5b6cc4-b9b9-45c5-85c9-d17267d0d534&table=block&spaceId=ce09554c-fc32-4d0a-88ed-8e7673cb8b39&width=1500&userId=555786bd-2f68-4ca7-aaef-0f95362c1708&cache=v2', + }, + { + name: 'Rafid Karim', + title: 'Sponsorship Coordinator', + profile: 'https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2Fce09554c-fc32-4d0a-88ed-8e7673cb8b39%2Fdd201399-0a8c-4ba7-9956-abde9f19a653%2F3K5A1776_(1).jpg?id=9b497b37-ac6c-42c9-ba98-5376851cfef9&table=block&spaceId=ce09554c-fc32-4d0a-88ed-8e7673cb8b39&width=1500&userId=555786bd-2f68-4ca7-aaef-0f95362c1708&cache=v2', }, { - name: 'Logistic Member 2', - title: 'Logistic Coordinator', - profile: 'https://placehold.co/600x400/png', + name: 'Kiyomi Cheng', + title: 'Sponsorship Coordinator', + profile: 'https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2Fce09554c-fc32-4d0a-88ed-8e7673cb8b39%2Fa292ffc8-c8a7-41c1-a525-dd564d5d05bd%2FIMG_2881.jpg?id=7a8e52f7-a7ef-478f-9a9d-f5ac74701d73&table=block&spaceId=ce09554c-fc32-4d0a-88ed-8e7673cb8b39&width=1500&userId=555786bd-2f68-4ca7-aaef-0f95362c1708&cache=v2', }, { - name: 'Logistic Member 3', - title: 'Logistic Analyst', - profile: 'https://placehold.co/600x400/png', + name: 'James Chun', + title: 'Sponsorship Coordinator', + profile: 'https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2Fce09554c-fc32-4d0a-88ed-8e7673cb8b39%2F89d607e9-6fe1-4537-876f-22f040346f4e%2Fjames.jpg?id=b6487891-056c-4e3c-9b43-45ee5de60d36&table=block&spaceId=ce09554c-fc32-4d0a-88ed-8e7673cb8b39&width=1500&userId=555786bd-2f68-4ca7-aaef-0f95362c1708&cache=v2', + }, + { + name: 'Sami Naqvi', + title: 'Sponsorship Coordinator', + profile: 'https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2Fce09554c-fc32-4d0a-88ed-8e7673cb8b39%2Fa0a56a9e-e112-418d-b72b-2ee597ecaa6b%2FIMG_5954.jpg?id=2d450d62-a06c-41e5-94d5-3cc17342775d&table=block&spaceId=ce09554c-fc32-4d0a-88ed-8e7673cb8b39&width=1500&userId=555786bd-2f68-4ca7-aaef-0f95362c1708&cache=v2', + }, + ], + }, + { + title: 'marketing & media', + members: [ + { + name: 'Jenali Shenela', + title: 'VP of Marketing & Media', + profile: 'https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2Fce09554c-fc32-4d0a-88ed-8e7673cb8b39%2F06cf21b9-1f07-4fa7-9f7c-758bda5ecb90%2FPhoto_02-09-2023-23-18-30.heic?id=554e3b85-5893-4b2d-a410-cf205bdd2693&table=block&spaceId=ce09554c-fc32-4d0a-88ed-8e7673cb8b39&width=1500&userId=555786bd-2f68-4ca7-aaef-0f95362c1708&cache=v2', }, { - name: 'Logistic Member 4', - title: 'Logistic Supervisor', - profile: 'https://placehold.co/600x400/png', + name: 'Geeran Balaranjan', + title: 'Social Media Coordinator', + profile: 'https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2Fce09554c-fc32-4d0a-88ed-8e7673cb8b39%2F04095774-1664-4d13-8d98-c4caa346753a%2FIMG_6261.jpeg?id=4ab20fe0-e0d1-42b5-b48b-37476be66bdf&table=block&spaceId=ce09554c-fc32-4d0a-88ed-8e7673cb8b39&width=1500&userId=555786bd-2f68-4ca7-aaef-0f95362c1708&cache=v2', }, { - name: 'Logistic Member 5', - title: 'Logistic Manager', - profile: 'https://placehold.co/600x400/png', + name: 'Mina Mansour', + title: 'Social Media Coordinator', + profile: 'https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2Fce09554c-fc32-4d0a-88ed-8e7673cb8b39%2F45914669-fc69-41bf-ad87-f789ae5f98a1%2FIMG_3140.png?id=47371a2c-47f8-4ca1-87e8-468228a924b3&table=block&spaceId=ce09554c-fc32-4d0a-88ed-8e7673cb8b39&width=1500&userId=555786bd-2f68-4ca7-aaef-0f95362c1708&cache=v2', }, { - name: 'Logistic Member 3', - title: 'Logistic Analyst', - profile: 'https://placehold.co/600x400/png', + name: 'Samriddhi Makasare', + title: 'Social Media Coordinator', + profile: 'https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2Fce09554c-fc32-4d0a-88ed-8e7673cb8b39%2F20098672-86ce-4d57-9e18-20d071ea5f39%2F1692723102118.jpeg?id=4583acab-3115-4489-a902-f6283107a250&table=block&spaceId=ce09554c-fc32-4d0a-88ed-8e7673cb8b39&width=1500&userId=555786bd-2f68-4ca7-aaef-0f95362c1708&cache=v2', }, { - name: 'Logistic Member 4', - title: 'Logistic Supervisor', - profile: 'https://placehold.co/600x400/png', + name: 'Yousef Hozayen', + title: 'Content Creator', + profile: 'https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2Fce09554c-fc32-4d0a-88ed-8e7673cb8b39%2Fa92ac67e-0fd6-4526-a72e-ee88917ed0fd%2FIMG_3828.jpg?id=f6dd2d89-e90f-4413-8eaf-016d4f9c1d7c&table=block&spaceId=ce09554c-fc32-4d0a-88ed-8e7673cb8b39&width=1500&userId=555786bd-2f68-4ca7-aaef-0f95362c1708&cache=v2', }, { - name: 'Logistic Member 5', - title: 'Logistic Manager', - profile: 'https://placehold.co/600x400/png', + name: 'Aren Melkon', + title: 'Content Creator', + profile: 'https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2Fce09554c-fc32-4d0a-88ed-8e7673cb8b39%2F08c013b8-eea5-45a3-879e-fff477728187%2Fimage_2024-02-09_191242946.png?id=8680f36b-fbd4-488d-9d82-721e5f750499&table=block&spaceId=ce09554c-fc32-4d0a-88ed-8e7673cb8b39&width=1500&userId=555786bd-2f68-4ca7-aaef-0f95362c1708&cache=v2', }, ], }, From 0048e244995c62b9bb01887f868ab9e482a4ac68 Mon Sep 17 00:00:00 2001 From: Aidan Traboulay Date: Tue, 26 Mar 2024 05:27:19 -0400 Subject: [PATCH 9/9] Update padding for breakpoints --- src/components/sections/Team/Team.section.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/sections/Team/Team.section.tsx b/src/components/sections/Team/Team.section.tsx index b3dfd713..3bdd05e2 100644 --- a/src/components/sections/Team/Team.section.tsx +++ b/src/components/sections/Team/Team.section.tsx @@ -79,7 +79,7 @@ const TeamSection = () => { alt="" /> -
                +
                {departments.map((department) => ( ))}