From 950dae0437b753ba84a012a72e46b0cc5ef4a5b2 Mon Sep 17 00:00:00 2001 From: Fred Carlsen Date: Mon, 3 Dec 2018 16:01:06 +0100 Subject: Added launch kit --- packages/website/ts/@next/components/layout.tsx | 2 + packages/website/ts/@next/pages/launchKit.tsx | 159 ++++++++++++++++++++++++ packages/website/ts/index.tsx | 2 + 3 files changed, 163 insertions(+) create mode 100644 packages/website/ts/@next/pages/launchKit.tsx (limited to 'packages/website/ts') diff --git a/packages/website/ts/@next/components/layout.tsx b/packages/website/ts/@next/components/layout.tsx index 21820f192..2067b67b0 100644 --- a/packages/website/ts/@next/components/layout.tsx +++ b/packages/website/ts/@next/components/layout.tsx @@ -37,6 +37,7 @@ interface ColumnProps { isNoPadding?: boolean; isPadLarge?: boolean; bgColor?: string; + borderColor?: string; } interface GetColWidthArgs { @@ -142,6 +143,7 @@ export const Column = styled.div` padding: ${props => !props.isNoPadding && (props.isPadLarge ? '60px 30px' : '30px')}; border: 1px dotted rgba(255, 0, 0, 0.3); background-color: ${props => props.bgColor}; + border-color: ${props => props.borderColor && `${props.borderColor}`}; @media (min-width: ${BREAKPOINTS.mobile}) { width: ${props => props.colWidth ? COLUMN_WIDTHS[props.colWidth] : '100%'}; diff --git a/packages/website/ts/@next/pages/launchKit.tsx b/packages/website/ts/@next/pages/launchKit.tsx new file mode 100644 index 000000000..dd0ff0758 --- /dev/null +++ b/packages/website/ts/@next/pages/launchKit.tsx @@ -0,0 +1,159 @@ +import * as React from 'react'; +import styled from 'styled-components'; + +import {colors} from 'ts/style/colors'; + +import {Button} 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 TokensIcon from 'ts/@next/icons/illustrations/tokens.svg'; +import LogoOutlined from 'ts/@next/icons/illustrations/logo-outlined.svg'; +import ProtocolIcon from 'ts/@next/icons/illustrations/protocol.svg'; + +export const NextLaunchKit = () => ( + +
+ + 0x Launch Kit + The definitive starting point for building a business on top of the 0x protocol. + + +
+ +
+ + + + + Tap into and share liquidity with other relayers + + + + + + Tap into and share liquidity with other relayers + + + + + + Tap into and share liquidity with other relayers + + + +
+ +
+ + + + + + + Working on a new token? + Easily create a secondary market for your asset/asset class + + +
+
+ + + + + + + Working on a new game? + Easily create an in-app marketplace + + +
+
+ + + + + + + No exchange in your location? + Build a 0x relayer for your contry’s market + + +
+ +
+ + + 0x Instant Configurator + Liquidity Source + What tokens can users buy? (select all) + Transaction fee ETH address + Fee Percentage + + + + Code Snippet + Explore the Docs + <code snippet> + + +
+ +
+ + + + Need more flexibility? + Dive into our docs, or contact us if needed + + + + + +
+ + +
+
+
+
+
+ +
+ + + Disclaimer: The laws and regulations applicable to the use and exchange of digital assets and blockchain-native tokens, including through any software developed using the licensed work created by ZeroEx Intl. (the “Work”), vary by jurisdiction. As set forth in the Apache License, Version 2.0 applicable to the Work, developers are “solely responsible for determining the appropriateness of using or redistributing the Work,” which includes responsibility for ensuring compliance with any such applicable laws and regulations. + See the Apache License, Version 2.0 for the specific language governing all applicable permissions and limitations. + + +
+
+); + +const ChapterLink = styled.a ` + font-size: 1.222222222rem; + display: block; + opacity: 0.8; + margin-bottom: 1.666666667rem; + + &:first-child { + opacity: 1; + } + + &:hover { + opacity: 1; + } +`; diff --git a/packages/website/ts/index.tsx b/packages/website/ts/index.tsx index 41eafe516..5edbcc23a 100644 --- a/packages/website/ts/index.tsx +++ b/packages/website/ts/index.tsx @@ -26,6 +26,7 @@ import { NextAboutPress } from 'ts/@next/pages/about/press'; import { NextAboutTeam } from 'ts/@next/pages/about/team'; import { Next0xInstant } from 'ts/@next/pages/instant'; import { NextLanding } from 'ts/@next/pages/landing'; +import { NextLaunchKit } from 'ts/@next/pages/launchKit'; import { NextWhy } from 'ts/@next/pages/why'; // Check if we've introduced an update that requires us to clear the tradeHistory local storage entries @@ -116,6 +117,7 @@ render( + -- cgit v1.2.3