aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/pages/about/press.tsx
diff options
context:
space:
mode:
authorHsuan Lee <hsuan@cobinhood.com>2019-01-19 18:42:04 +0800
committerHsuan Lee <hsuan@cobinhood.com>2019-01-19 18:42:04 +0800
commit7ae38906926dc09bc10670c361af0d2bf0050426 (patch)
tree5fb10ae366b987db09e4ddb4bc3ba0f75404ad08 /packages/website/ts/pages/about/press.tsx
parentb5fd3c72a08aaa6957917d74c333387a16edf66b (diff)
downloaddexon-sol-tools-7ae38906926dc09bc10670c361af0d2bf0050426.tar
dexon-sol-tools-7ae38906926dc09bc10670c361af0d2bf0050426.tar.gz
dexon-sol-tools-7ae38906926dc09bc10670c361af0d2bf0050426.tar.bz2
dexon-sol-tools-7ae38906926dc09bc10670c361af0d2bf0050426.tar.lz
dexon-sol-tools-7ae38906926dc09bc10670c361af0d2bf0050426.tar.xz
dexon-sol-tools-7ae38906926dc09bc10670c361af0d2bf0050426.tar.zst
dexon-sol-tools-7ae38906926dc09bc10670c361af0d2bf0050426.zip
Update dependency packages
Diffstat (limited to 'packages/website/ts/pages/about/press.tsx')
-rw-r--r--packages/website/ts/pages/about/press.tsx94
1 files changed, 0 insertions, 94 deletions
diff --git a/packages/website/ts/pages/about/press.tsx b/packages/website/ts/pages/about/press.tsx
deleted file mode 100644
index 03003d656..000000000
--- a/packages/website/ts/pages/about/press.tsx
+++ /dev/null
@@ -1,94 +0,0 @@
-import * as _ from 'lodash';
-import * as React from 'react';
-import DocumentTitle from 'react-document-title';
-import styled from 'styled-components';
-
-import { AboutPageLayout } from 'ts/components/aboutPageLayout';
-import { Button } from 'ts/components/button';
-import { Column, FlexWrap } from 'ts/components/newLayout';
-import { Paragraph } from 'ts/components/text';
-
-interface HighlightProps {
- logo: string;
- title?: string;
- text: string;
- href: string;
-}
-
-interface HighlightItemProps {
- highlight: HighlightProps;
-}
-
-const highlights: HighlightProps[] = [
- {
- logo: '/images/press/logo-forbes.png',
- title: 'Forbes',
- text:
- '0x Instant is aiming to aid businesses and developers such as news sites, crypto wallets, dApps or price trackers to monetize or add a new revenue stream to their existing pipeline.',
- href:
- 'https://www.forbes.com/sites/rebeccacampbell1/2018/12/06/0x-launches-instant-delivers-an-easy-and-flexible-way-to-buy-crypto-tokens/#bfb73a843561',
- },
- {
- logo: '/images/press/logo-venturebeat.png',
- title: 'VentureBeat',
- text: '0x leads the way for ‘tokenization’ of the world, and collectible game items are next',
- href:
- 'https://venturebeat.com/2018/09/24/0x-leads-the-way-for-tokenization-of-the-world-and-collectible-game-items-are-next/',
- },
- {
- logo: '/images/press/logo-fortune.png',
- title: 'Fortune',
- text:
- 'In the future, many traditional investments like real estate and corporate shares will come in the form of digital tokens that are bought and transferred on a blockchain.',
- href: 'http://fortune.com/2018/09/06/0x-harbor-blockchain/',
- },
- {
- logo: '/images/press/logo-techcrunch.png',
- title: 'TechCrunch',
- text:
- '0x allows any developer to quickly build their own decentralized cryptocurrency exchange and decide their own fees.',
- href: 'https://techcrunch.com/2018/07/16/0x/',
- },
-];
-
-export const NextAboutPress = () => (
- <AboutPageLayout
- title="Press Highlights"
- description={
- <>
- <Paragraph size="medium" marginBottom="60px">
- Want to write about 0x? <a href="mailto:team@0xproject.com">Get in touch.</a>
- </Paragraph>
-
- {_.map(highlights, (highlight, index) => (
- <Highlight key={`highlight-${index}`} highlight={highlight} />
- ))}
- </>
- }
- >
- <DocumentTitle title="Press Highlights - 0x" />
- </AboutPageLayout>
-);
-
-export const Highlight: React.FunctionComponent<HighlightItemProps> = (props: HighlightItemProps) => {
- const { highlight } = props;
- return (
- <HighlightWrap>
- <Column>
- <img src={highlight.logo} alt={highlight.title} />
- </Column>
-
- <Column width="60%" maxWidth="560px">
- <Paragraph isMuted={false}>{highlight.text}</Paragraph>
- <Button href={highlight.href} isWithArrow={true} isNoBorder={true} target="_blank">
- Read Article
- </Button>
- </Column>
- </HighlightWrap>
- );
-};
-
-const HighlightWrap = styled(FlexWrap)`
- border-top: 1px solid #eaeaea;
- padding: 30px 0;
-`;