aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/@next/pages
diff options
context:
space:
mode:
authorEzekiel Aquino <ezekiel@bakkenbaeck.no>2018-11-30 21:13:31 +0800
committerEzekiel Aquino <ezekiel@bakkenbaeck.no>2018-11-30 21:13:31 +0800
commit2ba14d656ef21ef85bf8274020d18ae2cd2515b3 (patch)
treeceb9c5e08d1e47e12a6bbfd00acfc3cb931d80a1 /packages/website/ts/@next/pages
parent0c2848c41887daa7bfee6297a7f134271bc2df1a (diff)
downloaddexon-sol-tools-2ba14d656ef21ef85bf8274020d18ae2cd2515b3.tar
dexon-sol-tools-2ba14d656ef21ef85bf8274020d18ae2cd2515b3.tar.gz
dexon-sol-tools-2ba14d656ef21ef85bf8274020d18ae2cd2515b3.tar.bz2
dexon-sol-tools-2ba14d656ef21ef85bf8274020d18ae2cd2515b3.tar.lz
dexon-sol-tools-2ba14d656ef21ef85bf8274020d18ae2cd2515b3.tar.xz
dexon-sol-tools-2ba14d656ef21ef85bf8274020d18ae2cd2515b3.tar.zst
dexon-sol-tools-2ba14d656ef21ef85bf8274020d18ae2cd2515b3.zip
Some cleanup, reindent
Diffstat (limited to 'packages/website/ts/@next/pages')
-rw-r--r--packages/website/ts/@next/pages/landing.tsx29
1 files changed, 19 insertions, 10 deletions
diff --git a/packages/website/ts/@next/pages/landing.tsx b/packages/website/ts/@next/pages/landing.tsx
index ee9dd188e..ab0a3bc55 100644
--- a/packages/website/ts/@next/pages/landing.tsx
+++ b/packages/website/ts/@next/pages/landing.tsx
@@ -1,5 +1,5 @@
import * as React from 'react';
-import styled from 'styled-components';
+import styled, { css } from 'styled-components';
import {colors} from 'ts/style/colors';
@@ -10,6 +10,8 @@ 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';
+import IconReadyToBuild from 'ts/@next/icons/illustrations/ready-to-build.svg';
+
const Icon = styled.div `
flex-shrink: 0;
@@ -97,12 +99,18 @@ export const NextLanding = () => (
<Section>
<Wrap>
- <Column bgColor="#003831" colWidth="1/2">
- This is a 2 COLUMN section
+ <Column bgColor="#003831" colWidth="1/2" padLarge>
+ <WrapCentered>
+ <Icon as={IconReadyToBuild as 'svg'} />
+ Ready to build on 0x?
+ </WrapCentered>
</Column>
- <Column bgColor="#003831" colWidth="1/2">
- Again a 2 column section
+ <Column bgColor="#003831" colWidth="1/2" padLarge>
+ <WrapCentered>
+ <Icon as={IconReadyToBuild as 'svg'} />
+ Ready to build on 0x?
+ </WrapCentered>
</Column>
</Wrap>
</Section>
@@ -120,7 +128,10 @@ export const NextLanding = () => (
</Wrap>
</Section>
- <Section bgColor="#ff0000" fullWidth noPadding>
+ <Section
+ bgColor="#ff0000"
+ fullWidth
+ noPadding>
<Wrap width="full">
<Column colWidth="2/3">
SAMPLE FLUSHED width
@@ -134,9 +145,7 @@ export const NextLanding = () => (
<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.
+ 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>
@@ -149,7 +158,7 @@ export const NextLanding = () => (
</Column>
<Column colWidth="1/3">
- three-column module
+ three-column module
</Column>
</Wrap>
</Section>