From 3a13286585eb1399247b808c6d45849db9d94a2d Mon Sep 17 00:00:00 2001
From: Fred Carlsen <fred@sjelfull.no>
Date: Fri, 30 Nov 2018 16:03:49 +0100
Subject: Added about / mission

---
 packages/website/ts/@next/components/header.tsx |  2 +-
 packages/website/ts/@next/components/image.tsx  | 21 +++++++++++++++++++++
 2 files changed, 22 insertions(+), 1 deletion(-)
 create mode 100644 packages/website/ts/@next/components/image.tsx

(limited to 'packages/website/ts/@next/components')

diff --git a/packages/website/ts/@next/components/header.tsx b/packages/website/ts/@next/components/header.tsx
index 357056c04..0f47588bd 100644
--- a/packages/website/ts/@next/components/header.tsx
+++ b/packages/website/ts/@next/components/header.tsx
@@ -19,7 +19,7 @@ const links = [
     { url: '/next/why', text: 'Why 0x' },
     { url: '/next/0x-instant', text: 'Products' },
     { url: '#', text: 'Developers' },
-    { url: '#', text: 'About' },
+    { url: '/next/about/mission', text: 'About' },
     { url: '#', text: 'Blog' },
 ];
 
diff --git a/packages/website/ts/@next/components/image.tsx b/packages/website/ts/@next/components/image.tsx
new file mode 100644
index 000000000..f49c8c059
--- /dev/null
+++ b/packages/website/ts/@next/components/image.tsx
@@ -0,0 +1,21 @@
+import * as React from 'react';
+import styled from 'styled-components';
+
+interface Props {
+    alt?: string;
+    src: any;
+    srcset: any;
+    center: any;
+}
+
+const ImageClass: React.FunctionComponent<Props> = (props: Props) => {
+    const { src, srcset, alt } = props;
+
+    return (
+        <img src={src} {...props} />
+    );
+};
+
+export const Image = styled(ImageClass)`
+    margin: ${(props: Props) => props.center && `0 auto`};
+`;
-- 
cgit