From bd5a0616c4b9a857aa2e46a738ec87d199437503 Mon Sep 17 00:00:00 2001 From: Ezekiel Aquino Date: Wed, 12 Dec 2018 18:59:32 +0100 Subject: Whitespace on instant image thing, other changes --- .../website/ts/@next/components/heroAnimation.tsx | 25 ++++++++++++++++++++++ packages/website/ts/@next/components/heroImage.tsx | 3 +-- .../ts/@next/components/sections/landing/hero.tsx | 4 ++-- packages/website/ts/@next/pages/about/team.tsx | 4 +++- packages/website/ts/@next/pages/instant.tsx | 2 +- 5 files changed, 32 insertions(+), 6 deletions(-) create mode 100644 packages/website/ts/@next/components/heroAnimation.tsx (limited to 'packages/website/ts/@next') diff --git a/packages/website/ts/@next/components/heroAnimation.tsx b/packages/website/ts/@next/components/heroAnimation.tsx new file mode 100644 index 000000000..a06c2acf4 --- /dev/null +++ b/packages/website/ts/@next/components/heroAnimation.tsx @@ -0,0 +1,25 @@ +import * as React from 'react'; +import { cx, css, keyframes } from 'styled-components'; + +const moveUp = keyframes` + 0% { transform: translate3d(0, 0, 0) } + 50% { transform: translate3d(0, -20%, 0) } + 100% { transform: translate3d(0, 0, 0) } +`; + +export const HeroAnimation = () => ( + + + + + + + + + + + + + + +); diff --git a/packages/website/ts/@next/components/heroImage.tsx b/packages/website/ts/@next/components/heroImage.tsx index 7b9014c37..e16e29199 100644 --- a/packages/website/ts/@next/components/heroImage.tsx +++ b/packages/website/ts/@next/components/heroImage.tsx @@ -4,7 +4,7 @@ import styled from 'styled-components'; import LogoOutlined from 'ts/@next/icons/illustrations/logo-outlined.svg'; interface Props { - image: React.ReactNode; + image: React.Node; } export const LandingAnimation = (props: Props) => ( @@ -14,7 +14,6 @@ export const LandingAnimation = (props: Props) => ( ); const Wrap = styled.figure` - border: 1px solid red; display: inline-block; svg { diff --git a/packages/website/ts/@next/components/sections/landing/hero.tsx b/packages/website/ts/@next/components/sections/landing/hero.tsx index 930b80e89..7970d50a9 100644 --- a/packages/website/ts/@next/components/sections/landing/hero.tsx +++ b/packages/website/ts/@next/components/sections/landing/hero.tsx @@ -4,13 +4,13 @@ import {Button} from 'ts/@next/components/button'; import {Hero} from 'ts/@next/components/hero'; import {LandingAnimation} from 'ts/@next/components/heroImage'; -import LogoOutlined from 'ts/@next/icons/illustrations/logo-outlined.svg'; +import {HeroAnimation} from 'ts/@next/components/heroAnimation'; export const SectionLandingHero = () => ( } />} + figure={} />} actions={} /> ); diff --git a/packages/website/ts/@next/pages/about/team.tsx b/packages/website/ts/@next/pages/about/team.tsx index 1b40b13cf..fe4723205 100644 --- a/packages/website/ts/@next/pages/about/team.tsx +++ b/packages/website/ts/@next/pages/about/team.tsx @@ -185,6 +185,7 @@ export const NextAboutTeam = () => (
0x Team @@ -205,13 +206,14 @@ export const NextAboutTeam = () => (
Advisors - + {_.map(advisors, (info: TeamMember, index) => ( diff --git a/packages/website/ts/@next/pages/instant.tsx b/packages/website/ts/@next/pages/instant.tsx index 878818940..b20cda826 100644 --- a/packages/website/ts/@next/pages/instant.tsx +++ b/packages/website/ts/@next/pages/instant.tsx @@ -68,7 +68,7 @@ export const Next0xInstant = () => ( actions={} /> -
+
Preview of payment widgets -- cgit v1.2.3