From 9a7ccc20e83cd12428f388e403bfb8773ff8cdd9 Mon Sep 17 00:00:00 2001
From: Fred Carlsen <fred@sjelfull.no>
Date: Wed, 20 Feb 2019 16:41:42 +0100
Subject: [PATCH 01/27] Add new 404 page

---
 packages/website/ts/components/siteWrap.tsx   | 12 +++++--
 .../website/ts/pages/fullscreen_message.tsx   | 32 +++++++++--------
 packages/website/ts/pages/not_found.tsx       | 34 +++++++++++--------
 3 files changed, 47 insertions(+), 31 deletions(-)

diff --git a/packages/website/ts/components/siteWrap.tsx b/packages/website/ts/components/siteWrap.tsx
index 1f0902105c..c89f6c341a 100644
--- a/packages/website/ts/components/siteWrap.tsx
+++ b/packages/website/ts/components/siteWrap.tsx
@@ -9,6 +9,7 @@ import { GlobalStyles } from 'ts/constants/globalStyle';
 
 interface Props {
     theme?: 'dark' | 'light' | 'gray';
+    isFullScreen?: boolean;
     children: any;
 }
 
@@ -18,6 +19,7 @@ interface State {
 
 interface MainProps {
     isNavToggled: boolean;
+    isFullScreen?: boolean;
 }
 
 export interface ThemeValuesInterface {
@@ -118,7 +120,7 @@ export class SiteWrap extends React.Component<Props, State> {
     };
 
     public render(): React.ReactNode {
-        const { children, theme = 'dark' } = this.props;
+        const { children, theme = 'dark', isFullScreen } = this.props;
         const { isMobileNavOpen } = this.state;
         const currentTheme = GLOBAL_THEMES[theme];
 
@@ -130,7 +132,7 @@ export class SiteWrap extends React.Component<Props, State> {
 
                         <Header isNavToggled={isMobileNavOpen} toggleMobileNav={this.toggleMobileNav} />
 
-                        <Main isNavToggled={isMobileNavOpen}>{children}</Main>
+                        <Main isNavToggled={isMobileNavOpen} isFullScreen={isFullScreen}>{children}</Main>
 
                         <Footer />
                     </>
@@ -143,4 +145,10 @@ export class SiteWrap extends React.Component<Props, State> {
 const Main = styled.main<MainProps>`
     transition: transform 0.5s, opacity 0.5s;
     opacity: ${props => props.isNavToggled && '0.5'};
+
+    ${props => props.isFullScreen && `
+        display: flex;
+        align-items: center;
+        min-height: calc(100vh - 108px - 381px);
+    `}
 `;
diff --git a/packages/website/ts/pages/fullscreen_message.tsx b/packages/website/ts/pages/fullscreen_message.tsx
index 675f27a01d..70c993cc8c 100644
--- a/packages/website/ts/pages/fullscreen_message.tsx
+++ b/packages/website/ts/pages/fullscreen_message.tsx
@@ -1,30 +1,32 @@
-import { Styles } from '@0x/react-shared';
 import * as React from 'react';
+import styled from 'styled-components';
+import { colors } from 'ts/style/colors';
 
 export interface FullscreenMessageProps {
     headerText: string;
     bodyText: string;
 }
 
-const styles: Styles = {
-    thin: {
-        fontWeight: 100,
-    },
-};
-
 export const FullscreenMessage = (props: FullscreenMessageProps) => {
     return (
         <div className="mx-auto max-width-4 py4">
             <div className="center py4">
-                <div className="py4">
-                    <div className="py4">
-                        <h1 style={styles.thin}>{props.headerText}</h1>
-                        <div className="py1">
-                            <div className="py3">{props.bodyText}</div>
-                        </div>
-                    </div>
-                </div>
+                <Heading>{props.headerText}</Heading>
+                <Paragraph>{props.bodyText}</Paragraph>
             </div>
         </div>
     );
 };
+
+const Heading = styled.h1`
+    color: ${colors.brandLight};
+    font-size: 78px;
+    font-weight: 300;
+    margin-bottom: 35px;
+`;
+
+const Paragraph = styled.p`
+    color: #7A7A7A;
+    font-size: 22px;
+    line-height: 1.409090909;
+`;
diff --git a/packages/website/ts/pages/not_found.tsx b/packages/website/ts/pages/not_found.tsx
index 6abd8fc808..6f4da6f679 100644
--- a/packages/website/ts/pages/not_found.tsx
+++ b/packages/website/ts/pages/not_found.tsx
@@ -1,6 +1,10 @@
+import { utils as sharedUtils } from '@0x/react-shared';
+import * as _ from 'lodash';
 import * as React from 'react';
-import { Footer } from 'ts/components/old_footer';
-import { TopBar } from 'ts/components/top_bar/top_bar';
+import DocumentTitle from 'react-document-title';
+import styled, { keyframes } from 'styled-components';
+
+import { SiteWrap } from 'ts/components/siteWrap';
 import { FullscreenMessage } from 'ts/pages/fullscreen_message';
 import { Dispatcher } from 'ts/redux/dispatcher';
 import { Translate } from 'ts/utils/translate';
@@ -11,15 +15,17 @@ export interface NotFoundProps {
     dispatcher: Dispatcher;
 }
 
-export const NotFound = (props: NotFoundProps) => {
-    return (
-        <div>
-            <TopBar blockchainIsLoaded={false} location={props.location} translate={props.translate} />
-            <FullscreenMessage
-                headerText={'404 Not Found'}
-                bodyText={"Hm... looks like we couldn't find what you are looking for."}
-            />
-            <Footer translate={props.translate} dispatcher={props.dispatcher} />
-        </div>
-    );
-};
+export class NotFound extends React.Component<NotFoundProps> {
+    public render(): React.ReactNode {
+        return (
+            <SiteWrap isFullScreen={true}>
+                <DocumentTitle title="404 Page Not Found" />
+
+                <FullscreenMessage
+                    headerText={'404'}
+                    bodyText={"Hm... looks like we couldn't find what you are looking for."}
+                />
+            </SiteWrap>
+        );
+    }
+}

From 88b7c214f71fedc7d3acf63d1279da9b1e98a04f Mon Sep 17 00:00:00 2001
From: Fred Carlsen <fred@sjelfull.no>
Date: Thu, 21 Feb 2019 11:16:52 +0100
Subject: [PATCH 02/27] Add extensions page

---
 packages/website/ts/components/card.tsx       |  69 +++++++++
 .../dropdowns/dropdown_products.tsx           |   5 +
 packages/website/ts/index.tsx                 |   2 +
 packages/website/ts/pages/extensions.tsx      | 143 ++++++++++++++++++
 packages/website/ts/types.ts                  |   1 +
 5 files changed, 220 insertions(+)
 create mode 100644 packages/website/ts/components/card.tsx
 create mode 100644 packages/website/ts/pages/extensions.tsx

diff --git a/packages/website/ts/components/card.tsx b/packages/website/ts/components/card.tsx
new file mode 100644
index 0000000000..02b3136f67
--- /dev/null
+++ b/packages/website/ts/components/card.tsx
@@ -0,0 +1,69 @@
+import * as React from 'react';
+import styled from 'styled-components';
+
+import { colors } from 'ts/style/colors';
+
+import { Icon } from 'ts/components/icon';
+import { Heading, Paragraph } from 'ts/components/text';
+
+interface CardProps {
+    icon: string;
+    heading: string;
+    description: string;
+    href?: string;
+}
+
+export const Card: React.StatelessComponent<CardProps> = (props: CardProps) => {
+    const { heading, description, icon } = props;
+
+    return (
+        <StyledCard>
+            <CardHead>
+                <Icon name={icon} size="large" />
+            </CardHead>
+            <CardContent>
+                <Heading asElement="h4" size="small" marginBottom="15px">
+                    {heading}
+                </Heading>
+                <Paragraph isMuted={true}>{description}</Paragraph>
+            </CardContent>
+        </StyledCard>
+    );
+};
+
+const StyledCard = styled.div`
+    background-color: ${colors.backgroundDark};
+    width: 100%;
+    min-height: 520px;
+    flex: 0 0 auto;
+    transition: opacity 0.4s ease-in-out;
+
+    @media (max-width: 1200px) {
+        width: 100%;
+    }
+
+    @media (max-width: 500px) {
+        width: calc(100vw - 10px - 30px);
+        height: 450px;
+    }
+`;
+
+const CardHead = styled.div`
+    background-color: ${colors.brandDark};
+    height: 300px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    @media (max-width: 500px) {
+        height: 240px;
+    }
+`;
+
+const CardContent = styled.div`
+    padding: 30px;
+
+    @media (max-width: 500px) {
+        padding: 20px;
+    }
+`;
diff --git a/packages/website/ts/components/dropdowns/dropdown_products.tsx b/packages/website/ts/components/dropdowns/dropdown_products.tsx
index 6cb94f14ca..fb85130c14 100644
--- a/packages/website/ts/components/dropdowns/dropdown_products.tsx
+++ b/packages/website/ts/components/dropdowns/dropdown_products.tsx
@@ -17,6 +17,11 @@ const navData = [
         description: 'Build on the 0x protocol',
         url: WebsitePaths.LaunchKit,
     },
+    {
+        title: '0x Extensions',
+        description: 'Support new types of trading on your relayer with 0x Extensions',
+        url: WebsitePaths.Extensions,
+    },
     {
         title: 'Governance',
         description: 'Vote on changes to the 0x protocol',
diff --git a/packages/website/ts/index.tsx b/packages/website/ts/index.tsx
index 403db1dc22..347471cd41 100644
--- a/packages/website/ts/index.tsx
+++ b/packages/website/ts/index.tsx
@@ -22,6 +22,7 @@ import { NextAboutPress } from 'ts/pages/about/press';
 import { NextAboutTeam } from 'ts/pages/about/team';
 import { Credits } from 'ts/pages/credits';
 import { NextEcosystem } from 'ts/pages/ecosystem';
+import { Extensions } from 'ts/pages/extensions';
 import { Governance } from 'ts/pages/governance/governance';
 import { Next0xInstant } from 'ts/pages/instant';
 import { NextLanding } from 'ts/pages/landing';
@@ -117,6 +118,7 @@ render(
                                 <Route exact={true} path={WebsitePaths.LaunchKit} component={NextLaunchKit as any} />
                                 <Route exact={true} path={WebsitePaths.Ecosystem} component={NextEcosystem as any} />
                                 <Route exact={true} path={WebsitePaths.Vote} component={Governance as any} />
+                                <Route exact={true} path={WebsitePaths.Extensions} component={Extensions as any} />
                                 <Route
                                     exact={true}
                                     path={WebsitePaths.AboutMission}
diff --git a/packages/website/ts/pages/extensions.tsx b/packages/website/ts/pages/extensions.tsx
new file mode 100644
index 0000000000..ee7d762d18
--- /dev/null
+++ b/packages/website/ts/pages/extensions.tsx
@@ -0,0 +1,143 @@
+import * as _ from 'lodash';
+import * as React from 'react';
+import DocumentTitle from 'react-document-title';
+import styled from 'styled-components';
+
+import { Hero } from 'ts/components/hero';
+
+import { Banner } from 'ts/components/banner';
+import { Button } from 'ts/components/button';
+import { Definition } from 'ts/components/definition';
+import { Icon } from 'ts/components/icon';
+import { SiteWrap } from 'ts/components/siteWrap';
+
+import { Card } from 'ts/components/card';
+import { Section } from 'ts/components/newLayout';
+import { constants } from 'ts/utils/constants';
+
+import { ModalContact } from '../components/modals/modal_contact';
+
+interface Extension {
+    icon: string;
+    title: string;
+    description: string;
+}
+
+const extensionData: Extension[] = [
+    {
+        icon: 'supportForAllEthereumStandards',
+        title: 'Dutch Auction',
+        description: `Dutch Auctions continually reduce prices until a buyer is found. They're perfect for new or rare assets, and with 0x's off-chain model, they're gas-efficient as well.`,
+    },
+    {
+        icon: 'supportForAllEthereumStandards',
+        title: 'Forwarder Contract',
+        description: `Say goodbye to WETH! The Forwarder Contract will automatically wrap ETH and fill orders, making buying assets on 0x one step simpler.`,
+    },
+    {
+        icon: 'supportForAllEthereumStandards',
+        title: 'Whitelist Filter',
+        description: `Restrict access to your relayer with a Whitelist of approved traders. Bring your own list of addresses, or use Wyre's KYC list for free.`,
+    },
+    {
+        icon: 'supportForAllEthereumStandards',
+        title: 'Whitelist Filter',
+        description: `Restrict access to your relayer with a Whitelist of approved traders. Bring your own list of addresses, or use Wyre's KYC list for free.`,
+    },
+    {
+        icon: 'supportForAllEthereumStandards',
+        title: 'Whitelist Filter',
+        description: `Restrict access to your relayer with a Whitelist of approved traders. Bring your own list of addresses, or use Wyre's KYC list for free.`,
+    },
+    {
+        icon: 'supportForAllEthereumStandards',
+        title: 'Whitelist Filter',
+        description: `Restrict access to your relayer with a Whitelist of approved traders. Bring your own list of addresses, or use Wyre's KYC list for free.`,
+    },
+    {
+        icon: 'supportForAllEthereumStandards',
+        title: 'Whitelist Filter',
+        description: `Restrict access to your relayer with a Whitelist of approved traders. Bring your own list of addresses, or use Wyre's KYC list for free.`,
+    },
+];
+
+export class Extensions extends React.Component {
+    public state = {
+        isContactModalOpen: false,
+    };
+    public render(): React.ReactNode {
+        return (
+            <SiteWrap theme="dark">
+                <DocumentTitle title="0x Extensions" />
+                <Hero
+                    isLargeTitle={false}
+                    isFullWidth={false}
+                    title="0x Extensions"
+                    description="Support new types of trading on your relayer with 0x Extensions"
+                    figure={<Icon name="launchKit" size="hero" margin={['small', 0, 'small', 0]} />}
+                    actions={<HeroActions />}
+                />
+
+                <Section isFullWidth={true} wrapWidth="100%">
+                    <Grid>
+                        {_.map(extensionData, (item, index) => (
+                            <Card
+                                key={`extensionCard-${index}`}
+                                heading={item.title}
+                                description={item.description}
+                                icon={item.icon}
+                            />
+                        ))}
+                    </Grid>
+                </Section>
+
+                <Banner
+                    heading="Create your own 0x extension contracts"
+                    subline="Developers can build custom extensions on 0x to add new modes of exchange"
+                    mainCta={{
+                        text: 'Get Started',
+                        href: `${constants.URL_LAUNCH_KIT}/#table-of-contents`,
+                        shouldOpenInNewTab: true,
+                    }}
+                    secondaryCta={{ text: 'Get in Touch', onClick: this._onOpenContactModal.bind(this) }}
+                />
+                <ModalContact isOpen={this.state.isContactModalOpen} onDismiss={this._onDismissContactModal} />
+            </SiteWrap>
+        );
+    }
+
+    public _onOpenContactModal = (): void => {
+        this.setState({ isContactModalOpen: true });
+    };
+
+    public _onDismissContactModal = (): void => {
+        this.setState({ isContactModalOpen: false });
+    };
+}
+
+const HeroActions = () => (
+    <React.Fragment>
+        <Button href={constants.URL_LAUNCH_KIT} isInline={true} target="_blank">
+            Learn More
+        </Button>
+
+        <Button href={constants.URL_LAUNCH_KIT_BLOG_POST} isTransparent={true} isInline={true} target="_blank">
+            Learn More!
+        </Button>
+    </React.Fragment>
+);
+
+const Grid = styled.div`
+    display: grid;
+    grid-template-columns: repeat(1, 1fr);
+    grid-column-gap: 30px;
+    grid-row-gap: 30px;
+
+    @media (min-width: 500px) {
+        grid-template-columns: repeat(2, 1fr);
+    }
+
+    @media (min-width: 900px) {
+        grid-template-columns: repeat(3, 1fr);
+    }
+`;
diff --git a/packages/website/ts/types.ts b/packages/website/ts/types.ts
index 49e2869671..2b4abc1b1e 100644
--- a/packages/website/ts/types.ts
+++ b/packages/website/ts/types.ts
@@ -386,6 +386,7 @@ export enum WebsitePaths {
     Careers = '/careers',
     Credits = '/credits',
     Vote = '/vote',
+    Extensions = '/extensions',
 }
 
 export enum DocPackages {

From 8804e6c2cad6d68eac8a83561085cded188e5cbd Mon Sep 17 00:00:00 2001
From: Fred Carlsen <fred@sjelfull.no>
Date: Thu, 21 Feb 2019 11:17:01 +0100
Subject: [PATCH 03/27] Tweak banner

---
 packages/website/ts/components/banner.tsx    | 10 +++++++---
 packages/website/ts/components/newLayout.tsx |  3 +++
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/packages/website/ts/components/banner.tsx b/packages/website/ts/components/banner.tsx
index 10c9ab7bcf..0174c4b2cf 100644
--- a/packages/website/ts/components/banner.tsx
+++ b/packages/website/ts/components/banner.tsx
@@ -31,11 +31,11 @@ interface BorderProps {
 export const Banner: React.StatelessComponent<Props> = (props: Props) => {
     const { heading, subline, mainCta, secondaryCta } = props;
     return (
-        <CustomSection bgColor={colors.brandDark} isFlex={true} flexBreakpoint="900px" paddingMobile="120px 0">
+        <CustomSection bgColor={colors.brandDark} isFlex={true} flexBreakpoint="900px" paddingMobile="120px 0" alignItems="center">
             <Border />
             <Border isBottom={true} />
 
-            <Column>
+            <Column maxWidth="455px">
                 <CustomHeading>{heading}</CustomHeading>
 
                 {subline && (
@@ -77,6 +77,7 @@ export const Banner: React.StatelessComponent<Props> = (props: Props) => {
 const CustomSection = styled(Section)`
     color: ${colors.white};
     margin-top: 30px;
+    margin-top: 0;
 
     @media (max-width: 900px) {
         text-align: center;
@@ -93,8 +94,11 @@ const CustomSection = styled(Section)`
 
 const CustomHeading = styled.h2`
     font-size: 34px;
+    line-height: normal;
     font-weight: 400;
-    margin-bottom: 10px @media (max-width: 768px) {
+    margin-bottom: 10px;
+
+    @media (max-width: 768px) {
         font-size: 30px;
     }
 `;
diff --git a/packages/website/ts/components/newLayout.tsx b/packages/website/ts/components/newLayout.tsx
index 07691a02a3..49e22e3390 100644
--- a/packages/website/ts/components/newLayout.tsx
+++ b/packages/website/ts/components/newLayout.tsx
@@ -32,12 +32,14 @@ export interface SectionProps extends WrapProps {
     maxWidth?: string;
     bgColor?: 'dark' | 'light' | string;
     children: any;
+    alignItems?: string;
 }
 
 export interface FlexProps {
     padding?: string;
     isFlex?: boolean;
     flexBreakpoint?: string;
+    alignItems?: string;
 }
 
 export interface ColumnProps {
@@ -76,6 +78,7 @@ export const FlexWrap = styled.div<FlexProps>`
     @media (min-width: ${props => props.flexBreakpoint || '768px'}) {
         display: ${props => props.isFlex && 'flex'};
         justify-content: ${props => props.isFlex && 'space-between'};
+        align-items: ${props => props.alignItems};
     }
 `;
 

From 1dfd2aec5036e043d013bc1b57792fe1295e4024 Mon Sep 17 00:00:00 2001
From: Fred Carlsen <fred@sjelfull.no>
Date: Thu, 21 Feb 2019 13:41:33 +0100
Subject: [PATCH 04/27] Tweak banner

---
 packages/website/ts/components/banner.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/packages/website/ts/components/banner.tsx b/packages/website/ts/components/banner.tsx
index 0174c4b2cf..906976c264 100644
--- a/packages/website/ts/components/banner.tsx
+++ b/packages/website/ts/components/banner.tsx
@@ -44,7 +44,7 @@ export const Banner: React.StatelessComponent<Props> = (props: Props) => {
                     </Paragraph>
                 )}
             </Column>
-            <Column>
+            <ColumnCta>
                 <ButtonWrap>
                     {mainCta && (
                         <Button
@@ -69,7 +69,7 @@ export const Banner: React.StatelessComponent<Props> = (props: Props) => {
                         </Button>
                     )}
                 </ButtonWrap>
-            </Column>
+            </ColumnCta>
         </CustomSection>
     );
 };
@@ -80,6 +80,9 @@ const CustomSection = styled(Section)`
     margin-top: 0;
 
     @media (max-width: 900px) {
+        align-items: center;
+        display: flex;
+        flex-direction: column;
         text-align: center;
 
         p {
@@ -92,6 +95,10 @@ const CustomSection = styled(Section)`
     }
 `;
 
+const ColumnCta = styled(Column)`
+    flex-shrink: 0;
+`;
+
 const CustomHeading = styled.h2`
     font-size: 34px;
     line-height: normal;

From 6a6c41df26cb0df0f218db66f66fb658dd8df005 Mon Sep 17 00:00:00 2001
From: Fred Carlsen <fred@sjelfull.no>
Date: Thu, 21 Feb 2019 13:42:03 +0100
Subject: [PATCH 05/27] Tweak extensions width

---
 packages/website/ts/components/card.tsx  |  4 +---
 packages/website/ts/pages/extensions.tsx | 22 +++++++++++++++++++---
 2 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/packages/website/ts/components/card.tsx b/packages/website/ts/components/card.tsx
index 02b3136f67..568cef07ec 100644
--- a/packages/website/ts/components/card.tsx
+++ b/packages/website/ts/components/card.tsx
@@ -39,12 +39,10 @@ const StyledCard = styled.div`
     transition: opacity 0.4s ease-in-out;
 
     @media (max-width: 1200px) {
-        width: 100%;
     }
 
     @media (max-width: 500px) {
-        width: calc(100vw - 10px - 30px);
-        height: 450px;
+        min-height: 450px;
     }
 `;
 
diff --git a/packages/website/ts/pages/extensions.tsx b/packages/website/ts/pages/extensions.tsx
index ee7d762d18..71d5237b8e 100644
--- a/packages/website/ts/pages/extensions.tsx
+++ b/packages/website/ts/pages/extensions.tsx
@@ -78,7 +78,7 @@ export class Extensions extends React.Component {
                     actions={<HeroActions />}
                 />
 
-                <Section isFullWidth={true} wrapWidth="100%">
+                <CustomSection>
                     <Grid>
                         {_.map(extensionData, (item, index) => (
                             <Card
@@ -89,7 +89,7 @@ export class Extensions extends React.Component {
                             />
                         ))}
                     </Grid>
-                </Section>
+                </CustomSection>
 
                 <Banner
                     heading="Create your own 0x extension contracts"
@@ -118,7 +118,7 @@ export class Extensions extends React.Component {
 const HeroActions = () => (
     <React.Fragment>
         <Button href={constants.URL_LAUNCH_KIT} isInline={true} target="_blank">
-            Learn More
+            Get Started
         </Button>
 
         <Button href={constants.URL_LAUNCH_KIT_BLOG_POST} isTransparent={true} isInline={true} target="_blank">
@@ -127,6 +127,18 @@ const HeroActions = () => (
     </React.Fragment>
 );
 
+const CustomSection = styled.div`
+    width: calc(100% - 60px);
+    max-width: 1500px;
+    margin: 0 auto;
+    padding: 120px 0;
+    position: relative;
+
+    @media (max-width: 768px) {
+        padding: 40px 0;
+    }
+`;
+
 const Grid = styled.div`
     display: grid;
     grid-template-columns: repeat(1, 1fr);
@@ -140,4 +152,8 @@ const Grid = styled.div`
     @media (min-width: 900px) {
         grid-template-columns: repeat(3, 1fr);
     }
+
+    @media (min-width: 1560px) {
+        padding: 0;
+    }
 `;

From 3955e2c84ace6184d57540a0213e437713b5ee87 Mon Sep 17 00:00:00 2001
From: Fred Carlsen <fred@sjelfull.no>
Date: Thu, 21 Feb 2019 13:43:47 +0100
Subject: [PATCH 06/27] Tweak padding

---
 packages/website/ts/pages/extensions.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/website/ts/pages/extensions.tsx b/packages/website/ts/pages/extensions.tsx
index 71d5237b8e..cb41a2e2d4 100644
--- a/packages/website/ts/pages/extensions.tsx
+++ b/packages/website/ts/pages/extensions.tsx
@@ -131,11 +131,11 @@ const CustomSection = styled.div`
     width: calc(100% - 60px);
     max-width: 1500px;
     margin: 0 auto;
-    padding: 120px 0;
+    padding: 0 0 120px;
     position: relative;
 
     @media (max-width: 768px) {
-        padding: 40px 0;
+        padding: 0 0 40px;
     }
 `;
 

From 30f2e3b606776a2aadab090d3f145d49e5123010 Mon Sep 17 00:00:00 2001
From: Fred Carlsen <fred@sjelfull.no>
Date: Thu, 21 Feb 2019 13:49:35 +0100
Subject: [PATCH 07/27] Remove placeholder extensions

---
 packages/website/ts/pages/extensions.tsx | 20 --------------------
 1 file changed, 20 deletions(-)

diff --git a/packages/website/ts/pages/extensions.tsx b/packages/website/ts/pages/extensions.tsx
index cb41a2e2d4..6b9a8e097b 100644
--- a/packages/website/ts/pages/extensions.tsx
+++ b/packages/website/ts/pages/extensions.tsx
@@ -39,26 +39,6 @@ const extensionData: Extension[] = [
         title: 'Whitelist Filter',
         description: `Restrict access to your relayer with a Whitelist of approved traders. Bring your own list of addresses, or use Wyre's KYC list for free.`,
     },
-    {
-        icon: 'supportForAllEthereumStandards',
-        title: 'Whitelist Filter',
-        description: `Restrict access to your relayer with a Whitelist of approved traders. Bring your own list of addresses, or use Wyre's KYC list for free.`,
-    },
-    {
-        icon: 'supportForAllEthereumStandards',
-        title: 'Whitelist Filter',
-        description: `Restrict access to your relayer with a Whitelist of approved traders. Bring your own list of addresses, or use Wyre's KYC list for free.`,
-    },
-    {
-        icon: 'supportForAllEthereumStandards',
-        title: 'Whitelist Filter',
-        description: `Restrict access to your relayer with a Whitelist of approved traders. Bring your own list of addresses, or use Wyre's KYC list for free.`,
-    },
-    {
-        icon: 'supportForAllEthereumStandards',
-        title: 'Whitelist Filter',
-        description: `Restrict access to your relayer with a Whitelist of approved traders. Bring your own list of addresses, or use Wyre's KYC list for free.`,
-    },
 ];
 
 export class Extensions extends React.Component {

From 778a86e7eb9626f2cab24aea34ae480a9a842ec8 Mon Sep 17 00:00:00 2001
From: Fred Carlsen <fred@sjelfull.no>
Date: Fri, 22 Feb 2019 11:18:04 +0100
Subject: [PATCH 08/27] Fix linting issues

---
 packages/website/ts/components/banner.tsx        | 8 +++++++-
 packages/website/ts/components/siteWrap.tsx      | 8 ++++++--
 packages/website/ts/pages/fullscreen_message.tsx | 2 +-
 3 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/packages/website/ts/components/banner.tsx b/packages/website/ts/components/banner.tsx
index 906976c264..b01637ae80 100644
--- a/packages/website/ts/components/banner.tsx
+++ b/packages/website/ts/components/banner.tsx
@@ -31,7 +31,13 @@ interface BorderProps {
 export const Banner: React.StatelessComponent<Props> = (props: Props) => {
     const { heading, subline, mainCta, secondaryCta } = props;
     return (
-        <CustomSection bgColor={colors.brandDark} isFlex={true} flexBreakpoint="900px" paddingMobile="120px 0" alignItems="center">
+        <CustomSection
+            bgColor={colors.brandDark}
+            isFlex={true}
+            flexBreakpoint="900px"
+            paddingMobile="120px 0"
+            alignItems="center"
+        >
             <Border />
             <Border isBottom={true} />
 
diff --git a/packages/website/ts/components/siteWrap.tsx b/packages/website/ts/components/siteWrap.tsx
index c89f6c341a..fe5218f820 100644
--- a/packages/website/ts/components/siteWrap.tsx
+++ b/packages/website/ts/components/siteWrap.tsx
@@ -132,7 +132,9 @@ export class SiteWrap extends React.Component<Props, State> {
 
                         <Header isNavToggled={isMobileNavOpen} toggleMobileNav={this.toggleMobileNav} />
 
-                        <Main isNavToggled={isMobileNavOpen} isFullScreen={isFullScreen}>{children}</Main>
+                        <Main isNavToggled={isMobileNavOpen} isFullScreen={isFullScreen}>
+                            {children}
+                        </Main>
 
                         <Footer />
                     </>
@@ -146,7 +148,9 @@ const Main = styled.main<MainProps>`
     transition: transform 0.5s, opacity 0.5s;
     opacity: ${props => props.isNavToggled && '0.5'};
 
-    ${props => props.isFullScreen && `
+    ${props =>
+        props.isFullScreen &&
+        `
         display: flex;
         align-items: center;
         min-height: calc(100vh - 108px - 381px);
diff --git a/packages/website/ts/pages/fullscreen_message.tsx b/packages/website/ts/pages/fullscreen_message.tsx
index 70c993cc8c..30e460420a 100644
--- a/packages/website/ts/pages/fullscreen_message.tsx
+++ b/packages/website/ts/pages/fullscreen_message.tsx
@@ -26,7 +26,7 @@ const Heading = styled.h1`
 `;
 
 const Paragraph = styled.p`
-    color: #7A7A7A;
+    color: #7a7a7a;
     font-size: 22px;
     line-height: 1.409090909;
 `;

From 1f681f02aebf5127d3d3aaf142e164572bb6435b Mon Sep 17 00:00:00 2001
From: Fred Carlsen <fred@sjelfull.no>
Date: Fri, 22 Feb 2019 11:23:55 +0100
Subject: [PATCH 09/27] More cleanup

---
 packages/website/ts/pages/extensions.tsx            | 2 --
 packages/website/ts/pages/governance/modal_vote.tsx | 9 ---------
 packages/website/ts/pages/governance/vote_form.tsx  | 8 --------
 packages/website/ts/pages/not_found.tsx             | 2 --
 4 files changed, 21 deletions(-)

diff --git a/packages/website/ts/pages/extensions.tsx b/packages/website/ts/pages/extensions.tsx
index 6b9a8e097b..ac608bd794 100644
--- a/packages/website/ts/pages/extensions.tsx
+++ b/packages/website/ts/pages/extensions.tsx
@@ -7,12 +7,10 @@ import { Hero } from 'ts/components/hero';
 
 import { Banner } from 'ts/components/banner';
 import { Button } from 'ts/components/button';
-import { Definition } from 'ts/components/definition';
 import { Icon } from 'ts/components/icon';
 import { SiteWrap } from 'ts/components/siteWrap';
 
 import { Card } from 'ts/components/card';
-import { Section } from 'ts/components/newLayout';
 import { constants } from 'ts/utils/constants';
 
 import { ModalContact } from '../components/modals/modal_contact';
diff --git a/packages/website/ts/pages/governance/modal_vote.tsx b/packages/website/ts/pages/governance/modal_vote.tsx
index 5c86b38611..6a018e6b26 100644
--- a/packages/website/ts/pages/governance/modal_vote.tsx
+++ b/packages/website/ts/pages/governance/modal_vote.tsx
@@ -80,15 +80,6 @@ export class ModalVote extends React.Component<Props> {
         errors: {},
     };
     // shared fields
-    public nameRef: React.RefObject<HTMLInputElement> = React.createRef();
-    public emailRef: React.RefObject<HTMLInputElement> = React.createRef();
-    public companyProjectRef: React.RefObject<HTMLInputElement> = React.createRef();
-    public commentsRef: React.RefObject<HTMLInputElement> = React.createRef();
-    // general lead fields
-    public linkRef: React.RefObject<HTMLInputElement> = React.createRef();
-    // market maker lead fields
-    public countryRef: React.RefObject<HTMLInputElement> = React.createRef();
-    public fundSizeRef: React.RefObject<HTMLInputElement> = React.createRef();
     public constructor(props: Props) {
         super(props);
     }
diff --git a/packages/website/ts/pages/governance/vote_form.tsx b/packages/website/ts/pages/governance/vote_form.tsx
index d39b2e8628..fd9f318bc3 100644
--- a/packages/website/ts/pages/governance/vote_form.tsx
+++ b/packages/website/ts/pages/governance/vote_form.tsx
@@ -106,15 +106,7 @@ export class VoteForm extends React.Component<Props> {
         errors: {},
     };
     // shared fields
-    public nameRef: React.RefObject<HTMLInputElement> = React.createRef();
-    public emailRef: React.RefObject<HTMLInputElement> = React.createRef();
-    public companyProjectRef: React.RefObject<HTMLInputElement> = React.createRef();
     public commentsRef: React.RefObject<HTMLInputElement> = React.createRef();
-    // general lead fields
-    public linkRef: React.RefObject<HTMLInputElement> = React.createRef();
-    // market maker lead fields
-    public countryRef: React.RefObject<HTMLInputElement> = React.createRef();
-    public fundSizeRef: React.RefObject<HTMLInputElement> = React.createRef();
     public constructor(props: Props) {
         super(props);
     }
diff --git a/packages/website/ts/pages/not_found.tsx b/packages/website/ts/pages/not_found.tsx
index 6f4da6f679..ca23b534ff 100644
--- a/packages/website/ts/pages/not_found.tsx
+++ b/packages/website/ts/pages/not_found.tsx
@@ -1,8 +1,6 @@
-import { utils as sharedUtils } from '@0x/react-shared';
 import * as _ from 'lodash';
 import * as React from 'react';
 import DocumentTitle from 'react-document-title';
-import styled, { keyframes } from 'styled-components';
 
 import { SiteWrap } from 'ts/components/siteWrap';
 import { FullscreenMessage } from 'ts/pages/fullscreen_message';

From 9a91f917e0c22a7f78ece9b2261c03d2d36226db Mon Sep 17 00:00:00 2001
From: Fred Carlsen <fred@sjelfull.no>
Date: Fri, 22 Feb 2019 13:03:30 +0100
Subject: [PATCH 10/27] Tweak cards + add links

---
 packages/website/ts/components/card.tsx  | 49 ++++++++++++++++++++----
 packages/website/ts/pages/extensions.tsx | 30 ++++++++++++---
 2 files changed, 66 insertions(+), 13 deletions(-)

diff --git a/packages/website/ts/components/card.tsx b/packages/website/ts/components/card.tsx
index 568cef07ec..11c1b3866e 100644
--- a/packages/website/ts/components/card.tsx
+++ b/packages/website/ts/components/card.tsx
@@ -1,46 +1,70 @@
+import * as _ from 'lodash';
 import * as React from 'react';
 import styled from 'styled-components';
 
 import { colors } from 'ts/style/colors';
 
+import { Button } from 'ts/components/button';
 import { Icon } from 'ts/components/icon';
 import { Heading, Paragraph } from 'ts/components/text';
 
+export interface LinkProps {
+    text: string;
+    url: string;
+}
+
 interface CardProps {
     icon: string;
     heading: string;
     description: string;
     href?: string;
+    links?: LinkProps[];
 }
 
 export const Card: React.StatelessComponent<CardProps> = (props: CardProps) => {
-    const { heading, description, icon } = props;
+    const { heading, description, icon, links } = props;
 
     return (
         <StyledCard>
             <CardHead>
-                <Icon name={icon} size="large" />
+                <Icon name={icon} size={160} />
             </CardHead>
             <CardContent>
-                <Heading asElement="h4" size="small" marginBottom="15px">
+                <Heading asElement="h4" size="default" marginBottom="15px">
                     {heading}
                 </Heading>
                 <Paragraph isMuted={true}>{description}</Paragraph>
+                <Links>
+                    {_.map(links, (link, index) => (
+                        <Button
+                            href={link.url}
+                            target={!_.isUndefined(link.url) ? '_blank' : undefined}
+                            isWithArrow={true}
+                            isAccentColor={true}
+                            key={`cardLink-${index}-${link.url}`}
+                        >
+                            {link.text}
+                        </Button>
+                    ))}
+                </Links>
             </CardContent>
         </StyledCard>
     );
 };
 
+const StyledIcon = styled(Icon)`
+    height: 100%;
+`
+
 const StyledCard = styled.div`
     background-color: ${colors.backgroundDark};
+    display: flex;
+    flex-direction: column;
     width: 100%;
     min-height: 520px;
     flex: 0 0 auto;
     transition: opacity 0.4s ease-in-out;
 
-    @media (max-width: 1200px) {
-    }
-
     @media (max-width: 500px) {
         min-height: 450px;
     }
@@ -48,20 +72,29 @@ const StyledCard = styled.div`
 
 const CardHead = styled.div`
     background-color: ${colors.brandDark};
-    height: 300px;
+    height: 240px;
     display: flex;
     justify-content: center;
     align-items: center;
+    padding: 40px 0;
 
     @media (max-width: 500px) {
-        height: 240px;
+        height: 180px;
+        padding: 30px 0;
     }
 `;
 
 const CardContent = styled.div`
+    display: flex;
+    flex-direction: column;
     padding: 30px;
+    flex-grow: 1;
 
     @media (max-width: 500px) {
         padding: 20px;
     }
 `;
+
+const Links = styled.div`
+    margin-top: auto;
+`;
diff --git a/packages/website/ts/pages/extensions.tsx b/packages/website/ts/pages/extensions.tsx
index ac608bd794..0edc70f5d5 100644
--- a/packages/website/ts/pages/extensions.tsx
+++ b/packages/website/ts/pages/extensions.tsx
@@ -10,7 +10,7 @@ import { Button } from 'ts/components/button';
 import { Icon } from 'ts/components/icon';
 import { SiteWrap } from 'ts/components/siteWrap';
 
-import { Card } from 'ts/components/card';
+import { Card, LinkProps } from 'ts/components/card';
 import { constants } from 'ts/utils/constants';
 
 import { ModalContact } from '../components/modals/modal_contact';
@@ -19,23 +19,42 @@ interface Extension {
     icon: string;
     title: string;
     description: string;
+    links?: LinkProps[];
 }
 
 const extensionData: Extension[] = [
     {
-        icon: 'supportForAllEthereumStandards',
+        icon: 'dutchAuction',
         title: 'Dutch Auction',
         description: `Dutch Auctions continually reduce prices until a buyer is found. They're perfect for new or rare assets, and with 0x's off-chain model, they're gas-efficient as well.`,
+        links: [
+            {
+                text: 'Learn More',
+                url: 'https://github.com/0xProject/0x-monorepo/blob/development/contracts/extensions/contracts/src/DutchAuction/DutchAuction.sol',
+            },
+        ],
     },
     {
-        icon: 'supportForAllEthereumStandards',
+        icon: 'forwarderContract',
         title: 'Forwarder Contract',
         description: `Say goodbye to WETH! The Forwarder Contract will automatically wrap ETH and fill orders, making buying assets on 0x one step simpler.`,
+        links: [
+            {
+                text: 'Learn More',
+                url: 'https://github.com/0xProject/0x-protocol-specification/blob/master/v2/forwarder-specification.md',
+            },
+        ],
     },
     {
-        icon: 'supportForAllEthereumStandards',
+        icon: 'whitelistFilter',
         title: 'Whitelist Filter',
         description: `Restrict access to your relayer with a Whitelist of approved traders. Bring your own list of addresses, or use Wyre's KYC list for free.`,
+        links: [
+            {
+                text: 'Learn More',
+                url: 'https://github.com/0xProject/0x-protocol-specification/blob/master/v2/v2-specification.md#whitelist',
+            },
+        ],
     },
 ];
 
@@ -64,6 +83,7 @@ export class Extensions extends React.Component {
                                 heading={item.title}
                                 description={item.description}
                                 icon={item.icon}
+                                links={item.links}
                             />
                         ))}
                     </Grid>
@@ -109,7 +129,7 @@ const CustomSection = styled.div`
     width: calc(100% - 60px);
     max-width: 1500px;
     margin: 0 auto;
-    padding: 0 0 120px;
+    padding: 0 0 60px;
     position: relative;
 
     @media (max-width: 768px) {

From bbafe0fc4699e35499e7d70cc9f79e2ee5d7f906 Mon Sep 17 00:00:00 2001
From: Fred Carlsen <fred@sjelfull.no>
Date: Fri, 22 Feb 2019 13:27:18 +0100
Subject: [PATCH 11/27] Add link to extensions in footer

---
 packages/website/ts/components/footer.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/website/ts/components/footer.tsx b/packages/website/ts/components/footer.tsx
index 261db63b56..0c34143755 100644
--- a/packages/website/ts/components/footer.tsx
+++ b/packages/website/ts/components/footer.tsx
@@ -33,6 +33,7 @@ const linkRows: LinkRows[] = [
         links: [
             { url: WebsitePaths.Instant, text: '0x Instant' },
             { url: WebsitePaths.LaunchKit, text: '0x Launch Kit' },
+            { url: WebsitePaths.Extensions, text: '0x Extensions' },
             { url: WebsitePaths.Vote, text: 'Governance' },
         ],
     },

From d48af7c4c2dbaf853d2aa2506763406f6c525727 Mon Sep 17 00:00:00 2001
From: Fred Carlsen <fred@sjelfull.no>
Date: Fri, 22 Feb 2019 13:42:17 +0100
Subject: [PATCH 12/27] Add icons

---
 packages/website/ts/icons/illustrations/dutchAuction.svg      | 1 +
 packages/website/ts/icons/illustrations/forwarderContract.svg | 1 +
 packages/website/ts/icons/illustrations/whitelistFilter.svg   | 1 +
 3 files changed, 3 insertions(+)
 create mode 100644 packages/website/ts/icons/illustrations/dutchAuction.svg
 create mode 100644 packages/website/ts/icons/illustrations/forwarderContract.svg
 create mode 100644 packages/website/ts/icons/illustrations/whitelistFilter.svg

diff --git a/packages/website/ts/icons/illustrations/dutchAuction.svg b/packages/website/ts/icons/illustrations/dutchAuction.svg
new file mode 100644
index 0000000000..5035cb0646
--- /dev/null
+++ b/packages/website/ts/icons/illustrations/dutchAuction.svg
@@ -0,0 +1 @@
+<svg width="124" height="124" viewBox="0 0 124 124" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M85.126 14.183l1.06-1.06-1.06-1.061-1.06 1.06 1.06 1.061zM58.175 41.135l1.06 1.06-1.06-1.06zM56.61 42.7l-1.06-1.061-1.061 1.06 1.06 1.061 1.06-1.06zM71.375 3.242l1.06-1.06-1.06-1.06-1.06 1.06 1.06 1.06zM45.829 28.79l-1.06-1.06-1.061 1.06 1.06 1.06 1.061-1.06zm63.988 10.085l1.06 1.06 1.061-1.06-1.061-1.06-1.06 1.06zm-1.406 1.406l-1.06-1.061 1.06 1.06zm-27.11 27.11l-1.061 1.06 1.06 1.062 1.061-1.061-1.06-1.06zm-8.52-8.52l1.06-1.06-1.06 1.06zm47.976-6.245l1.06 1.06 1.061-1.06-1.061-1.06-1.06 1.06zM95.211 78.171l-1.06 1.06 1.06 1.061 1.06-1.06-1.06-1.061zm8.155 25.195c-22.846 22.845-59.886 22.845-82.732 0l-2.121 2.121c24.017 24.017 62.957 24.017 86.974 0l-2.121-2.121zm-82.732 0C-2.21 80.52-2.21 43.48 20.634 20.634l-2.121-2.121c-24.017 24.017-24.017 62.957 0 86.974l2.121-2.121zm0-82.732c22.846-22.845 59.886-22.845 82.732 0l2.121-2.121c-24.017-24.017-62.957-24.017-86.974 0l2.121 2.121zm82.732 0c22.845 22.846 22.845 59.886 0 82.732l2.121 2.121c24.017-24.017 24.017-62.957 0-86.974l-2.121 2.121zm-19.3-7.511l-1.406 1.405 2.121 2.121 1.406-1.405-2.122-2.121zm-1.406 1.405L57.114 40.074l2.121 2.121L84.781 16.65l-2.121-2.12zM57.114 40.074l-1.565 1.565 2.121 2.121 1.565-1.565-2.121-2.121zm-1.565 3.686l8.52 8.52 2.121-2.121-8.52-8.52-2.12 2.121zm8.52 6.399l-48.86 48.86 2.122 2.121 48.86-48.86-2.122-2.121zm20.712-35.63L72.436 2.182l-2.122 2.121L82.66 16.65l2.121-2.122zM70.314 2.182L44.77 27.728l2.121 2.122L72.436 4.304l-2.122-2.121zM44.77 29.85l12.345 12.345 2.121-2.121L46.89 27.729l-2.121 2.12zm63.987 7.963l-1.405 1.406 2.121 2.121 1.405-1.405-2.121-2.122zm-1.405 1.406L81.805 64.765l2.121 2.121 25.546-25.546-2.121-2.121zM81.805 64.765L80.24 66.33l2.121 2.12 1.565-1.564-2.121-2.121zm.556 1.565l-8.52-8.52-2.121 2.12 8.52 8.52 2.121-2.12zM71.72 57.81l-48.86 48.859 2.121 2.122 48.86-48.86-2.121-2.121zm35.631-16.47l12.345 12.346 2.121-2.122-12.345-12.345-2.121 2.121zm12.345 10.224L94.15 77.11l2.122 2.121 25.545-25.545-2.121-2.122zM96.272 77.11L83.926 64.765l-2.121 2.121L94.15 79.231l2.122-2.12zM71.28 58.87v62.146h3V58.87h-3zm-6.15-9.15H3.213v3H65.13v-3zm45.747-11.907l-24.69-24.69-2.122 2.121 24.691 24.69 2.121-2.12zM64.069 52.28l7.65 7.65 2.122-2.12-7.65-7.651-2.122 2.121z" fill="#00AE99"/></svg>
\ No newline at end of file
diff --git a/packages/website/ts/icons/illustrations/forwarderContract.svg b/packages/website/ts/icons/illustrations/forwarderContract.svg
new file mode 100644
index 0000000000..b545242d8c
--- /dev/null
+++ b/packages/website/ts/icons/illustrations/forwarderContract.svg
@@ -0,0 +1 @@
+<svg width="124" height="124" viewBox="0 0 124 124" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M121.016 62l1.07 1.052L123.12 62l-1.034-1.052-1.07 1.052zM62 40.283l1.06-1.06L62 38.162l-1.06 1.06L62 40.284zm21.717 21.718l1.06 1.06 1.061-1.06-1.06-1.061L83.717 62zM62 83.718l-1.06 1.06L62 85.84l1.06-1.06L62 83.717zM40.283 62l-1.061-1.06-1.06 1.06 1.06 1.061 1.06-1.06zm80.217 0c0 32.309-26.191 58.5-58.5 58.5v3c33.966 0 61.5-27.534 61.5-61.5h-3zM62 120.5C29.691 120.5 3.5 94.309 3.5 62h-3c0 33.966 27.535 61.5 61.5 61.5v-3zM3.5 62C3.5 29.691 29.691 3.5 62 3.5v-3C28.035.5.5 28.035.5 62h3zM62 3.5c32.309 0 58.5 26.191 58.5 58.5h3C123.5 28.035 95.966.5 62 .5v3zm1.07 119.552l59.016-60-2.139-2.104-59.016 60 2.138 2.104zm59.016-62.104l-59.017-60-2.138 2.104 59.016 60 2.139-2.104zM62 82.631H6.426v3H62v-3zm0-44.262H6.426v3H62v-3zM2 63.5h37.869v-3H2v3zm82.131 0H122v-3H84.131v3zM60.5 2v37.869h3V2h-3zm0 82.131V122h3V84.131h-3zM82.631 62c0 11.394-9.237 20.631-20.631 20.631v3c13.051 0 23.631-10.58 23.631-23.631h-3zM62 82.631c-11.394 0-20.631-9.237-20.631-20.631h-3c0 13.051 10.58 23.631 23.631 23.631v-3zM41.369 62c0-11.394 9.237-20.631 20.631-20.631v-3c-13.051 0-23.631 10.58-23.631 23.631h3zM62 41.369c11.394 0 20.631 9.237 20.631 20.631h3c0-13.051-10.58-23.631-23.631-23.631v3zm-1.06-.025l21.716 21.717 2.122-2.121L63.06 39.223l-2.12 2.121zM82.655 60.94L60.94 82.657l2.121 2.121 21.718-21.717-2.122-2.121zM63.06 82.657L41.343 60.94l-2.121 2.121 21.717 21.717 2.121-2.121zM41.343 63.061L63.06 41.344l-2.12-2.121L39.221 60.94l2.121 2.121z" fill="#00AE99"/></svg>
\ No newline at end of file
diff --git a/packages/website/ts/icons/illustrations/whitelistFilter.svg b/packages/website/ts/icons/illustrations/whitelistFilter.svg
new file mode 100644
index 0000000000..cb6fe2e658
--- /dev/null
+++ b/packages/website/ts/icons/illustrations/whitelistFilter.svg
@@ -0,0 +1 @@
+<svg width="124" height="124" viewBox="0 0 124 124" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.246 22.656l-.387-1.45-1.165.311.053 1.205 1.499-.066zM19.95 84.13l-1.499.066.028.628.467.42 1.004-1.114zm86.803-61.475l1.499.066.053-1.205-1.165-.31-.387 1.449zm-2.705 61.475l1.004 1.115.467-.42.028-.629-1.499-.066zM120.5 62c0 32.309-26.191 58.5-58.5 58.5v3c33.966 0 61.5-27.534 61.5-61.5h-3zM62 120.5C29.691 120.5 3.5 94.309 3.5 62h-3c0 33.966 27.535 61.5 61.5 61.5v-3zM3.5 62C3.5 29.691 29.691 3.5 62 3.5v-3C28.035.5.5 28.035.5 62h3zM62 3.5c32.309 0 58.5 26.191 58.5 58.5h3C123.5 28.035 95.966.5 62 .5v3zM15.747 22.722l2.705 61.475 2.997-.132-2.705-61.475-2.997.132zm3.2 62.524l42.05 37.869 2.007-2.23-42.05-37.869-2.007 2.23zm-1.314-61.141c20.36-5.435 30.277-9.196 45.29-20.923L61.077.818C46.502 12.203 37.01 15.828 16.859 21.207l.774 2.898zm-1.358-.306l22.869 19.426 1.942-2.286-22.869-19.427-1.942 2.287zm4.512 61.578l18.688-12.541-1.672-2.491-18.688 12.54 1.672 2.492zm84.469-62.787l-2.705 61.475 2.997.132 2.705-61.475-2.997-.132zm-2.211 60.426l-42.049 37.869 2.008 2.23 42.049-37.87-2.008-2.229zm4.096-61.81C86.991 15.828 77.499 12.203 62.923.818l-1.846 2.364c15.013 11.727 24.93 15.488 45.29 20.923l.774-2.899zm-1.358.306L82.914 40.94l1.942 2.286L107.725 23.8l-1.942-2.287zm-.898 61.374L86.196 70.345l-1.671 2.49 18.688 12.542 1.672-2.491zM87.057 57.48c0 13.89-11.26 25.15-25.15 25.15v3c15.547 0 28.15-12.603 28.15-28.15h-3zm-25.15 25.15c-13.891 0-25.152-11.26-25.152-25.15h-3c0 15.547 12.604 28.15 28.151 28.15v-3zM36.754 57.48c0-13.89 11.26-25.151 25.151-25.151v-3c-15.547 0-28.15 12.603-28.15 28.15h3zm25.151-25.151c13.891 0 25.152 11.26 25.152 25.15h3c0-15.547-12.604-28.15-28.152-28.15v3zm9.067 25.18a9.219 9.219 0 0 1-9.22 9.22v3c6.749 0 12.22-5.471 12.22-12.22h-3zm-9.22 9.22a9.219 9.219 0 0 1-9.218-9.22h-3c0 6.749 5.47 12.22 12.219 12.22v-3zm-9.218-9.22a9.219 9.219 0 0 1 9.219-9.218v-3c-6.748 0-12.219 5.47-12.219 12.219h3zm9.219-9.218a9.219 9.219 0 0 1 9.219 9.219h3c0-6.749-5.471-12.22-12.22-12.22v3zM60.5 2v28.77h3V2h-3zm0 82.377v37.377h3V84.377h-3z" fill="#00AE99"/></svg>
\ No newline at end of file

From c6cdea77b69a1e907e27e55e1753a01d675a46f5 Mon Sep 17 00:00:00 2001
From: Fred Carlsen <fred@sjelfull.no>
Date: Mon, 25 Feb 2019 15:22:35 +0100
Subject: [PATCH 13/27] Fix website errors related to props/children

---
 .../website/ts/components/aboutPageLayout.tsx |  6 ++--
 packages/website/ts/components/button.tsx     | 13 +++++---
 packages/website/ts/components/image.tsx      |  3 +-
 packages/website/ts/pages/about/jobs.tsx      |  4 +--
 packages/website/ts/pages/about/mission.tsx   | 11 +++++--
 packages/website/ts/pages/about/press.tsx     |  2 +-
 packages/website/ts/pages/about/team.tsx      |  8 ++++-
 packages/website/ts/pages/instant/select.tsx  |  5 ++-
 packages/website/ts/utils/filter_props.tsx    | 32 +++++++++++++++++++
 9 files changed, 67 insertions(+), 17 deletions(-)
 create mode 100644 packages/website/ts/utils/filter_props.tsx

diff --git a/packages/website/ts/components/aboutPageLayout.tsx b/packages/website/ts/components/aboutPageLayout.tsx
index 51c1a661eb..ef08614dad 100644
--- a/packages/website/ts/components/aboutPageLayout.tsx
+++ b/packages/website/ts/components/aboutPageLayout.tsx
@@ -34,9 +34,9 @@ export const AboutPageLayout = (props: Props) => (
                 <Column width="100%" maxWidth="680px">
                     <AnimatedHeading size="medium">{props.title}</AnimatedHeading>
 
-                    <AnimatedParagraph size="medium" marginBottom="60px" isMuted={0.65}>
+                    <AnimatedIntro>
                         {props.description}
-                    </AnimatedParagraph>
+                    </AnimatedIntro>
 
                     {props.linkLabel && (props.href || props.to) && (
                         <AnimatedLink
@@ -61,7 +61,7 @@ const AnimatedHeading = styled(Heading)`
     ${addFadeInAnimation('0.5s')};
 `;
 
-const AnimatedParagraph = styled(Paragraph)`
+const AnimatedIntro = styled.div`
     ${addFadeInAnimation('0.5s', '0.15s')};
 `;
 
diff --git a/packages/website/ts/components/button.tsx b/packages/website/ts/components/button.tsx
index 4bb7351123..5c766906b4 100644
--- a/packages/website/ts/components/button.tsx
+++ b/packages/website/ts/components/button.tsx
@@ -5,8 +5,11 @@ import styled from 'styled-components';
 import { ThemeInterface } from 'ts/components/siteWrap';
 
 import { colors } from 'ts/style/colors';
+import { withFilteredProps } from 'ts/utils/filter_props';
 
 export interface ButtonInterface {
+    isDisabled?: boolean;
+    className?: string;
     bgColor?: string;
     borderColor?: string;
     color?: string;
@@ -22,27 +25,29 @@ export interface ButtonInterface {
     type?: string;
     target?: string;
     to?: string;
-    onClick?: (e: Event) => any;
+    onClick?: (e: any) => any;
     theme?: ThemeInterface;
     shouldUseAnchorTag?: boolean;
 }
 
 export const Button: React.StatelessComponent<ButtonInterface> = (props: ButtonInterface) => {
-    const { children, href, isWithArrow, to, shouldUseAnchorTag, target } = props;
+    const { children, href, isWithArrow, to, shouldUseAnchorTag, target, isDisabled, className } = props;
+    const isButton = !href && !to;
     let linkElem;
 
     if (href || shouldUseAnchorTag) {
         linkElem = 'a';
     }
     if (to) {
-        linkElem = ReactRouterLink;
+        linkElem = withFilteredProps(ReactRouterLink, ['className', 'href', 'to', 'onClick', 'target']);
     }
 
     const Component = linkElem ? ButtonBase.withComponent<any>(linkElem) : ButtonBase;
     const targetProp = href && target ? { target } : {};
+    const buttonProps = isButton ? { disabled: isDisabled } : {};
 
     return (
-        <Component {...props} {...targetProp}>
+        <Component className={className} {...buttonProps} {...props} {...targetProp}>
             {children}
 
             {isWithArrow && (
diff --git a/packages/website/ts/components/image.tsx b/packages/website/ts/components/image.tsx
index 0137cfc97f..ac73646b7d 100644
--- a/packages/website/ts/components/image.tsx
+++ b/packages/website/ts/components/image.tsx
@@ -1,5 +1,6 @@
 import * as React from 'react';
 import styled from 'styled-components';
+import { withFilteredProps } from 'ts/utils/filter_props';
 
 interface Props {
     alt?: string;
@@ -12,6 +13,6 @@ const ImageClass: React.FunctionComponent<Props> = (props: Props) => {
     return <img {...props} />;
 };
 
-export const Image = styled(ImageClass)<Props>`
+export const Image = styled(withFilteredProps(ImageClass, ['alt', 'src']))<Props>`
     margin: ${props => props.isCentered && `0 auto`};
 `;
diff --git a/packages/website/ts/pages/about/jobs.tsx b/packages/website/ts/pages/about/jobs.tsx
index ad46d29649..184b917cfc 100644
--- a/packages/website/ts/pages/about/jobs.tsx
+++ b/packages/website/ts/pages/about/jobs.tsx
@@ -92,10 +92,10 @@ export class NextAboutJobs extends React.Component<NextAboutJobsProps, NextAbout
                 title="Join Us in Our Mission"
                 description={
                     <>
-                        <Paragraph size="medium">
+                        <Paragraph size="medium" isMuted={0.65}>
                             To create a tokenized world where all value can flow freely.
                         </Paragraph>
-                        <Paragraph size="medium">
+                        <Paragraph size="medium" marginBottom="60px" isMuted={0.65}>
                             We are growing an ecosystem of businesses and projects by solving difficult challenges to
                             make our technology intuitive, flexible, and accessible to all. Join us in building
                             infrastructure upon which the exchange of all assets will take place.
diff --git a/packages/website/ts/pages/about/mission.tsx b/packages/website/ts/pages/about/mission.tsx
index 69fe07f15b..5e035e9db3 100644
--- a/packages/website/ts/pages/about/mission.tsx
+++ b/packages/website/ts/pages/about/mission.tsx
@@ -7,7 +7,7 @@ import { Definition } from 'ts/components/definition';
 import { DocumentTitle } from 'ts/components/document_title';
 import { Image } from 'ts/components/image';
 import { Column, Section } from 'ts/components/newLayout';
-import { Heading } from 'ts/components/text';
+import { Heading, Paragraph } from 'ts/components/text';
 import { constants } from 'ts/utils/constants';
 import { documentConstants } from 'ts/utils/document_meta_constants';
 
@@ -35,7 +35,13 @@ const values = [
 export const NextAboutMission = () => (
     <AboutPageLayout
         title="Creating a tokenized world where all value can flow freely."
-        description="0x is important infrastructure for the emerging crypto economy and enables markets to be created that couldn't have existed before. As more assets become tokenized, public blockchains provide the opportunity to establish a new financial stack that is more efficient, transparent, and equitable than any system in the past."
+        description={
+            <>
+                <Paragraph size="medium" marginBottom="60px" isMuted={0.65}>
+                    0x is important infrastructure for the emerging crypto economy and enables markets to be created that couldn't have existed before. As more assets become tokenized, public blockchains provide the opportunity to establish a new financial stack that is more efficient, transparent, and equitable than any system in the past.
+                </Paragraph>
+            </>
+        }
         linkLabel="Our mission and values"
         href={constants.URL_MISSION_AND_VALUES_BLOG_POST}
     >
@@ -57,6 +63,7 @@ export const NextAboutMission = () => (
                 <Column width="100%" maxWidth="800px">
                     {_.map(values, (item, index) => (
                         <StyledDefinition
+                            key={`coreValue-${index}`}
                             icon={item.icon}
                             title={item.title}
                             description={item.description}
diff --git a/packages/website/ts/pages/about/press.tsx b/packages/website/ts/pages/about/press.tsx
index 1ffa11d1fb..50022aca79 100644
--- a/packages/website/ts/pages/about/press.tsx
+++ b/packages/website/ts/pages/about/press.tsx
@@ -57,7 +57,7 @@ export const NextAboutPress = () => (
         title="Press Highlights"
         description={
             <>
-                <Paragraph size="medium" marginBottom="60px">
+                <Paragraph size="medium" marginBottom="60px" isMuted={0.65}>
                     Want to write about 0x? <a href="mailto:team@0xproject.com">Get in touch.</a>
                 </Paragraph>
 
diff --git a/packages/website/ts/pages/about/team.tsx b/packages/website/ts/pages/about/team.tsx
index 82506a3cf0..a6e379edc6 100644
--- a/packages/website/ts/pages/about/team.tsx
+++ b/packages/website/ts/pages/about/team.tsx
@@ -191,7 +191,13 @@ const advisors: TeamMember[] = [
 export const NextAboutTeam = () => (
     <AboutPageLayout
         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."
+        description={
+            <>
+                <Paragraph size="medium" marginBottom="60px" isMuted={0.65}>
+                    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.
+                </Paragraph>
+            </>
+        }
         linkLabel="Join the team"
         to={WebsitePaths.AboutJobs}
     >
diff --git a/packages/website/ts/pages/instant/select.tsx b/packages/website/ts/pages/instant/select.tsx
index d4146cfb03..07ae8b21ad 100644
--- a/packages/website/ts/pages/instant/select.tsx
+++ b/packages/website/ts/pages/instant/select.tsx
@@ -26,13 +26,12 @@ export const Select: React.FunctionComponent<SelectProps> = ({
 }) => {
     return (
         <Container>
-            <StyledSelect id={id} onChange={onChange}>
+            <StyledSelect id={id} onChange={onChange} defaultValue={value}>
                 {shouldIncludeEmpty && <option value="">{emptyText}</option>}
                 {items.map((item, index) => (
                     <option
                         key={`${id}-item-${index}`}
                         value={item.value}
-                        selected={item.value === value}
                         onClick={item.onClick}
                     >
                         {item.label}
@@ -40,7 +39,7 @@ export const Select: React.FunctionComponent<SelectProps> = ({
                 ))}
             </StyledSelect>
             <Caret width="12" height="7" fill="none" xmlns="http://www.w3.org/2000/svg">
-                <path d="M11 1L6 6 1 1" stroke="#666" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
+                <path d="M11 1L6 6 1 1" stroke="#666" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
             </Caret>
         </Container>
     );
diff --git a/packages/website/ts/utils/filter_props.tsx b/packages/website/ts/utils/filter_props.tsx
new file mode 100644
index 0000000000..3ecb83c402
--- /dev/null
+++ b/packages/website/ts/utils/filter_props.tsx
@@ -0,0 +1,32 @@
+import * as React from 'react';
+
+interface FilteredPropsInterface {
+    [key: string]: any;
+}
+
+export const withFilteredProps = (Component: React.ComponentType<any>, allowedProps: string[]) =>
+    class WithFilteredProps extends React.Component<FilteredPropsInterface> {
+        constructor(props: FilteredPropsInterface) {
+            super(props);
+        }
+        public filterProps(): any {
+            const props = this.props;
+            /* tslint:disable:no-any */
+            const filteredProps: FilteredPropsInterface = {};
+            let key;
+
+            for (key in this.props) {
+                if (allowedProps.includes(key)) {
+                    /* tslint:disable:no-any */
+                    filteredProps[key] = props[key];
+                }
+            }
+
+            /* tslint:disable:no-any */
+            return filteredProps;
+        }
+        public render(): React.ReactNode {
+            const filteredProps = this.filterProps();
+            return <Component {...filteredProps}>{this.props.children}</Component>;
+        }
+    };

From f6c6cbc343ccfc3a907f0f7f6d91e89cb4630ee6 Mon Sep 17 00:00:00 2001
From: Fred Carlsen <fred@sjelfull.no>
Date: Mon, 25 Feb 2019 15:22:48 +0100
Subject: [PATCH 14/27] Constrain icon size to container

---
 packages/website/ts/components/icon.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/website/ts/components/icon.tsx b/packages/website/ts/components/icon.tsx
index d30fb7e63b..e263a65199 100644
--- a/packages/website/ts/components/icon.tsx
+++ b/packages/website/ts/components/icon.tsx
@@ -64,6 +64,8 @@ const StyledIcon = styled.figure<IconProps>`
     margin: ${props => getCSSPadding(props.margin)};
     display: inline-block;
     flex-shrink: 0;
+    max-height: 100%;
+    max-width: 100%;
 
     svg {
         width: 100%;

From 079f627b34b76fa88bda6980262c29a9ef610f07 Mon Sep 17 00:00:00 2001
From: Fred Carlsen <fred@sjelfull.no>
Date: Mon, 25 Feb 2019 15:29:24 +0100
Subject: [PATCH 15/27] Fix linting issues

---
 packages/website/ts/components/aboutPageLayout.tsx | 2 +-
 packages/website/ts/components/card.tsx            | 4 ----
 2 files changed, 1 insertion(+), 5 deletions(-)

diff --git a/packages/website/ts/components/aboutPageLayout.tsx b/packages/website/ts/components/aboutPageLayout.tsx
index ef08614dad..1fe171972b 100644
--- a/packages/website/ts/components/aboutPageLayout.tsx
+++ b/packages/website/ts/components/aboutPageLayout.tsx
@@ -6,7 +6,7 @@ import { Button } from 'ts/components/button';
 import { ChapterLink } from 'ts/components/chapter_link';
 import { Column, Section } from 'ts/components/newLayout';
 import { SiteWrap } from 'ts/components/siteWrap';
-import { Heading, Paragraph } from 'ts/components/text';
+import { Heading } from 'ts/components/text';
 
 import { addFadeInAnimation } from 'ts/constants/animations';
 import { WebsitePaths } from 'ts/types';
diff --git a/packages/website/ts/components/card.tsx b/packages/website/ts/components/card.tsx
index 11c1b3866e..ff3577c235 100644
--- a/packages/website/ts/components/card.tsx
+++ b/packages/website/ts/components/card.tsx
@@ -52,10 +52,6 @@ export const Card: React.StatelessComponent<CardProps> = (props: CardProps) => {
     );
 };
 
-const StyledIcon = styled(Icon)`
-    height: 100%;
-`
-
 const StyledCard = styled.div`
     background-color: ${colors.backgroundDark};
     display: flex;

From cf65d4a9091309aa190ae4016f50666dd1c49853 Mon Sep 17 00:00:00 2001
From: Fred Carlsen <fred@sjelfull.no>
Date: Mon, 25 Feb 2019 15:32:57 +0100
Subject: [PATCH 16/27] Prettier fixes

---
 packages/website/ts/components/aboutPageLayout.tsx | 4 +---
 packages/website/ts/pages/about/mission.tsx        | 5 ++++-
 packages/website/ts/pages/about/team.tsx           | 5 ++++-
 packages/website/ts/pages/extensions.tsx           | 6 ++++--
 packages/website/ts/pages/instant/select.tsx       | 6 +-----
 5 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/packages/website/ts/components/aboutPageLayout.tsx b/packages/website/ts/components/aboutPageLayout.tsx
index 1fe171972b..bf1ede6fc0 100644
--- a/packages/website/ts/components/aboutPageLayout.tsx
+++ b/packages/website/ts/components/aboutPageLayout.tsx
@@ -34,9 +34,7 @@ export const AboutPageLayout = (props: Props) => (
                 <Column width="100%" maxWidth="680px">
                     <AnimatedHeading size="medium">{props.title}</AnimatedHeading>
 
-                    <AnimatedIntro>
-                        {props.description}
-                    </AnimatedIntro>
+                    <AnimatedIntro>{props.description}</AnimatedIntro>
 
                     {props.linkLabel && (props.href || props.to) && (
                         <AnimatedLink
diff --git a/packages/website/ts/pages/about/mission.tsx b/packages/website/ts/pages/about/mission.tsx
index 5e035e9db3..286c6eae44 100644
--- a/packages/website/ts/pages/about/mission.tsx
+++ b/packages/website/ts/pages/about/mission.tsx
@@ -38,7 +38,10 @@ export const NextAboutMission = () => (
         description={
             <>
                 <Paragraph size="medium" marginBottom="60px" isMuted={0.65}>
-                    0x is important infrastructure for the emerging crypto economy and enables markets to be created that couldn't have existed before. As more assets become tokenized, public blockchains provide the opportunity to establish a new financial stack that is more efficient, transparent, and equitable than any system in the past.
+                    0x is important infrastructure for the emerging crypto economy and enables markets to be created
+                    that couldn't have existed before. As more assets become tokenized, public blockchains provide the
+                    opportunity to establish a new financial stack that is more efficient, transparent, and equitable
+                    than any system in the past.
                 </Paragraph>
             </>
         }
diff --git a/packages/website/ts/pages/about/team.tsx b/packages/website/ts/pages/about/team.tsx
index a6e379edc6..694ae0a7db 100644
--- a/packages/website/ts/pages/about/team.tsx
+++ b/packages/website/ts/pages/about/team.tsx
@@ -194,7 +194,10 @@ export const NextAboutTeam = () => (
         description={
             <>
                 <Paragraph size="medium" marginBottom="60px" isMuted={0.65}>
-                    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.
+                    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.
                 </Paragraph>
             </>
         }
diff --git a/packages/website/ts/pages/extensions.tsx b/packages/website/ts/pages/extensions.tsx
index 0edc70f5d5..23d50b3369 100644
--- a/packages/website/ts/pages/extensions.tsx
+++ b/packages/website/ts/pages/extensions.tsx
@@ -30,7 +30,8 @@ const extensionData: Extension[] = [
         links: [
             {
                 text: 'Learn More',
-                url: 'https://github.com/0xProject/0x-monorepo/blob/development/contracts/extensions/contracts/src/DutchAuction/DutchAuction.sol',
+                url:
+                    'https://github.com/0xProject/0x-monorepo/blob/development/contracts/extensions/contracts/src/DutchAuction/DutchAuction.sol',
             },
         ],
     },
@@ -52,7 +53,8 @@ const extensionData: Extension[] = [
         links: [
             {
                 text: 'Learn More',
-                url: 'https://github.com/0xProject/0x-protocol-specification/blob/master/v2/v2-specification.md#whitelist',
+                url:
+                    'https://github.com/0xProject/0x-protocol-specification/blob/master/v2/v2-specification.md#whitelist',
             },
         ],
     },
diff --git a/packages/website/ts/pages/instant/select.tsx b/packages/website/ts/pages/instant/select.tsx
index 07ae8b21ad..cb5b24b72a 100644
--- a/packages/website/ts/pages/instant/select.tsx
+++ b/packages/website/ts/pages/instant/select.tsx
@@ -29,11 +29,7 @@ export const Select: React.FunctionComponent<SelectProps> = ({
             <StyledSelect id={id} onChange={onChange} defaultValue={value}>
                 {shouldIncludeEmpty && <option value="">{emptyText}</option>}
                 {items.map((item, index) => (
-                    <option
-                        key={`${id}-item-${index}`}
-                        value={item.value}
-                        onClick={item.onClick}
-                    >
+                    <option key={`${id}-item-${index}`} value={item.value} onClick={item.onClick}>
                         {item.label}
                     </option>
                 ))}

From e6594ceccea4bb0c2c69c77f75705628d9a53419 Mon Sep 17 00:00:00 2001
From: Fred Carlsen <fred@sjelfull.no>
Date: Tue, 26 Feb 2019 12:41:09 +0100
Subject: [PATCH 17/27] Fix jumping part of animated hero logo

---
 packages/website/ts/components/heroAnimation.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/website/ts/components/heroAnimation.tsx b/packages/website/ts/components/heroAnimation.tsx
index 42956fb6a3..463b5bea0b 100644
--- a/packages/website/ts/components/heroAnimation.tsx
+++ b/packages/website/ts/components/heroAnimation.tsx
@@ -26,7 +26,7 @@ export const HeroAnimation = () => (
             />
             <Logo
                 vector-effect="non-scaling-stroke"
-                d="M168.17 260.29L167.271 259.089L165.46 260.444L167.413 261.585L168.17 260.29ZM197.32 269.2L197.219 270.696L197.226 270.697L197.32 269.2ZM237.414 258.856L238.22 260.12L238.225 260.117L237.414 258.856ZM252.653 245.439L253.801 246.405L254.55 245.515L253.874 244.568L252.653 245.439ZM241.096 229.872L242.285 228.958L242.281 228.952L242.276 228.946L241.096 229.872ZM237.72 225.571L238.901 224.645L237.582 222.965L236.449 224.775L237.72 225.571ZM219.719 241.445L218.672 242.519L219.418 243.246L220.36 242.801L219.719 241.445ZM208.264 230.282L209.311 229.207L208.392 228.312L207.365 229.081L208.264 230.282ZM143.827 169.549L145.02 168.64L143.647 166.838L142.524 168.806L143.827 169.549ZM135.133 198.43L133.637 198.329L133.636 198.337L135.133 198.43ZM145.464 238.577L144.201 239.388L145.464 238.577ZM158.862 253.837L157.895 254.984L158.786 255.736L159.735 255.057L158.862 253.837ZM174.409 242.264L175.324 243.453L175.33 243.448L175.336 243.443L174.409 242.264ZM178.705 238.885L179.632 240.064L181.287 238.761L179.516 237.623L178.705 238.885ZM162.851 220.757L161.78 219.707L161.049 220.452L161.495 221.397L162.851 220.757ZM174.102 209.286L175.173 210.337L176.082 209.41L175.295 208.377L174.102 209.286ZM235.163 145.072L236.036 146.292L237.92 144.945L235.92 143.777L235.163 145.072ZM206.014 136.162L205.91 137.658L205.913 137.658L206.014 136.162ZM165.817 146.506L166.629 147.767L166.632 147.765L165.817 146.506ZM150.578 159.922L149.43 158.956L148.681 159.846L149.357 160.793L150.578 159.922ZM162.135 175.489L160.946 176.403L160.951 176.409L160.955 176.415L162.135 175.489ZM165.511 179.791L164.331 180.717L165.634 182.378L166.773 180.6L165.511 179.791ZM183.614 163.916L184.655 162.836L183.913 162.122L182.98 162.557L183.614 163.916ZM194.354 174.26L193.313 175.341L194.212 176.206L195.226 175.48L194.354 174.26ZM259.608 235.505L258.411 236.409L259.789 238.233L260.914 236.243L259.608 235.505ZM268.2 206.931L269.696 207.033L269.697 207.024L268.2 206.931ZM257.87 166.784L259.135 165.979L259.132 165.974L257.87 166.784ZM244.471 151.524L245.439 150.378L244.547 149.625L243.598 150.304L244.471 151.524ZM228.924 163.097L228.009 161.909L228.003 161.913L227.997 161.918L228.924 163.097ZM224.629 166.477L223.701 165.298L222.034 166.609L223.826 167.744L224.629 166.477ZM240.584 184.604L239.228 185.244L239.235 185.259L239.242 185.274L240.584 184.604ZM240.687 184.809L241.767 185.849L242.502 185.086L242.029 184.139L240.687 184.809ZM229.845 196.075L228.764 195.035L227.877 195.957L228.648 196.979L229.845 196.075ZM167.413 261.585C176.201 266.718 186.346 269.964 197.219 270.696L197.421 267.703C187.019 267.002 177.321 263.898 168.926 258.994L167.413 261.585ZM197.226 270.697C212.283 271.639 226.405 267.659 238.22 260.12L236.607 257.591C225.307 264.8 211.813 268.604 197.413 267.703L197.226 270.697ZM238.225 260.117C244.08 256.348 249.307 251.742 253.801 246.405L251.506 244.473C247.204 249.583 242.203 253.989 236.602 257.594L238.225 260.117ZM253.874 244.568C250.283 239.533 246.385 234.295 242.285 228.958L239.906 230.786C243.989 236.1 247.864 241.309 251.432 246.31L253.874 244.568ZM242.276 228.946C241.713 228.229 241.151 227.512 240.588 226.795C240.026 226.078 239.463 225.362 238.901 224.645L236.54 226.497C237.103 227.213 237.665 227.93 238.228 228.647C238.791 229.364 239.353 230.081 239.916 230.798L242.276 228.946ZM236.449 224.775C232.311 231.384 226.193 236.725 219.078 240.089L220.36 242.801C227.974 239.201 234.538 233.481 238.992 226.367L236.449 224.775ZM220.766 240.371L209.311 229.207L207.217 231.356L218.672 242.519L220.766 240.371ZM207.365 229.081L167.271 259.089L169.069 261.49L209.163 231.483L207.365 229.081ZM142.524 168.806C137.505 177.601 134.368 187.549 133.637 198.329L136.63 198.532C137.33 188.214 140.33 178.703 145.13 170.293L142.524 168.806ZM133.636 198.337C132.696 213.409 136.668 227.654 144.201 239.388L146.726 237.767C139.531 226.56 135.73 212.947 136.63 198.524L133.636 198.337ZM144.201 239.388C147.965 245.25 152.565 250.484 157.895 254.984L159.83 252.691C154.727 248.383 150.327 243.376 146.726 237.767L144.201 239.388ZM159.735 255.057C164.764 251.461 169.994 247.558 175.324 243.453L173.494 241.076C168.187 245.164 162.985 249.045 157.99 252.617L159.735 255.057ZM175.336 243.443C176.768 242.317 178.2 241.19 179.632 240.064L177.777 237.706C176.345 238.832 174.913 239.959 173.481 241.086L175.336 243.443ZM179.516 237.623C172.904 233.374 167.568 227.241 164.208 220.117L161.495 221.397C165.09 229.021 170.8 235.588 177.894 240.147L179.516 237.623ZM163.922 221.807L175.173 210.337L173.031 208.236L161.78 219.707L163.922 221.807ZM175.295 208.377L145.02 168.64L142.634 170.458L172.909 210.196L175.295 208.377ZM235.92 143.777C227.132 138.643 216.987 135.398 206.114 134.665L205.913 137.658C216.315 138.359 226.012 141.463 234.407 146.367L235.92 143.777ZM206.118 134.665C191.055 133.618 176.824 137.599 165.003 145.246L166.632 147.765C177.926 140.459 191.515 136.657 205.91 137.658L206.118 134.665ZM165.006 145.244C159.151 149.013 153.924 153.619 149.43 158.956L151.725 160.888C156.027 155.779 161.028 151.372 166.629 147.767L165.006 145.244ZM149.357 160.793C152.948 165.828 156.846 171.066 160.946 176.403L163.325 174.575C159.242 169.261 155.367 164.052 151.799 159.051L149.357 160.793ZM160.955 176.415C161.518 177.132 162.08 177.849 162.643 178.566C163.205 179.283 163.768 180 164.331 180.717L166.691 178.865C166.128 178.148 165.566 177.431 165.003 176.714C164.441 175.997 163.878 175.28 163.315 174.563L160.955 176.415ZM166.773 180.6C171.021 173.973 177.044 168.635 184.248 165.276L182.98 162.557C175.251 166.161 168.796 171.885 164.248 178.981L166.773 180.6ZM182.574 164.997L193.313 175.341L195.394 173.18L184.655 162.836L182.574 164.997ZM195.226 175.48L236.036 146.292L234.291 143.852L193.481 173.04L195.226 175.48ZM260.914 236.243C265.827 227.556 268.964 217.713 269.696 207.033L266.703 206.828C266.003 217.042 263.004 226.453 258.303 234.767L260.914 236.243ZM269.697 207.024C270.638 191.949 266.663 177.81 259.135 165.979L256.604 167.589C263.804 178.904 267.603 192.417 266.703 206.837L269.697 207.024ZM259.132 165.974C255.368 160.111 250.769 154.878 245.439 150.378L243.503 152.67C248.606 156.978 253.007 161.986 256.607 167.594L259.132 165.974ZM243.598 150.304C238.57 153.901 233.339 157.803 228.009 161.909L229.84 164.285C235.147 160.197 240.349 156.316 245.344 152.744L243.598 150.304ZM227.997 161.918C227.281 162.481 226.565 163.045 225.849 163.608C225.133 164.171 224.417 164.734 223.701 165.298L225.556 167.656C226.272 167.092 226.988 166.529 227.704 165.966C228.42 165.402 229.136 164.839 229.852 164.276L227.997 161.918ZM223.826 167.744C230.535 171.992 235.869 178.121 239.228 185.244L241.941 183.964C238.345 176.339 232.632 169.769 225.431 165.209L223.826 167.744ZM239.242 185.274L239.345 185.479L242.029 184.139L241.926 183.934L239.242 185.274ZM239.606 183.769L228.764 195.035L230.926 197.115L241.767 185.849L239.606 183.769ZM228.648 196.979L258.411 236.409L260.806 234.601L231.042 195.171L228.648 196.979Z"
+                d="M202.1 270.6c-1.4 0-2.9 0-4.4-.1-10.5-.7-20.4-3.7-29.5-8.9l-1.8-1 42.4-32.3 11.6 11.4.6-.3c6.6-3.4 12.1-8.5 16.1-14.6l1.1-1.6 4.6 5.9c4.2 5.5 8.1 10.7 11.6 15.5l.6.9-.7.8c-4.5 5.3-9.7 9.9-15.6 13.7-10.9 6.9-23.5 10.6-36.6 10.6zm-30.7-10.4l1.4.7c7.8 3.9 16.2 6.2 25 6.8 1.4.1 2.8.1 4.2.1 12.5 0 24.7-3.5 35.1-10.2 5-3.2 9.6-7.1 13.7-11.7l.5-.6-.5-.7c-3.2-4.5-6.7-9.2-10.4-13.9l-2.2-2.8-.8 1c-4.4 5.8-10.2 10.6-16.8 13.7l-.9.4-11.3-11.1-37 28.3zm-13.2-5.5c-5.3-4.5-9.9-9.7-13.7-15.6-7-10.9-10.7-23.6-10.7-36.6 0-1.4 0-2.9.1-4.4.7-10.5 3.7-20.4 8.9-29.5l1-1.8 32.3 42.4-11.4 11.6.3.6c3.4 6.6 8.5 12.1 14.6 16.1l1.6 1.1-5.8 4.6c-5.5 4.2-10.8 8.2-15.6 11.6l-.9.6-.7-.7zm-14.6-81.4c-3.9 7.8-6.2 16.2-6.8 25-.1 1.4-.1 2.8-.1 4.2 0 12.6 3.5 24.7 10.2 35.2 3.2 5 7.1 9.6 11.7 13.7l.6.5.7-.5c4.5-3.2 9.2-6.7 13.9-10.4l2.8-2.2-1-.8c-5.8-4.4-10.6-10.2-13.7-16.9l-.4-.9 11.1-11.3-28.3-37.1-.7 1.5zm84.2 22.4l11.4-11.6-.3-.6c-3.4-6.6-8.5-12.1-14.6-16.1l-1.6-1.1 5.8-4.6c5.5-4.2 10.8-8.2 15.6-11.6l.9-.6.8.7c5.3 4.5 9.9 9.7 13.7 15.6 7 10.9 10.7 23.6 10.7 36.6 0 1.4 0 2.9-.1 4.4-.7 10.5-3.7 20.4-8.9 29.5l-1 1.8-32.4-42.4zm3.7.2l28.3 37.1.7-1.4c3.9-7.8 6.2-16.2 6.8-25 .1-1.4.1-2.8.1-4.2 0-12.5-3.5-24.7-10.2-35.1-3.2-5-7.1-9.6-11.7-13.7l-.6-.5-.7.5c-4.5 3.2-9.2 6.7-13.9 10.4l-2.7 2.2 1 .8c5.8 4.4 10.6 10.2 13.7 16.9l.4.9-11.2 11.1zM161.3 176c-4.2-5.5-8.1-10.8-11.6-15.6l-.6-.9.7-.8c4.5-5.3 9.7-9.9 15.6-13.7 10.9-7 23.6-10.7 36.6-10.7 1.4 0 2.9 0 4.4.1 10.5.7 20.4 3.7 29.5 8.9l1.8 1-42.4 32.3-11.6-11.4-.6.3c-6.6 3.4-12.1 8.5-16.1 14.6l-1.1 1.6-4.6-5.7zm40.6-38.9c-12.5 0-24.7 3.5-35.1 10.2-5 3.2-9.6 7.1-13.7 11.7l-.5.6.5.7c3.2 4.5 6.7 9.2 10.4 13.9l2.2 2.8.8-1c4.4-5.8 10.2-10.6 16.9-13.7l.9-.4 11.3 11.1 37.1-28.3-1.4-.7c-7.8-3.9-16.2-6.2-25-6.8-1.6-.1-3-.1-4.4-.1z"
                 fill="#00AE99"
             />
             <Rectangle
@@ -119,5 +119,5 @@ const Rectangle = styled.path`
 
 const Logo = styled.path`
     animation: ${spin} 4s -2.8s infinite;
-    transform-origin: 202px 202.7px;
+    transform-origin: 202px 202.5px;
 `;

From a134ef03dd1e63a2cfade7b1c577f1f04bb0d6c2 Mon Sep 17 00:00:00 2001
From: Fred Carlsen <fred@sjelfull.no>
Date: Wed, 27 Feb 2019 10:45:39 +0100
Subject: [PATCH 18/27] Update illustrations and copy

---
 .../website/ts/components/dropdowns/dropdown_products.tsx | 2 +-
 packages/website/ts/components/footer.tsx                 | 2 +-
 packages/website/ts/icons/illustrations/dutchAuction.svg  | 2 +-
 packages/website/ts/icons/illustrations/extensions.svg    | 1 +
 .../website/ts/icons/illustrations/forwarderContract.svg  | 2 +-
 .../website/ts/icons/illustrations/whitelistFilter.svg    | 2 +-
 packages/website/ts/pages/extensions.tsx                  | 8 ++++----
 7 files changed, 10 insertions(+), 9 deletions(-)
 create mode 100644 packages/website/ts/icons/illustrations/extensions.svg

diff --git a/packages/website/ts/components/dropdowns/dropdown_products.tsx b/packages/website/ts/components/dropdowns/dropdown_products.tsx
index fb85130c14..790d30bef7 100644
--- a/packages/website/ts/components/dropdowns/dropdown_products.tsx
+++ b/packages/website/ts/components/dropdowns/dropdown_products.tsx
@@ -18,7 +18,7 @@ const navData = [
         url: WebsitePaths.LaunchKit,
     },
     {
-        title: '0x Extensions',
+        title: 'Extensions',
         description: 'Support new types of trading on your relayer with 0x Extensions',
         url: WebsitePaths.Extensions,
     },
diff --git a/packages/website/ts/components/footer.tsx b/packages/website/ts/components/footer.tsx
index 0c34143755..0cc6449922 100644
--- a/packages/website/ts/components/footer.tsx
+++ b/packages/website/ts/components/footer.tsx
@@ -33,7 +33,7 @@ const linkRows: LinkRows[] = [
         links: [
             { url: WebsitePaths.Instant, text: '0x Instant' },
             { url: WebsitePaths.LaunchKit, text: '0x Launch Kit' },
-            { url: WebsitePaths.Extensions, text: '0x Extensions' },
+            { url: WebsitePaths.Extensions, text: 'Extensions' },
             { url: WebsitePaths.Vote, text: 'Governance' },
         ],
     },
diff --git a/packages/website/ts/icons/illustrations/dutchAuction.svg b/packages/website/ts/icons/illustrations/dutchAuction.svg
index 5035cb0646..f4f20d2c68 100644
--- a/packages/website/ts/icons/illustrations/dutchAuction.svg
+++ b/packages/website/ts/icons/illustrations/dutchAuction.svg
@@ -1 +1 @@
-<svg width="124" height="124" viewBox="0 0 124 124" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M85.126 14.183l1.06-1.06-1.06-1.061-1.06 1.06 1.06 1.061zM58.175 41.135l1.06 1.06-1.06-1.06zM56.61 42.7l-1.06-1.061-1.061 1.06 1.06 1.061 1.06-1.06zM71.375 3.242l1.06-1.06-1.06-1.06-1.06 1.06 1.06 1.06zM45.829 28.79l-1.06-1.06-1.061 1.06 1.06 1.06 1.061-1.06zm63.988 10.085l1.06 1.06 1.061-1.06-1.061-1.06-1.06 1.06zm-1.406 1.406l-1.06-1.061 1.06 1.06zm-27.11 27.11l-1.061 1.06 1.06 1.062 1.061-1.061-1.06-1.06zm-8.52-8.52l1.06-1.06-1.06 1.06zm47.976-6.245l1.06 1.06 1.061-1.06-1.061-1.06-1.06 1.06zM95.211 78.171l-1.06 1.06 1.06 1.061 1.06-1.06-1.06-1.061zm8.155 25.195c-22.846 22.845-59.886 22.845-82.732 0l-2.121 2.121c24.017 24.017 62.957 24.017 86.974 0l-2.121-2.121zm-82.732 0C-2.21 80.52-2.21 43.48 20.634 20.634l-2.121-2.121c-24.017 24.017-24.017 62.957 0 86.974l2.121-2.121zm0-82.732c22.846-22.845 59.886-22.845 82.732 0l2.121-2.121c-24.017-24.017-62.957-24.017-86.974 0l2.121 2.121zm82.732 0c22.845 22.846 22.845 59.886 0 82.732l2.121 2.121c24.017-24.017 24.017-62.957 0-86.974l-2.121 2.121zm-19.3-7.511l-1.406 1.405 2.121 2.121 1.406-1.405-2.122-2.121zm-1.406 1.405L57.114 40.074l2.121 2.121L84.781 16.65l-2.121-2.12zM57.114 40.074l-1.565 1.565 2.121 2.121 1.565-1.565-2.121-2.121zm-1.565 3.686l8.52 8.52 2.121-2.121-8.52-8.52-2.12 2.121zm8.52 6.399l-48.86 48.86 2.122 2.121 48.86-48.86-2.122-2.121zm20.712-35.63L72.436 2.182l-2.122 2.121L82.66 16.65l2.121-2.122zM70.314 2.182L44.77 27.728l2.121 2.122L72.436 4.304l-2.122-2.121zM44.77 29.85l12.345 12.345 2.121-2.121L46.89 27.729l-2.121 2.12zm63.987 7.963l-1.405 1.406 2.121 2.121 1.405-1.405-2.121-2.122zm-1.405 1.406L81.805 64.765l2.121 2.121 25.546-25.546-2.121-2.121zM81.805 64.765L80.24 66.33l2.121 2.12 1.565-1.564-2.121-2.121zm.556 1.565l-8.52-8.52-2.121 2.12 8.52 8.52 2.121-2.12zM71.72 57.81l-48.86 48.859 2.121 2.122 48.86-48.86-2.121-2.121zm35.631-16.47l12.345 12.346 2.121-2.122-12.345-12.345-2.121 2.121zm12.345 10.224L94.15 77.11l2.122 2.121 25.545-25.545-2.121-2.122zM96.272 77.11L83.926 64.765l-2.121 2.121L94.15 79.231l2.122-2.12zM71.28 58.87v62.146h3V58.87h-3zm-6.15-9.15H3.213v3H65.13v-3zm45.747-11.907l-24.69-24.69-2.122 2.121 24.691 24.69 2.121-2.12zM64.069 52.28l7.65 7.65 2.122-2.12-7.65-7.651-2.122 2.121z" fill="#00AE99"/></svg>
\ No newline at end of file
+<svg width="164" height="164" viewBox="0 0 164 164" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M137.541 137.837v1.5h1.5v-1.5h-1.5zM26.521 26.817v-1.5h-1.5v1.5h1.5zm111.02 0h1.5v-1.5h-1.5v1.5zm22.988 44.833l1.06 1.06 1.061-1.06-1.061-1.06-1.06 1.06zm-41.844 41.843l-1.06 1.061 1.06 1.061 1.061-1.061-1.061-1.061zm-13.947-13.947l-1.061-1.06-1.061 1.06 1.061 1.06 1.061-1.06zm41.843-41.844l1.061-1.06-1.061-1.06-1.061 1.06 1.061 1.06zm-40.449-40.448l1.061 1.06 1.061-1.06-1.061-1.06-1.061 1.06zM64.289 59.097l-1.06 1.06 1.06 1.062 1.06-1.061-1.06-1.06zM50.341 45.15l-1.06-1.06-1.06 1.06 1.06 1.061 1.06-1.06zM92.185 3.306l1.06-1.06-1.06-1.061-1.061 1.06 1.06 1.061zm46.725 62.068l1.06 1.06 1.061-1.06-1.061-1.061-1.06 1.06zm-26.501 26.5l-1.061 1.061 1.061 1.06 1.061-1.06-1.061-1.06zM71.96 51.426l-1.06-1.06-1.06 1.06 1.06 1.06 1.06-1.06zm26.501-26.5l1.06-1.061-1.06-1.061-1.06 1.06 1.06 1.061zm0 53l1.074 1.048 1.035-1.06-1.048-1.048-1.06 1.06zM85.908 65.375l1.06-1.061-1.073-1.074-1.06 1.087 1.073 1.048zm51.633 70.963H39.909v3h97.632v-3zm-109.52-10.255V26.816h-3v99.266h3zm108.02-99.266v37.225h3V26.816h-3zm-36.05 1.5h37.55v-3h-37.55v3zm-73.47 0h42.123v-3H26.52v3zm109.52 66.419v43.102h3V94.735h-3zM160.5 82c0 43.354-35.146 78.5-78.5 78.5v3c45.011 0 81.5-36.489 81.5-81.5h-3zM82 160.5c-43.354 0-78.5-35.146-78.5-78.5h-3c0 45.011 36.489 81.5 81.5 81.5v-3zM3.5 82C3.5 38.646 38.646 3.5 82 3.5v-3C36.989.5.5 36.989.5 82h3zM82 3.5c43.354 0 78.5 35.146 78.5 78.5h3C163.5 36.989 127.011.5 82 .5v3zm77.468 67.09l-41.843 41.843 2.121 2.121 41.843-41.843-2.121-2.121zm-39.722 41.843l-13.948-13.948-2.121 2.121 13.948 13.948 2.121-2.121zm-13.948-11.827l41.844-41.843-2.122-2.121-41.843 41.843 2.121 2.121zm39.722-41.843l13.948 13.948 2.121-2.121-13.947-13.948-2.122 2.121zm-40.448-42.57L63.228 58.036l2.122 2.122 41.843-41.843-2.121-2.122zM65.35 58.036L51.402 44.09l-2.121 2.121 13.947 13.948 2.122-2.122zM51.402 46.21L93.245 4.367l-2.121-2.122L49.281 44.09l2.121 2.121zM91.124 4.367l13.948 13.948 2.121-2.122L93.245 2.245l-2.121 2.122zm46.725 59.946l-26.501 26.5 2.122 2.122 26.5-26.5-2.121-2.122zm-24.379 26.5L73.021 50.366 70.9 52.487l40.448 40.448 2.122-2.121zM73.021 52.488l26.5-26.501-2.12-2.122L70.9 50.365l2.121 2.122zm24.38-26.501l40.448 40.448 2.121-2.121-40.448-40.449-2.122 2.122zm-.013 50.893l-65.296 66.912 2.147 2.095 65.296-66.912-2.147-2.095zm-75.702 56.454l65.296-66.912-2.147-2.095-65.296 66.912 2.147 2.095zm63.161-66.899L97.4 78.987l2.122-2.121-12.553-12.553-2.121 2.121z" fill="#00AE99"/></svg>
\ No newline at end of file
diff --git a/packages/website/ts/icons/illustrations/extensions.svg b/packages/website/ts/icons/illustrations/extensions.svg
new file mode 100644
index 0000000000..a192577123
--- /dev/null
+++ b/packages/website/ts/icons/illustrations/extensions.svg
@@ -0,0 +1 @@
+<svg width="304" height="304" viewBox="0 0 304 304" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M47.492 47.492v-1.5h-1.5v1.5h1.5zm207.787 0h1.5v-1.5h-1.5v1.5zm0 207.787v1.5h1.5v-1.5h-1.5zm-207.787 0h-1.5v1.5h1.5v-1.5zm22.13-25.82h-1.5v1.5h1.5v-1.5zm88.526-88.525h1.5v-1.5h-1.5v1.5zm-88.525 0v-1.5h-1.5v1.5h1.5zm88.525 88.525v1.5h1.5v-1.5h-1.5zm40.573-129.098h-1.5v1.5h1.5v-1.5zm36.886-36.886h1.5v-1.5h-1.5v1.5zm-36.886 0v-1.5h-1.5v1.5h1.5zm36.886 36.886v1.5h1.5v-1.5h-1.5zM300.5 152c0 82.014-66.486 148.5-148.5 148.5v3c83.671 0 151.5-67.829 151.5-151.5h-3zM152 300.5C69.986 300.5 3.5 234.014 3.5 152h-3c0 83.671 67.829 151.5 151.5 151.5v-3zM3.5 152C3.5 69.986 69.986 3.5 152 3.5v-3C68.329.5.5 68.329.5 152h3zM152 3.5c82.014 0 148.5 66.486 148.5 148.5h3C303.5 68.329 235.671.5 152 .5v3zm26.779 44.607v205.327h3V48.107h-3zM47.492 119.074h133.401v-3H47.492v3zm132.787 0h75v-3h-75v3zM68.123 202.41v27.049h3V202.41h-3zm28.55 25.549h-27.05v3h27.05v-3zm-25.99 2.561l44.263-44.263-2.121-2.121-44.263 44.262 2.122 2.122zm44.263-44.263l44.262-44.262-2.121-2.121-44.262 44.262 2.121 2.121zm41.702-45.323v27.05h3v-27.05h-3zm1.5-1.5h-24.591v3h24.591v-3zm-89.586 2.561l44.263 44.262 2.121-2.121-44.262-44.262-2.122 2.121zm44.263 44.262l44.262 44.263 2.121-2.122-44.262-44.262-2.121 2.121zm46.823 43.202V202.41h-3v27.049h3zm-1.5-1.5h-24.591v3h24.591v-3zm-88.525-85.525h27.05v-3h-27.05v3zm-1.5-1.5v27.05h3v-27.05h-3zM197.22 89.09v11.271h3v-11.27h-3zm12.771 9.77h-11.271v3.001h11.271v-3zm-10.21 2.561l18.443-18.442-2.122-2.122L197.661 99.3l2.121 2.121zm18.443-18.442l18.442-18.443-2.121-2.121-18.443 18.442 2.122 2.122zm15.882-19.504v11.27h3v-11.27h-3zm1.5-1.5h-10.246v3h10.246v-3zm-37.946 2.561l18.442 18.443 2.122-2.122-18.443-18.442-2.121 2.121zm18.442 18.443l18.443 18.442 2.121-2.121-18.442-18.443-2.122 2.122zm21.004 17.382v-11.27h-3v11.27h3zm-1.5-1.5h-10.246v3h10.246v-3zm-36.886-33.886h11.271v-3h-11.271v3zm-1.5-1.5v11.27h3v-11.27h-3zm58.058 190.304H47.492v3h207.787v-3zM47.492 48.992h207.787v-3H47.492v3zm1.5 206.287V47.492h-3v207.787h3zM253.779 47.492v207.787h3V47.492h-3z" fill="#00AE99"/></svg>
\ No newline at end of file
diff --git a/packages/website/ts/icons/illustrations/forwarderContract.svg b/packages/website/ts/icons/illustrations/forwarderContract.svg
index b545242d8c..1bb0b2b265 100644
--- a/packages/website/ts/icons/illustrations/forwarderContract.svg
+++ b/packages/website/ts/icons/illustrations/forwarderContract.svg
@@ -1 +1 @@
-<svg width="124" height="124" viewBox="0 0 124 124" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M121.016 62l1.07 1.052L123.12 62l-1.034-1.052-1.07 1.052zM62 40.283l1.06-1.06L62 38.162l-1.06 1.06L62 40.284zm21.717 21.718l1.06 1.06 1.061-1.06-1.06-1.061L83.717 62zM62 83.718l-1.06 1.06L62 85.84l1.06-1.06L62 83.717zM40.283 62l-1.061-1.06-1.06 1.06 1.06 1.061 1.06-1.06zm80.217 0c0 32.309-26.191 58.5-58.5 58.5v3c33.966 0 61.5-27.534 61.5-61.5h-3zM62 120.5C29.691 120.5 3.5 94.309 3.5 62h-3c0 33.966 27.535 61.5 61.5 61.5v-3zM3.5 62C3.5 29.691 29.691 3.5 62 3.5v-3C28.035.5.5 28.035.5 62h3zM62 3.5c32.309 0 58.5 26.191 58.5 58.5h3C123.5 28.035 95.966.5 62 .5v3zm1.07 119.552l59.016-60-2.139-2.104-59.016 60 2.138 2.104zm59.016-62.104l-59.017-60-2.138 2.104 59.016 60 2.139-2.104zM62 82.631H6.426v3H62v-3zm0-44.262H6.426v3H62v-3zM2 63.5h37.869v-3H2v3zm82.131 0H122v-3H84.131v3zM60.5 2v37.869h3V2h-3zm0 82.131V122h3V84.131h-3zM82.631 62c0 11.394-9.237 20.631-20.631 20.631v3c13.051 0 23.631-10.58 23.631-23.631h-3zM62 82.631c-11.394 0-20.631-9.237-20.631-20.631h-3c0 13.051 10.58 23.631 23.631 23.631v-3zM41.369 62c0-11.394 9.237-20.631 20.631-20.631v-3c-13.051 0-23.631 10.58-23.631 23.631h3zM62 41.369c11.394 0 20.631 9.237 20.631 20.631h3c0-13.051-10.58-23.631-23.631-23.631v3zm-1.06-.025l21.716 21.717 2.122-2.121L63.06 39.223l-2.12 2.121zM82.655 60.94L60.94 82.657l2.121 2.121 21.718-21.717-2.122-2.121zM63.06 82.657L41.343 60.94l-2.121 2.121 21.717 21.717 2.121-2.121zM41.343 63.061L63.06 41.344l-2.12-2.121L39.221 60.94l2.121 2.121z" fill="#00AE99"/></svg>
\ No newline at end of file
+<svg width="164" height="164" viewBox="0 0 164 164" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M81.701 67.588h1.5v-1.5h-1.5v1.5zm0 11.789h-1.5v3.625l2.561-2.565-1.06-1.06zm22.594-22.623l1.061 1.06 1.059-1.06-1.059-1.06-1.061 1.06zM81.701 34.131l1.061-1.06-2.56-2.564v3.624h1.5zm0 11.79v1.5h1.5v-1.5h-1.5zm-20.685 0v-1.5h-1.5v1.5h1.5zm0 21.667h-1.5v1.5h1.5v-1.5zm-27.84 49.836h1.5v-1.5h-1.5v1.5zm0 11.789h-1.5v3.625l2.562-2.565-1.062-1.06zM55.77 106.59l1.062 1.06 1.059-1.06-1.06-1.06-1.06 1.06zM33.176 83.967l1.062-1.06-2.561-2.564v3.624h1.5zm0 11.79v1.5h1.5v-1.5h-1.5zm-20.684 0v-1.5h-1.5v1.5h1.5zm0 21.667h-1.5v1.5h1.5v-1.5zm119.359 0h1.5v-1.5h-1.5v1.5zm0 11.789h-1.5v3.586l2.553-2.518-1.053-1.068zm22.936-22.623l1.053 1.068 1.083-1.068-1.083-1.068-1.053 1.068zm-22.936-22.623l1.053-1.068-2.553-2.518v3.586h1.5zm0 11.79v1.5h1.5v-1.5h-1.5zm-20.999 0v-1.5h-1.5v1.5h1.5zm0 21.667h-1.5v1.5h1.5v-1.5zM160.5 82c0 43.354-35.146 78.5-78.5 78.5v3c45.011 0 81.5-36.489 81.5-81.5h-3zM82 160.5c-43.354 0-78.5-35.146-78.5-78.5h-3c0 45.011 36.489 81.5 81.5 81.5v-3zM3.5 82C3.5 38.646 38.646 3.5 82 3.5v-3C36.989.5.5 36.989.5 82h3zM82 3.5c43.354 0 78.5 35.146 78.5 78.5h3C163.5 36.989 127.011.5 82 .5v3zm22.762 53.582c0 12.952-10.356 23.418-23.09 23.418v3c14.428 0 26.09-11.847 26.09-26.418h-3zM81.672 80.5c-12.733 0-23.09-10.466-23.09-23.418h-3c0 14.571 11.662 26.418 26.09 26.418v-3zm-23.09-23.418c0-12.952 10.357-23.418 23.09-23.418v-3c-14.428 0-26.09 11.846-26.09 26.418h3zm23.09-23.418c12.734 0 23.09 10.466 23.09 23.418h3c0-14.572-11.662-26.418-26.09-26.418v3zm-1.47 33.924v11.789h3v-11.79h-3zm2.56 12.849l22.594-22.623-2.122-2.12L80.64 78.317l2.122 2.12zm22.594-24.743L82.762 33.071l-2.122 2.12 22.594 22.623 2.122-2.12zM80.201 34.131v11.79h3V34.13h-3zm-48.524 83.293v11.789h3v-11.789h-3zm2.56 12.849l22.595-22.623-2.123-2.12-22.594 22.623 2.123 2.12zm22.595-24.743L34.238 82.907l-2.123 2.12L54.71 107.65l2.123-2.12zM31.677 83.967v11.79h3v-11.79h-3zm98.674 33.457v11.789h3v-11.789h-3zm2.553 12.857l22.936-22.623-2.106-2.136-22.937 22.623 2.107 2.136zm22.936-24.759l-22.936-22.623-2.107 2.136 22.937 22.623 2.106-2.136zm-25.489-21.555v11.79h3v-11.79h-3zm-25.589 22.623c0 12.753-10.338 23.09-23.09 23.09v3c14.41 0 26.09-11.681 26.09-26.09h-3zm-23.09 23.09c-12.752 0-23.09-10.337-23.09-23.09h-3c0 14.409 11.68 26.09 26.09 26.09v-3zm-23.09-23.09c0-12.752 10.338-23.09 23.09-23.09v-3c-14.41 0-26.09 11.681-26.09 26.09h3zm23.09-23.09c12.752 0 23.09 10.338 23.09 23.09h3c0-14.409-11.68-26.09-26.09-26.09v3zm-26.09-26.418c0 12.971-10.229 23.418-22.762 23.418v3c14.265 0 25.762-11.866 25.762-26.418h-3zM32.82 80.5c-12.534 0-22.763-10.447-22.763-23.418h-3C7.057 71.634 18.554 83.5 32.82 83.5v-3zM10.057 57.082c0-12.971 10.229-23.418 22.763-23.418v-3c-14.266 0-25.763 11.866-25.763 26.418h3zM32.82 33.664c12.533 0 22.762 10.447 22.762 23.418h3c0-14.552-11.497-26.418-25.762-26.418v3zm22.762 72.926c0 12.772-10.21 23.09-22.762 23.09v3c14.247 0 25.762-11.7 25.762-26.09h-3zM32.82 129.68c-12.553 0-22.763-10.318-22.763-23.09h-3c0 14.39 11.516 26.09 25.763 26.09v-3zm-22.763-23.09c0-12.771 10.21-23.09 22.763-23.09v-3c-14.247 0-25.763 11.7-25.763 26.09h3zM32.82 83.5c12.552 0 22.762 10.319 22.762 23.09h3c0-14.39-11.515-26.09-25.762-26.09v3zm121.123-26.418c0 12.971-10.229 23.418-22.763 23.418v3c14.266 0 25.763-11.866 25.763-26.418h-3zM131.18 80.5c-12.533 0-22.762-10.447-22.762-23.418h-3c0 14.552 11.497 26.418 25.762 26.418v-3zm-22.762-23.418c0-12.971 10.229-23.418 22.762-23.418v-3c-14.265 0-25.762 11.866-25.762 26.418h3zm22.762-23.418c12.534 0 22.763 10.447 22.763 23.418h3c0-14.552-11.497-26.418-25.763-26.418v3zm22.763 72.926c0 12.772-10.21 23.09-22.763 23.09v3c14.247 0 25.763-11.7 25.763-26.09h-3zm-22.763 23.09c-12.552 0-22.762-10.318-22.762-23.09h-3c0 14.39 11.515 26.09 25.762 26.09v-3zm-22.762-23.09c0-12.771 10.21-23.09 22.762-23.09v-3c-14.247 0-25.762 11.7-25.762 26.09h3zM131.18 83.5c12.553 0 22.763 10.319 22.763 23.09h3c0-14.39-11.516-26.09-25.763-26.09v3zM81.701 44.42H61.016v3h20.685v-3zM61.016 69.089h20.685v-3H61.016v3zm-1.5-23.167v21.667h3V45.92h-3zm-26.34 48.336H12.492v3h20.684v-3zm-20.684 24.667h20.684v-3H12.492v3zm-1.5-23.167v21.667h3V95.757h-3zm120.859-1.5h-20.999v3h20.999v-3zm-20.999 24.667h20.999v-3h-20.999v3zm-1.5-23.167v21.667h3V95.757h-3z" fill="#00AE99"/></svg>
\ No newline at end of file
diff --git a/packages/website/ts/icons/illustrations/whitelistFilter.svg b/packages/website/ts/icons/illustrations/whitelistFilter.svg
index cb6fe2e658..ffd88ed242 100644
--- a/packages/website/ts/icons/illustrations/whitelistFilter.svg
+++ b/packages/website/ts/icons/illustrations/whitelistFilter.svg
@@ -1 +1 @@
-<svg width="124" height="124" viewBox="0 0 124 124" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.246 22.656l-.387-1.45-1.165.311.053 1.205 1.499-.066zM19.95 84.13l-1.499.066.028.628.467.42 1.004-1.114zm86.803-61.475l1.499.066.053-1.205-1.165-.31-.387 1.449zm-2.705 61.475l1.004 1.115.467-.42.028-.629-1.499-.066zM120.5 62c0 32.309-26.191 58.5-58.5 58.5v3c33.966 0 61.5-27.534 61.5-61.5h-3zM62 120.5C29.691 120.5 3.5 94.309 3.5 62h-3c0 33.966 27.535 61.5 61.5 61.5v-3zM3.5 62C3.5 29.691 29.691 3.5 62 3.5v-3C28.035.5.5 28.035.5 62h3zM62 3.5c32.309 0 58.5 26.191 58.5 58.5h3C123.5 28.035 95.966.5 62 .5v3zM15.747 22.722l2.705 61.475 2.997-.132-2.705-61.475-2.997.132zm3.2 62.524l42.05 37.869 2.007-2.23-42.05-37.869-2.007 2.23zm-1.314-61.141c20.36-5.435 30.277-9.196 45.29-20.923L61.077.818C46.502 12.203 37.01 15.828 16.859 21.207l.774 2.898zm-1.358-.306l22.869 19.426 1.942-2.286-22.869-19.427-1.942 2.287zm4.512 61.578l18.688-12.541-1.672-2.491-18.688 12.54 1.672 2.492zm84.469-62.787l-2.705 61.475 2.997.132 2.705-61.475-2.997-.132zm-2.211 60.426l-42.049 37.869 2.008 2.23 42.049-37.87-2.008-2.229zm4.096-61.81C86.991 15.828 77.499 12.203 62.923.818l-1.846 2.364c15.013 11.727 24.93 15.488 45.29 20.923l.774-2.899zm-1.358.306L82.914 40.94l1.942 2.286L107.725 23.8l-1.942-2.287zm-.898 61.374L86.196 70.345l-1.671 2.49 18.688 12.542 1.672-2.491zM87.057 57.48c0 13.89-11.26 25.15-25.15 25.15v3c15.547 0 28.15-12.603 28.15-28.15h-3zm-25.15 25.15c-13.891 0-25.152-11.26-25.152-25.15h-3c0 15.547 12.604 28.15 28.151 28.15v-3zM36.754 57.48c0-13.89 11.26-25.151 25.151-25.151v-3c-15.547 0-28.15 12.603-28.15 28.15h3zm25.151-25.151c13.891 0 25.152 11.26 25.152 25.15h3c0-15.547-12.604-28.15-28.152-28.15v3zm9.067 25.18a9.219 9.219 0 0 1-9.22 9.22v3c6.749 0 12.22-5.471 12.22-12.22h-3zm-9.22 9.22a9.219 9.219 0 0 1-9.218-9.22h-3c0 6.749 5.47 12.22 12.219 12.22v-3zm-9.218-9.22a9.219 9.219 0 0 1 9.219-9.218v-3c-6.748 0-12.219 5.47-12.219 12.219h3zm9.219-9.218a9.219 9.219 0 0 1 9.219 9.219h3c0-6.749-5.471-12.22-12.22-12.22v3zM60.5 2v28.77h3V2h-3zm0 82.377v37.377h3V84.377h-3z" fill="#00AE99"/></svg>
\ No newline at end of file
+<svg width="164" height="164" viewBox="0 0 164 164" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M141.672 31.508h1.5v-1.5h-1.5v1.5zm-120 0v-1.5h-1.5v1.5h1.5zm83.333 36.67h-1.5v1.5h1.5v-1.5zm-83.333 66.365l-1.13.985 1.13-.985zm27.632-49.346l-.917 1.187 1.17.903.92-1.156-1.173-.934zm0 36.983l-.917 1.187 1.17.904.92-1.156-1.173-.935zm0 17.672l-.917 1.187 1.17.904.92-1.156-1.173-.935zM3.5 82C3.5 38.646 38.646 3.5 82 3.5v-3C36.989.5.5 36.989.5 82h3zM82 3.5c43.354 0 78.5 35.146 78.5 78.5h3C163.5 36.989 127.011.5 82 .5v3zm58.172 28.008v36.67h3v-36.67h-3zm-118.5 1.5h83.333v-3H21.672v3zm83.333 0h36.667v-3h-36.667v3zm37.728 34.11l-36.667-36.67-2.121 2.12 36.666 36.67 2.122-2.12zm-39.228-35.61v36.67h3v-36.67h-3zm1.5 38.17h36.667v-3h-36.667v3zm35.167-1.5v67.108h3V68.178h-3zM160.5 82c0 20.084-7.54 38.403-19.946 52.286l2.237 1.999C155.669 121.873 163.5 102.849 163.5 82h-3zm-19.946 52.286C126.176 150.376 105.271 160.5 82 160.5v3c24.161 0 45.868-10.516 60.791-27.215l-2.237-1.999zm-117.382.257V31.508h-3v103.035h3zM82 160.5c-23.621 0-44.804-10.431-59.197-26.943l-2.262 1.971C35.481 152.666 57.476 163.5 82 163.5v-3zm-59.197-26.943C10.78 119.764 3.5 101.734 3.5 82h-3c0 20.486 7.56 39.21 20.041 53.528l2.262-1.971zm39.15-50.139h55.49v-3h-55.49v3zm-7.294-7.353l-6.528 8.197 2.346 1.87 6.529-8.198-2.347-1.868zm-4.438 7.945l-5.304-4.099-1.834 2.374 5.304 4.099 1.834-2.374zm11.732 17.9h55.49v-3h-55.49v3zm-7.14-8.338l-5.305 4.918 2.04 2.2 5.304-4.918-2.04-2.2zm-5.305 4.918l-5.304 4.918 2.04 2.2 5.304-4.918-2.04-2.2zm12.445 21.912h55.49v-3h-55.49v3zm-7.294-7.353l-6.528 8.197 2.346 1.869 6.529-8.197-2.347-1.869zm-4.438 7.944l-5.304-4.098-1.834 2.374 5.304 4.098 1.834-2.374zm-6.017-25.22l5.304 4.917 2.04-2.2-5.304-4.918-2.04 2.2zm5.304 4.917l5.305 4.918 2.04-2.2-5.305-4.918-2.04 2.2zm12.445 37.384h55.49v-3h-55.49v3zm-7.294-7.353l-6.528 8.197 2.346 1.869 6.529-8.197-2.347-1.869zm-4.438 7.944l-5.304-4.098-1.834 2.374 5.304 4.098 1.834-2.374z" fill="#00AE99"/></svg>
\ No newline at end of file
diff --git a/packages/website/ts/pages/extensions.tsx b/packages/website/ts/pages/extensions.tsx
index 23d50b3369..89dc31913c 100644
--- a/packages/website/ts/pages/extensions.tsx
+++ b/packages/website/ts/pages/extensions.tsx
@@ -29,7 +29,7 @@ const extensionData: Extension[] = [
         description: `Dutch Auctions continually reduce prices until a buyer is found. They're perfect for new or rare assets, and with 0x's off-chain model, they're gas-efficient as well.`,
         links: [
             {
-                text: 'Learn More',
+                text: 'Explore the Docs',
                 url:
                     'https://github.com/0xProject/0x-monorepo/blob/development/contracts/extensions/contracts/src/DutchAuction/DutchAuction.sol',
             },
@@ -41,7 +41,7 @@ const extensionData: Extension[] = [
         description: `Say goodbye to WETH! The Forwarder Contract will automatically wrap ETH and fill orders, making buying assets on 0x one step simpler.`,
         links: [
             {
-                text: 'Learn More',
+                text: 'Explore the Docs',
                 url: 'https://github.com/0xProject/0x-protocol-specification/blob/master/v2/forwarder-specification.md',
             },
         ],
@@ -52,7 +52,7 @@ const extensionData: Extension[] = [
         description: `Restrict access to your relayer with a Whitelist of approved traders. Bring your own list of addresses, or use Wyre's KYC list for free.`,
         links: [
             {
-                text: 'Learn More',
+                text: 'Explore the Docs',
                 url:
                     'https://github.com/0xProject/0x-protocol-specification/blob/master/v2/v2-specification.md#whitelist',
             },
@@ -73,7 +73,7 @@ export class Extensions extends React.Component {
                     isFullWidth={false}
                     title="0x Extensions"
                     description="Support new types of trading on your relayer with 0x Extensions"
-                    figure={<Icon name="launchKit" size="hero" margin={['small', 0, 'small', 0]} />}
+                    figure={<Icon name="extensions" size="hero" margin={['small', 0, 'small', 0]} />}
                     actions={<HeroActions />}
                 />
 

From 951c25698092e263939a338b3761ef46bccbeff3 Mon Sep 17 00:00:00 2001
From: Fred Carlsen <fred@sjelfull.no>
Date: Wed, 27 Feb 2019 10:47:59 +0100
Subject: [PATCH 19/27] Remove redundant fragment

---
 packages/website/ts/pages/about/team.tsx | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/packages/website/ts/pages/about/team.tsx b/packages/website/ts/pages/about/team.tsx
index 694ae0a7db..4a0c2d6578 100644
--- a/packages/website/ts/pages/about/team.tsx
+++ b/packages/website/ts/pages/about/team.tsx
@@ -192,14 +192,12 @@ export const NextAboutTeam = () => (
     <AboutPageLayout
         title="We are a global, growing team"
         description={
-            <>
-                <Paragraph size="medium" marginBottom="60px" isMuted={0.65}>
-                    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.
-                </Paragraph>
-            </>
+            <Paragraph size="medium" marginBottom="60px" isMuted={0.65}>
+                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.
+            </Paragraph>
         }
         linkLabel="Join the team"
         to={WebsitePaths.AboutJobs}

From ebb6177271d02d009cba70431e1048b9ba7c958d Mon Sep 17 00:00:00 2001
From: Fred Carlsen <fred@sjelfull.no>
Date: Wed, 27 Feb 2019 10:49:41 +0100
Subject: [PATCH 20/27] Update link to whitelist filter

---
 packages/website/ts/pages/extensions.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/website/ts/pages/extensions.tsx b/packages/website/ts/pages/extensions.tsx
index 89dc31913c..d15cd1736b 100644
--- a/packages/website/ts/pages/extensions.tsx
+++ b/packages/website/ts/pages/extensions.tsx
@@ -54,7 +54,7 @@ const extensionData: Extension[] = [
             {
                 text: 'Explore the Docs',
                 url:
-                    'https://github.com/0xProject/0x-protocol-specification/blob/master/v2/v2-specification.md#whitelist',
+                    'https://github.com/0xProject/0x-monorepo/tree/development/contracts/extensions/contracts/src/BalanceThresholdFilter',
             },
         ],
     },

From ccd0da58cbc1ef9dbe561c4ce2b9a42877cbf3e3 Mon Sep 17 00:00:00 2001
From: fragosti <francesco.agosti93@gmail.com>
Date: Wed, 27 Feb 2019 11:34:04 -0800
Subject: [PATCH 21/27] fix build errors

---
 packages/website/ts/pages/extensions.tsx              | 6 +++---
 packages/website/ts/pages/not_found.tsx               | 5 +++--
 packages/website/ts/utils/document_meta_constants.tsx | 5 +++++
 3 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/packages/website/ts/pages/extensions.tsx b/packages/website/ts/pages/extensions.tsx
index d15cd1736b..aac3201cf9 100644
--- a/packages/website/ts/pages/extensions.tsx
+++ b/packages/website/ts/pages/extensions.tsx
@@ -1,6 +1,5 @@
 import * as _ from 'lodash';
 import * as React from 'react';
-import DocumentTitle from 'react-document-title';
 import styled from 'styled-components';
 
 import { Hero } from 'ts/components/hero';
@@ -9,9 +8,10 @@ import { Banner } from 'ts/components/banner';
 import { Button } from 'ts/components/button';
 import { Icon } from 'ts/components/icon';
 import { SiteWrap } from 'ts/components/siteWrap';
-
+import { DocumentTitle } from 'ts/components/document_title';
 import { Card, LinkProps } from 'ts/components/card';
 import { constants } from 'ts/utils/constants';
+import { documentConstants } from 'ts/utils/document_meta_constants';
 
 import { ModalContact } from '../components/modals/modal_contact';
 
@@ -67,7 +67,7 @@ export class Extensions extends React.Component {
     public render(): React.ReactNode {
         return (
             <SiteWrap theme="dark">
-                <DocumentTitle title="0x Extensions" />
+                <DocumentTitle {...documentConstants.EXTENSIONS } />
                 <Hero
                     isLargeTitle={false}
                     isFullWidth={false}
diff --git a/packages/website/ts/pages/not_found.tsx b/packages/website/ts/pages/not_found.tsx
index ca23b534ff..20cb1a8c38 100644
--- a/packages/website/ts/pages/not_found.tsx
+++ b/packages/website/ts/pages/not_found.tsx
@@ -1,10 +1,11 @@
 import * as _ from 'lodash';
 import * as React from 'react';
-import DocumentTitle from 'react-document-title';
 
+import { DocumentTitle } from 'ts/components/document_title';
 import { SiteWrap } from 'ts/components/siteWrap';
 import { FullscreenMessage } from 'ts/pages/fullscreen_message';
 import { Dispatcher } from 'ts/redux/dispatcher';
+import { documentConstants } from 'ts/utils/document_meta_constants';
 import { Translate } from 'ts/utils/translate';
 
 export interface NotFoundProps {
@@ -17,7 +18,7 @@ export class NotFound extends React.Component<NotFoundProps> {
     public render(): React.ReactNode {
         return (
             <SiteWrap isFullScreen={true}>
-                <DocumentTitle title="404 Page Not Found" />
+                <DocumentTitle { ...documentConstants.LANDING } />
 
                 <FullscreenMessage
                     headerText={'404'}
diff --git a/packages/website/ts/utils/document_meta_constants.tsx b/packages/website/ts/utils/document_meta_constants.tsx
index 0cce922e7c..91d2b0fb8a 100644
--- a/packages/website/ts/utils/document_meta_constants.tsx
+++ b/packages/website/ts/utils/document_meta_constants.tsx
@@ -86,4 +86,9 @@ export const documentConstants: { [s: string]: DocumentMetadata } = {
             '0x is an open protocol that is governed by its users. Cast your votes with ZRX on 0x Improvement Proposals.',
         keywords: '',
     },
+    EXTENSIONS: {
+        title: '',
+        description: 'Support new types of trading on your relayer with 0x Extensions',
+        keywords: '',
+    },
 };

From c6c7f6f907d48426b2ceecb671964ed83db91fa9 Mon Sep 17 00:00:00 2001
From: David Sun <dvsuner@protonmail.com>
Date: Wed, 27 Feb 2019 15:01:59 -0500
Subject: [PATCH 22/27] added title for extensions

---
 packages/website/ts/utils/document_meta_constants.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/website/ts/utils/document_meta_constants.tsx b/packages/website/ts/utils/document_meta_constants.tsx
index 91d2b0fb8a..8b57e92951 100644
--- a/packages/website/ts/utils/document_meta_constants.tsx
+++ b/packages/website/ts/utils/document_meta_constants.tsx
@@ -87,7 +87,7 @@ export const documentConstants: { [s: string]: DocumentMetadata } = {
         keywords: '',
     },
     EXTENSIONS: {
-        title: '',
+        title: '0x Extensions',
         description: 'Support new types of trading on your relayer with 0x Extensions',
         keywords: '',
     },

From faac286f708726e9444860871bd4b6ad18b46e6b Mon Sep 17 00:00:00 2001
From: David Sun <dvsuner@protonmail.com>
Date: Wed, 27 Feb 2019 15:21:07 -0500
Subject: [PATCH 23/27] fixed links

---
 packages/website/ts/pages/extensions.tsx | 14 ++++++++------
 packages/website/ts/utils/constants.ts   |  1 +
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/packages/website/ts/pages/extensions.tsx b/packages/website/ts/pages/extensions.tsx
index aac3201cf9..54f239decf 100644
--- a/packages/website/ts/pages/extensions.tsx
+++ b/packages/website/ts/pages/extensions.tsx
@@ -6,11 +6,13 @@ import { Hero } from 'ts/components/hero';
 
 import { Banner } from 'ts/components/banner';
 import { Button } from 'ts/components/button';
+import { Card, LinkProps } from 'ts/components/card';
+import { DocumentTitle } from 'ts/components/document_title';
 import { Icon } from 'ts/components/icon';
 import { SiteWrap } from 'ts/components/siteWrap';
-import { DocumentTitle } from 'ts/components/document_title';
-import { Card, LinkProps } from 'ts/components/card';
+import { WebsitePaths } from 'ts/types';
 import { constants } from 'ts/utils/constants';
+
 import { documentConstants } from 'ts/utils/document_meta_constants';
 
 import { ModalContact } from '../components/modals/modal_contact';
@@ -67,7 +69,7 @@ export class Extensions extends React.Component {
     public render(): React.ReactNode {
         return (
             <SiteWrap theme="dark">
-                <DocumentTitle {...documentConstants.EXTENSIONS } />
+                <DocumentTitle {...documentConstants.EXTENSIONS} />
                 <Hero
                     isLargeTitle={false}
                     isFullWidth={false}
@@ -96,7 +98,7 @@ export class Extensions extends React.Component {
                     subline="Developers can build custom extensions on 0x to add new modes of exchange"
                     mainCta={{
                         text: 'Get Started',
-                        href: `${constants.URL_LAUNCH_KIT}/#table-of-contents`,
+                        href: `${WebsitePaths.Wiki}#0x-Extensions`,
                         shouldOpenInNewTab: true,
                     }}
                     secondaryCta={{ text: 'Get in Touch', onClick: this._onOpenContactModal.bind(this) }}
@@ -117,11 +119,11 @@ export class Extensions extends React.Component {
 
 const HeroActions = () => (
     <React.Fragment>
-        <Button href={constants.URL_LAUNCH_KIT} isInline={true} target="_blank">
+        <Button href={`${WebsitePaths.Wiki}#0x-Extensions`} isInline={true} target="_blank">
             Get Started
         </Button>
 
-        <Button href={constants.URL_LAUNCH_KIT_BLOG_POST} isTransparent={true} isInline={true} target="_blank">
+        <Button href={constants.URL_EXTENSIONS_BLOG_POST} isTransparent={true} isInline={true} target="_blank">
             Learn More!
         </Button>
     </React.Fragment>
diff --git a/packages/website/ts/utils/constants.ts b/packages/website/ts/utils/constants.ts
index 5b7668736b..4e54e798c5 100644
--- a/packages/website/ts/utils/constants.ts
+++ b/packages/website/ts/utils/constants.ts
@@ -77,6 +77,7 @@ export const constants = {
     URL_BLOG: 'https://blog.0xproject.com',
     URL_DISCOURSE_FORUM: 'https://forum.0x.org',
     URL_ECOSYSTEM_APPLY: 'https://0x.smapply.io/',
+    URL_EXTENSIONS_BLOG_POST: '',
     URL_ECOSYSTEM_BLOG_POST: 'https://blog.0xproject.com/announcing-the-0x-ecosystem-acceleration-program-89d1cb89d565',
     URL_VOTE_BLOG_POST: 'https://blog.0xproject.com/zeip-23-trade-bundles-of-assets-fe69eb3ed960',
     URL_FIREFOX_U2F_ADDON: 'https://addons.mozilla.org/en-US/firefox/addon/u2f-support-add-on/',

From 03ed057ff64911c8a70f37715a1c0570fc237a24 Mon Sep 17 00:00:00 2001
From: David Sun <dvsuner@protonmail.com>
Date: Wed, 27 Feb 2019 15:34:24 -0500
Subject: [PATCH 24/27] fixed linting + prettier issues

---
 packages/website/ts/pages/about/team.tsx | 7 +++----
 packages/website/ts/pages/not_found.tsx  | 2 +-
 packages/website/ts/utils/constants.ts   | 2 +-
 3 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/packages/website/ts/pages/about/team.tsx b/packages/website/ts/pages/about/team.tsx
index 4a0c2d6578..e04a84d2ae 100644
--- a/packages/website/ts/pages/about/team.tsx
+++ b/packages/website/ts/pages/about/team.tsx
@@ -193,10 +193,9 @@ export const NextAboutTeam = () => (
         title="We are a global, growing team"
         description={
             <Paragraph size="medium" marginBottom="60px" isMuted={0.65}>
-                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.
+                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.
             </Paragraph>
         }
         linkLabel="Join the team"
diff --git a/packages/website/ts/pages/not_found.tsx b/packages/website/ts/pages/not_found.tsx
index 20cb1a8c38..2ca3bc7ce4 100644
--- a/packages/website/ts/pages/not_found.tsx
+++ b/packages/website/ts/pages/not_found.tsx
@@ -18,7 +18,7 @@ export class NotFound extends React.Component<NotFoundProps> {
     public render(): React.ReactNode {
         return (
             <SiteWrap isFullScreen={true}>
-                <DocumentTitle { ...documentConstants.LANDING } />
+                <DocumentTitle {...documentConstants.LANDING} />
 
                 <FullscreenMessage
                     headerText={'404'}
diff --git a/packages/website/ts/utils/constants.ts b/packages/website/ts/utils/constants.ts
index 4e54e798c5..e93ddc0d2d 100644
--- a/packages/website/ts/utils/constants.ts
+++ b/packages/website/ts/utils/constants.ts
@@ -77,7 +77,7 @@ export const constants = {
     URL_BLOG: 'https://blog.0xproject.com',
     URL_DISCOURSE_FORUM: 'https://forum.0x.org',
     URL_ECOSYSTEM_APPLY: 'https://0x.smapply.io/',
-    URL_EXTENSIONS_BLOG_POST: '',
+    URL_EXTENSIONS_BLOG_POST: 'https://blog.0xproject.com/0x-extensions-enabling-new-types-of-exchange-1db0bf6125b6',
     URL_ECOSYSTEM_BLOG_POST: 'https://blog.0xproject.com/announcing-the-0x-ecosystem-acceleration-program-89d1cb89d565',
     URL_VOTE_BLOG_POST: 'https://blog.0xproject.com/zeip-23-trade-bundles-of-assets-fe69eb3ed960',
     URL_FIREFOX_U2F_ADDON: 'https://addons.mozilla.org/en-US/firefox/addon/u2f-support-add-on/',

From fd3c546994ca6b160bfb7e46a53f43b064c0a0c4 Mon Sep 17 00:00:00 2001
From: David Sun <dvsuner@protonmail.com>
Date: Wed, 27 Feb 2019 15:54:09 -0500
Subject: [PATCH 25/27] changed links

---
 packages/website/ts/pages/extensions.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/website/ts/pages/extensions.tsx b/packages/website/ts/pages/extensions.tsx
index 54f239decf..fefbaf4727 100644
--- a/packages/website/ts/pages/extensions.tsx
+++ b/packages/website/ts/pages/extensions.tsx
@@ -33,7 +33,7 @@ const extensionData: Extension[] = [
             {
                 text: 'Explore the Docs',
                 url:
-                    'https://github.com/0xProject/0x-monorepo/blob/development/contracts/extensions/contracts/src/DutchAuction/DutchAuction.sol',
+                `${WebsitePaths.Wiki}#0x-Extensions`,
             },
         ],
     },
@@ -56,7 +56,7 @@ const extensionData: Extension[] = [
             {
                 text: 'Explore the Docs',
                 url:
-                    'https://github.com/0xProject/0x-monorepo/tree/development/contracts/extensions/contracts/src/BalanceThresholdFilter',
+                `${WebsitePaths.Wiki}#0x-Extensions`,
             },
         ],
     },

From 5570d14179a3434a1fcf41c306bd5b0e6d72f363 Mon Sep 17 00:00:00 2001
From: David Sun <dvsuner@protonmail.com>
Date: Wed, 27 Feb 2019 16:05:48 -0500
Subject: [PATCH 26/27] fixed build issues

---
 packages/website/ts/pages/about/team.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/packages/website/ts/pages/about/team.tsx b/packages/website/ts/pages/about/team.tsx
index e04a84d2ae..f0c37faafe 100644
--- a/packages/website/ts/pages/about/team.tsx
+++ b/packages/website/ts/pages/about/team.tsx
@@ -196,8 +196,7 @@ export const NextAboutTeam = () => (
                 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.
-            </Paragraph>
-        }
+            </Paragraph>}
         linkLabel="Join the team"
         to={WebsitePaths.AboutJobs}
     >

From 428afabaa35be1e3d5d5db25fb468a2ddb1a2b33 Mon Sep 17 00:00:00 2001
From: David Sun <dvsuner@protonmail.com>
Date: Wed, 27 Feb 2019 16:21:00 -0500
Subject: [PATCH 27/27] disabling lint for prettier

---
 packages/website/ts/pages/about/team.tsx | 4 +++-
 packages/website/ts/pages/extensions.tsx | 6 ++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/website/ts/pages/about/team.tsx b/packages/website/ts/pages/about/team.tsx
index f0c37faafe..9efa9c5943 100644
--- a/packages/website/ts/pages/about/team.tsx
+++ b/packages/website/ts/pages/about/team.tsx
@@ -196,7 +196,9 @@ export const NextAboutTeam = () => (
                 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.
-            </Paragraph>}
+            </Paragraph>
+            // tslint:disable-next-line:jsx-curly-spacing
+        }
         linkLabel="Join the team"
         to={WebsitePaths.AboutJobs}
     >
diff --git a/packages/website/ts/pages/extensions.tsx b/packages/website/ts/pages/extensions.tsx
index fefbaf4727..f655eba8f0 100644
--- a/packages/website/ts/pages/extensions.tsx
+++ b/packages/website/ts/pages/extensions.tsx
@@ -32,8 +32,7 @@ const extensionData: Extension[] = [
         links: [
             {
                 text: 'Explore the Docs',
-                url:
-                `${WebsitePaths.Wiki}#0x-Extensions`,
+                url: `${WebsitePaths.Wiki}#0x-Extensions`,
             },
         ],
     },
@@ -55,8 +54,7 @@ const extensionData: Extension[] = [
         links: [
             {
                 text: 'Explore the Docs',
-                url:
-                `${WebsitePaths.Wiki}#0x-Extensions`,
+                url: `${WebsitePaths.Wiki}#0x-Extensions`,
             },
         ],
     },