diff options
author | fragosti <francesco.agosti93@gmail.com> | 2018-12-18 08:20:49 +0800 |
---|---|---|
committer | fragosti <francesco.agosti93@gmail.com> | 2018-12-18 08:20:49 +0800 |
commit | 53529439c57e78806678af2c060ade4b53c0869b (patch) | |
tree | 3eaed10793ba7f654f6bcd5d4e9e5e1744c86ee5 /packages/website/ts/@next/pages/about/team.tsx | |
parent | 3cf9cf98dce9936c3ccca4589ea7c14b997ce50d (diff) | |
download | dexon-sol-tools-53529439c57e78806678af2c060ade4b53c0869b.tar dexon-sol-tools-53529439c57e78806678af2c060ade4b53c0869b.tar.gz dexon-sol-tools-53529439c57e78806678af2c060ade4b53c0869b.tar.bz2 dexon-sol-tools-53529439c57e78806678af2c060ade4b53c0869b.tar.lz dexon-sol-tools-53529439c57e78806678af2c060ade4b53c0869b.tar.xz dexon-sol-tools-53529439c57e78806678af2c060ade4b53c0869b.tar.zst dexon-sol-tools-53529439c57e78806678af2c060ade4b53c0869b.zip |
feat: update job titles
Diffstat (limited to 'packages/website/ts/@next/pages/about/team.tsx')
-rw-r--r-- | packages/website/ts/@next/pages/about/team.tsx | 46 |
1 files changed, 16 insertions, 30 deletions
diff --git a/packages/website/ts/@next/pages/about/team.tsx b/packages/website/ts/@next/pages/about/team.tsx index bf8d02095..2c7146e1c 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', @@ -183,20 +183,12 @@ export const NextAboutTeam = () => ( linkLabel="Join the team" linkUrl={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; } } |