diff options
author | Fred Carlsen <fred@sjelfull.no> | 2018-11-30 20:08:36 +0800 |
---|---|---|
committer | Fred Carlsen <fred@sjelfull.no> | 2018-11-30 20:08:36 +0800 |
commit | d6329a83d50dcb8c20c090f9cd7ae25bca8c417d (patch) | |
tree | 0587c84ecad71ca5d583c191cbcceea26b99c42f /packages/website/ts/@next/pages | |
parent | 203baa4541fd4c5b033a2e64342c1cbe93976e7a (diff) | |
download | dexon-0x-contracts-d6329a83d50dcb8c20c090f9cd7ae25bca8c417d.tar dexon-0x-contracts-d6329a83d50dcb8c20c090f9cd7ae25bca8c417d.tar.gz dexon-0x-contracts-d6329a83d50dcb8c20c090f9cd7ae25bca8c417d.tar.bz2 dexon-0x-contracts-d6329a83d50dcb8c20c090f9cd7ae25bca8c417d.tar.lz dexon-0x-contracts-d6329a83d50dcb8c20c090f9cd7ae25bca8c417d.tar.xz dexon-0x-contracts-d6329a83d50dcb8c20c090f9cd7ae25bca8c417d.tar.zst dexon-0x-contracts-d6329a83d50dcb8c20c090f9cd7ae25bca8c417d.zip |
Linting errors
Diffstat (limited to 'packages/website/ts/@next/pages')
-rw-r--r-- | packages/website/ts/@next/pages/landing.tsx | 288 | ||||
-rw-r--r-- | packages/website/ts/@next/pages/why.tsx | 2 |
2 files changed, 146 insertions, 144 deletions
diff --git a/packages/website/ts/@next/pages/landing.tsx b/packages/website/ts/@next/pages/landing.tsx index 451c70d3e..ee9dd188e 100644 --- a/packages/website/ts/@next/pages/landing.tsx +++ b/packages/website/ts/@next/pages/landing.tsx @@ -1,155 +1,157 @@ import * as React from 'react'; import styled from 'styled-components'; -import { colors } from 'ts/style/colors' -import { Button, ButtonWrap } from 'ts/@next/components/button'; -import { Column, Section, Wrap, WrapCentered } from 'ts/@next/components/layout'; -import { SiteWrap } from 'ts/@next/components/siteWrap'; -import { Heading, Paragraph } from 'ts/@next/components/text'; +import {colors} from 'ts/style/colors'; + +import {Button, ButtonWrap} from 'ts/@next/components/button'; +import {Column, Section, Wrap, WrapCentered} from 'ts/@next/components/layout'; +import {SiteWrap} from 'ts/@next/components/siteWrap'; +import {Heading, Paragraph} from 'ts/@next/components/text'; import LogoOutlined from 'ts/@next/icons/illustrations/logo-outlined.svg'; import ProtocolIcon from 'ts/@next/icons/illustrations/protocol.svg'; -const Icon = styled.div` +const Icon = styled.div ` flex-shrink: 0; `; export const NextLanding = () => ( - <SiteWrap> - <Section> - <Wrap> - <Column colWidth="1/2"> - <Heading size="large"> - Powering Decentralized Exchange - </Heading> - - <Paragraph size="medium"> - 0x is the best solution for adding exchange functionality to your business. - </Paragraph> - - <ButtonWrap> - <Button inline> - Get Started - </Button> - - <Button transparent inline> - Learn More - </Button> - </ButtonWrap> - </Column> - - <Column colWidth="1/2"> - <Icon as={LogoOutlined as 'svg'} /> - </Column> - </Wrap> - </Section> - - <Section bgColor={colors.backgroundDark}> - <WrapCentered width="narrow"> - <Icon as={ProtocolIcon as 'svg'} /> - - <Paragraph size="large" center> - 0x is an open protocol that enables the peer-to-peer exchange of Ethereum-based tokens. Anyone in the world can use 0x to service a wide variety of markets ranging from gaming items to financial instruments to assets that could have near existed before. - </Paragraph> - - <Button href="#" transparent> - Discover how developers use 0x - </Button> - </WrapCentered> - - <Wrap> - {/* NOTE: this probably should be withComponent as part of a <dl> */} - <Column colWidth="1/3"> - <Heading size="medium" center> - 873,435 - </Heading> - - <Paragraph muted={0.4} center noMargin> - Number of transactions - </Paragraph> - </Column> - - <Column colWidth="1/3"> - <Heading size="medium" center> - $203M - </Heading> - - <Paragraph muted={0.4} center noMargin> - Total volume - </Paragraph> - </Column> - - <Column colWidth="1/3"> - <Heading size="medium" center> - 227,372 - </Heading> - - <Paragraph muted={0.4} center noMargin> - Number of relayers - </Paragraph> - </Column> - </Wrap> - </Section> - - <Section> - <Wrap> - <Column bgColor="#003831" colWidth="1/2"> - This is a 2 COLUMN section - </Column> - - <Column bgColor="#003831" colWidth="1/2"> - Again a 2 column section - </Column> - </Wrap> - </Section> - - <Section> - <Wrap> - <Column colWidth="2/3"> - Powering Decentralized Exchange<br/> - Example of a 2/3 1/3 assymetric composition - </Column> - - <Column colWidth="1/3"> - RIGHT IMAGE - </Column> - </Wrap> - </Section> - - <Section - bgColor="#ff0000" - fullWidth - noPadding> - <Wrap width="full"> - <Column colWidth="2/3"> - SAMPLE FLUSHED width - </Column> - - <Column colWidth="1/3"> - RIGHT IMAGE - </Column> - </Wrap> - </Section> - - <Section bgColor="#003831"> - <Wrap - width="narrow"> - 0x is an open protocol that enables the peer-to-peer exchange of Ethereum-based tokens. Anyone can utilize 0x to service a wide variety of markets ranging from gaming items to traditional financial assets. - </Wrap> - - <Wrap> - <Column colWidth="1/3"> - This - </Column> - - <Column colWidth="1/3"> - is a - </Column> - - <Column colWidth="1/3"> - three-column module - </Column> - </Wrap> - </Section> - </SiteWrap> + <SiteWrap> + <Section> + <Wrap> + <Column colWidth="1/2"> + <Heading size="large"> + Powering Decentralized Exchange + </Heading> + + <Paragraph size="medium"> + 0x is the best solution for adding exchange functionality to your business. + </Paragraph> + + <ButtonWrap> + <Button inline> + Get Started + </Button> + + <Button transparent inline> + Learn More + </Button> + </ButtonWrap> + </Column> + + <Column colWidth="1/2"> + <LogoOutlined/> + </Column> + </Wrap> + </Section> + + <Section bgColor={colors.backgroundDark}> + <WrapCentered width="narrow"> + <ProtocolIcon/> + + <Paragraph size="large" center> + 0x is an open protocol that enables the peer-to-peer exchange of Ethereum-based + tokens. Anyone in the world can use 0x to service a wide variety of markets + ranging from gaming items to financial instruments to assets that could have + near existed before. + </Paragraph> + + <Button href="#" transparent> + Discover how developers use 0x + </Button> + </WrapCentered> + + <Wrap> + {/* NOTE: this probably should be withComponent as part of a <dl> */} + <Column colWidth="1/3"> + <Heading size="medium" center> + 873,435 + </Heading> + + <Paragraph muted={0.4} center noMargin> + Number of transactions + </Paragraph> + </Column> + + <Column colWidth="1/3"> + <Heading size="medium" center> + $203M + </Heading> + + <Paragraph muted={0.4} center noMargin> + Total volume + </Paragraph> + </Column> + + <Column colWidth="1/3"> + <Heading size="medium" center> + 227,372 + </Heading> + + <Paragraph muted={0.4} center noMargin> + Number of relayers + </Paragraph> + </Column> + </Wrap> + </Section> + + <Section> + <Wrap> + <Column bgColor="#003831" colWidth="1/2"> + This is a 2 COLUMN section + </Column> + + <Column bgColor="#003831" colWidth="1/2"> + Again a 2 column section + </Column> + </Wrap> + </Section> + + <Section> + <Wrap> + <Column colWidth="2/3"> + Powering Decentralized Exchange<br/> + Example of a 2/3 1/3 assymetric composition + </Column> + + <Column colWidth="1/3"> + RIGHT IMAGE + </Column> + </Wrap> + </Section> + + <Section bgColor="#ff0000" fullWidth noPadding> + <Wrap width="full"> + <Column colWidth="2/3"> + SAMPLE FLUSHED width + </Column> + + <Column colWidth="1/3"> + RIGHT IMAGE + </Column> + </Wrap> + </Section> + + <Section bgColor="#003831"> + <Wrap width="narrow"> + 0x is an open protocol that enables the peer-to-peer exchange of Ethereum-based + tokens. Anyone can utilize 0x to service a wide variety of markets ranging from + gaming items to traditional financial assets. + </Wrap> + + <Wrap> + <Column colWidth="1/3"> + This + </Column> + + <Column colWidth="1/3"> + is a + </Column> + + <Column colWidth="1/3"> + three-column module + </Column> + </Wrap> + </Section> + </SiteWrap> ); diff --git a/packages/website/ts/@next/pages/why.tsx b/packages/website/ts/@next/pages/why.tsx index 4e5120b8d..4a7aadcf2 100644 --- a/packages/website/ts/@next/pages/why.tsx +++ b/packages/website/ts/@next/pages/why.tsx @@ -19,7 +19,7 @@ export const NextWhy = () => ( <Column colWidth="2/3"> <Heading size="medium" center>The exchange layer for the crypto economy</Heading> <Heading size="large" center>The world's assets are becoming tokenized on public blockchains. 0x Protocol is free, open-source infrastructure that allows anyone in the world to build products that enable the purchasing and trading of crypto tokens.</Heading> - <Paragraph center>Build on 0x (arrow)</> + <Paragraph center>Build on 0x (arrow)</Paragraph> </Column> </WrapCentered> </Section> |