254 lines
9.7 KiB
TypeScript
254 lines
9.7 KiB
TypeScript
import * as _ from 'lodash';
|
|
import RaisedButton from 'material-ui/RaisedButton';
|
|
import {colors} from 'material-ui/styles';
|
|
import * as React from 'react';
|
|
import * as DocumentTitle from 'react-document-title';
|
|
import {Link} from 'react-router-dom';
|
|
import {Footer} from 'ts/components/footer';
|
|
import {TopBar} from 'ts/components/top_bar';
|
|
import {Profile} from 'ts/pages/about/profile';
|
|
import {Question} from 'ts/pages/faq/question';
|
|
import {ProfileInfo, Styles} from 'ts/types';
|
|
import {configs} from 'ts/utils/configs';
|
|
import {constants} from 'ts/utils/constants';
|
|
import {utils} from 'ts/utils/utils';
|
|
|
|
const CUSTOM_BACKGROUND_COLOR = '#F0F0F0';
|
|
const CUSTOM_GRAY = '#4C4C4C';
|
|
const CUSTOM_LIGHT_GRAY = '#A2A2A2';
|
|
|
|
const teamRow1: ProfileInfo[] = [
|
|
{
|
|
name: 'Will Warren',
|
|
title: 'Co-founder & CEO',
|
|
description: `Smart contract R&D. Previously applied physics at Los Alamos \
|
|
Nat Lab. Mechanical engineering at UC San Diego. PhD dropout.`,
|
|
image: '/images/team/will.jpg',
|
|
linkedIn: 'https://www.linkedin.com/in/will-warren-92aab62b/',
|
|
github: 'https://github.com/willwarren89',
|
|
medium: 'https://medium.com/@willwarren89',
|
|
},
|
|
{
|
|
name: 'Amir Bandeali',
|
|
title: 'Co-founder & CTO',
|
|
description: `Smart contract R&D. Previously fixed income trader at DRW. \
|
|
Finance at University of Illinois, Urbana-Champaign.`,
|
|
image: '/images/team/amir.jpeg',
|
|
linkedIn: 'https://www.linkedin.com/in/abandeali1/',
|
|
github: 'https://github.com/abandeali1',
|
|
medium: 'https://medium.com/@abandeali1',
|
|
},
|
|
{
|
|
name: 'Fabio Berger',
|
|
title: 'Senior Engineer',
|
|
description: `Full-stack blockchain engineer. Previously software engineer \
|
|
at Airtable and founder of WealthLift. Computer science at Duke.`,
|
|
image: '/images/team/fabio.jpg',
|
|
linkedIn: 'https://www.linkedin.com/in/fabio-berger-03ab261a/',
|
|
github: 'https://github.com/fabioberger',
|
|
medium: 'https://medium.com/@fabioberger',
|
|
},
|
|
{
|
|
name: 'Alex Xu',
|
|
title: 'Director of Operations',
|
|
description: `Strategy and operations. Previously digital marketing at Google \
|
|
and vendor management at Amazon. Economics at UC San Diego.`,
|
|
image: '/images/team/alex.jpg',
|
|
linkedIn: 'https://www.linkedin.com/in/alex-xu/',
|
|
github: '',
|
|
medium: '',
|
|
},
|
|
];
|
|
|
|
const teamRow2: ProfileInfo[] = [
|
|
{
|
|
name: 'Leonid Logvinov',
|
|
title: 'Engineer',
|
|
description: `Full-stack blockchain engineer. Previously blockchain engineer \
|
|
at Neufund. Computer science at University of Warsaw.`,
|
|
image: '/images/team/leonid.png',
|
|
linkedIn: 'https://www.linkedin.com/in/leonidlogvinov/',
|
|
github: 'https://github.com/LogvinovLeon',
|
|
medium: '',
|
|
},
|
|
{
|
|
name: 'Ben Burns',
|
|
title: 'Designer',
|
|
description: `Product, motion, and graphic designer. Previously designer \
|
|
at Airtable and Apple. Digital Design at University of Cincinnati.`,
|
|
image: '/images/team/ben.jpg',
|
|
linkedIn: 'https://www.linkedin.com/in/ben-burns-30170478/',
|
|
github: '',
|
|
medium: '',
|
|
},
|
|
{
|
|
name: 'Philippe Castonguay',
|
|
title: 'Dev Relations Manager',
|
|
description: `Developer relations. Previously computational neuroscience \
|
|
research at Janelia. Statistics at Western University. MA Dropout.`,
|
|
image: '/images/team/philippe.png',
|
|
linkedIn: '',
|
|
github: 'https://github.com/PhABC',
|
|
medium: '',
|
|
},
|
|
{
|
|
name: 'Brandon Millman',
|
|
title: 'Senior Engineer',
|
|
description: `Full-stack engineer. Previously senior software engineer at \
|
|
Twitter. Electrical and Computer Engineering at Duke.`,
|
|
image: '/images/team/brandon.png',
|
|
linkedIn: 'https://www.linkedin.com/company-beta/17942619/',
|
|
},
|
|
];
|
|
|
|
const advisors: ProfileInfo[] = [
|
|
{
|
|
name: 'Fred Ehrsam',
|
|
description: 'Co-founder of Coinbase. Previously FX trader at Goldman Sachs.',
|
|
image: '/images/advisors/fred.jpg',
|
|
linkedIn: 'https://www.linkedin.com/in/fredehrsam/',
|
|
medium: 'https://medium.com/@FEhrsam',
|
|
twitter: 'https://twitter.com/FEhrsam',
|
|
},
|
|
{
|
|
name: 'Olaf Carlson-Wee',
|
|
image: '/images/advisors/olaf.png',
|
|
description: 'Founder of Polychain Capital. First hire at Coinbase. Angel investor.',
|
|
linkedIn: 'https://www.linkedin.com/in/olafcw/',
|
|
angellist: 'https://angel.co/olafcw',
|
|
},
|
|
{
|
|
name: 'Joey Krug',
|
|
description: `Co-CIO at Pantera Capital. Founder of Augur. Thiel 20 Under 20 Fellow.`,
|
|
image: '/images/advisors/joey.jpg',
|
|
linkedIn: 'https://www.linkedin.com/in/joeykrug/',
|
|
github: 'https://github.com/joeykrug',
|
|
angellist: 'https://angel.co/joeykrug',
|
|
},
|
|
{
|
|
name: 'Linda Xie',
|
|
description: 'Co-founder of Scalar Capital. Previously PM at Coinbase.',
|
|
image: '/images/advisors/linda.jpg',
|
|
linkedIn: 'https://www.linkedin.com/in/lindaxie/',
|
|
medium: 'https://medium.com/@linda.xie',
|
|
twitter: 'https://twitter.com/ljxie',
|
|
},
|
|
];
|
|
|
|
export interface AboutProps {
|
|
source: string;
|
|
location: Location;
|
|
}
|
|
|
|
interface AboutState {}
|
|
|
|
const styles: Styles = {
|
|
header: {
|
|
fontFamily: 'Roboto Mono',
|
|
fontSize: 36,
|
|
color: 'black',
|
|
paddingTop: 110,
|
|
},
|
|
};
|
|
|
|
export class About extends React.Component<AboutProps, AboutState> {
|
|
public componentDidMount() {
|
|
window.scrollTo(0, 0);
|
|
}
|
|
public render() {
|
|
return (
|
|
<div style={{backgroundColor: CUSTOM_BACKGROUND_COLOR}}>
|
|
<DocumentTitle title="0x About Us"/>
|
|
<TopBar
|
|
blockchainIsLoaded={false}
|
|
location={this.props.location}
|
|
style={{backgroundColor: CUSTOM_BACKGROUND_COLOR}}
|
|
/>
|
|
<div
|
|
id="about"
|
|
className="mx-auto max-width-4 py4"
|
|
style={{color: colors.grey800}}
|
|
>
|
|
<div
|
|
className="mx-auto pb4 sm-px3"
|
|
style={{maxWidth: 435}}
|
|
>
|
|
<div
|
|
style={styles.header}
|
|
>
|
|
About us:
|
|
</div>
|
|
<div
|
|
className="pt3"
|
|
style={{fontSize: 17, color: CUSTOM_GRAY, lineHeight: 1.5}}
|
|
>
|
|
Our team is a diverse and globally distributed group with backgrounds
|
|
in engineering, research, business and design. We are passionate about
|
|
decentralized technology and its potential to act as an equalizing force
|
|
in the world.
|
|
</div>
|
|
</div>
|
|
<div className="pt3 md-px4 lg-px0">
|
|
<div className="clearfix pb3">
|
|
{this.renderProfiles(teamRow1)}
|
|
</div>
|
|
<div className="clearfix">
|
|
{this.renderProfiles(teamRow2)}
|
|
</div>
|
|
</div>
|
|
<div className="pt3 pb2">
|
|
<div
|
|
className="pt2 pb3 sm-center md-pl4 lg-pl0 md-ml3"
|
|
style={{color: CUSTOM_LIGHT_GRAY, fontSize: 24, fontFamily: 'Roboto Mono'}}
|
|
>
|
|
Advisors:
|
|
</div>
|
|
<div className="clearfix">
|
|
{this.renderProfiles(advisors)}
|
|
</div>
|
|
</div>
|
|
<div className="mx-auto py4 sm-px3" style={{maxWidth: 308}}>
|
|
<div
|
|
className="pb2"
|
|
style={{fontSize: 30, color: CUSTOM_GRAY, fontFamily: 'Roboto Mono', letterSpacing: 7.5}}
|
|
>
|
|
WE'RE HIRING
|
|
</div>
|
|
<div
|
|
className="pb4 mb4"
|
|
style={{fontSize: 16, color: CUSTOM_GRAY, lineHeight: 1.5, letterSpacing: '0.5px'}}
|
|
>
|
|
We are seeking outstanding candidates to{' '}
|
|
<a
|
|
href={constants.ANGELLIST_URL}
|
|
target="_blank"
|
|
style={{color: 'black'}}
|
|
>
|
|
join our team
|
|
</a>
|
|
. We value passion, diversity and unique perspectives.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<Footer location={this.props.location} />
|
|
</div>
|
|
);
|
|
}
|
|
private renderProfiles(profiles: ProfileInfo[]) {
|
|
const numIndiv = profiles.length;
|
|
const colSize = utils.getColSize(profiles.length);
|
|
return _.map(profiles, profile => {
|
|
return (
|
|
<div
|
|
key={`profile-${profile.name}`}
|
|
>
|
|
<Profile
|
|
colSize={colSize}
|
|
profileInfo={profile}
|
|
/>
|
|
</div>
|
|
);
|
|
});
|
|
}
|
|
}
|