Merge pull request #1450 from 0xProject/feature/website/0x-org-about

[website] 0x org about

1 files changed, 17 insertions, 31 deletions

diff --git a/packages/website/ts/@next/pages/about/team.tsx b/packages/website/ts/@next/pages/about/team.tsx
index bf8d02095..421cacb24 100644
--- a/packages/website/ts/@next/pages/about/team.tsx
+++ b/packages/website/ts/@next/pages/about/team.tsx
@@ -64,7 +64,7 @@ const team: TeamMember[] = [
     {
         imageUrl: '/images/@next/team/blake.jpg',
         name: 'Blake Henderson',
-        title: 'operations associate',
+        title: 'ecosystem programs lead',
     },
     {
         imageUrl: '/images/@next/team/zack.jpg',
@@ -89,7 +89,7 @@ const team: TeamMember[] = [
     {
         imageUrl: '/images/@next/team/melo.jpg',
         name: 'Mel Oberto',
-        title: 'office ops / executive assistant',
+        title: 'people operations associate',
     },
     {
         imageUrl: '/images/@next/team/alexb.jpg',
@@ -181,22 +181,14 @@ export const NextAboutTeam = () => (
         title="We are a global, growing team"
         description="We are a distributed team with backgrounds in engineering, academic research, business, and design. The 0x Core Team is passionate about accelerating the adoption decentralized technology and believe in its potential to be an equalizing force in the world. Join us and do the most impactful work of your life."
         linkLabel="Join the team"
-        linkUrl={WebsitePaths.AboutJobs}
+        to={WebsitePaths.AboutJobs}
     >
-        <Section
-            maxWidth="1170px"
-            wrapWidth="100%"
-            isFlex={true}
-            flexBreakpoint="900px"
-        >
+        <Section maxWidth="1170px" wrapWidth="100%" isFlex={true} flexBreakpoint="900px">
             <Column>
                 <Heading size="medium">0x Team</Heading>
             </Column>
 
-            <Column
-                width="70%"
-                maxWidth="800px"
-            >
+            <Column width="70%" maxWidth="800px">
                 <StyledGrid>
                     {_.map(team, (info: TeamMember, index: number) => (
                         <Member key={`team-${index}`} name={info.name} title={info.title} imageUrl={info.imageUrl} />
@@ -205,21 +197,12 @@ export const NextAboutTeam = () => (
             </Column>
         </Section>
 
-        <Section
-            bgColor="#F3F6F4"
-            maxWidth="1170px"
-            wrapWidth="100%"
-            flexBreakpoint="900px"
-            isFlex={true}
-        >
+        <Section bgColor="#F3F6F4" maxWidth="1170px" wrapWidth="100%" flexBreakpoint="900px" isFlex={true}>
             <Column>
                 <Heading size="medium">Advisors</Heading>
             </Column>
 
-            <Column
-                width="70%"
-                maxWidth="800px"
-            >
+            <Column width="70%" maxWidth="800px">
                 <StyledGrid>
                     {_.map(advisors, (info: TeamMember, index: number) => (
                         <Member key={`advisor-${index}`} name={info.name} title={info.title} imageUrl={info.imageUrl} />
@@ -239,9 +222,11 @@ const StyledGrid = styled.div`
 
 const Member = ({ name, title, imageUrl }: TeamMember) => (
     <StyledMember>
-        <img src={imageUrl} alt={name}/>
+        <img src={imageUrl} alt={name} />
         <Name>{name}</Name>
-        <MemberTitle isMuted={0.5} size={14} style={{ textTransform: 'capitalize' }}>{title}</MemberTitle>
+        <MemberTitle isMuted={0.5} size={14} style={{ textTransform: 'capitalize' }}>
+            {title}
+        </MemberTitle>
     </StyledMember>
 );
 
@@ -252,12 +237,13 @@ const StyledMember = styled.div`
     margin-right: 15px;
 
     @media (max-width: 600px) {
-        &:nth-child(2n+1) {
+        &:nth-child(2n + 1) {
             clear: left;
         }
     }
 
-    img, svg {
+    img,
+    svg {
         width: 100%;
         height: auto;
         object-fit: contain;
@@ -268,7 +254,7 @@ const StyledMember = styled.div`
         width: calc(33.3333% - 30px);
         margin-right: 20px;
 
-        &:nth-child(3n+1) {
+        &:nth-child(3n + 1) {
             clear: left;
         }
     }
@@ -276,11 +262,11 @@ const StyledMember = styled.div`
     @media (min-width: 900px) {
         width: calc(25% - 30px);
 
-        &:nth-child(3n+1) {
+        &:nth-child(3n + 1) {
             clear: none;
         }
 
-        &:nth-child(4n+1) {
+        &:nth-child(4n + 1) {
             clear: left;
         }
     }