From a1fe30e2105f197ab62715e8cfcc971a747bdb7a Mon Sep 17 00:00:00 2001
From: Fred Carlsen <fred@sjelfull.no>
Date: Wed, 28 Nov 2018 16:33:10 +0100
Subject: Tweak links in header

---
 packages/website/ts/@next/components/header.tsx | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/packages/website/ts/@next/components/header.tsx b/packages/website/ts/@next/components/header.tsx
index 615cf53d5..6afa1f58e 100644
--- a/packages/website/ts/@next/components/header.tsx
+++ b/packages/website/ts/@next/components/header.tsx
@@ -31,14 +31,20 @@ const Link = styled.a`
     color: rgba(255, 255, 255, 0.5);
     font-size: 18px;
     margin: 0 1.764705882rem;
+    transition: color 0.25s ease-in-out;
+    text-decoration: none;
+
+    &:hover {
+        color: rgba(255, 255, 255, 1);
+    }
 `;
 
 const links = [
-    { url: '', text: 'Why 0x' },
-    { url: '', text: 'Products' },
-    { url: '', text: 'Developers' },
-    { url: '', text: 'About' },
-    { url: '', text: 'Blog' },
+    { url: '#', text: 'Why 0x' },
+    { url: '#', text: 'Products' },
+    { url: '#', text: 'Developers' },
+    { url: '#', text: 'About' },
+    { url: '#', text: 'Blog' },
 ];
 
 export const Header: React.StatelessComponent<HeaderInterface> = ({}) => (
@@ -46,7 +52,7 @@ export const Header: React.StatelessComponent<HeaderInterface> = ({}) => (
         <StyledHeader>
             <Logo/>
             <Links>
-                {_.map(links, link => <Link>{link.text}</Link>)}
+                {_.map(links, link => <Link href={link.url}>{link.text}</Link>)}
             </Links>
             <Button text="Trade on 0x" />
         </StyledHeader>
-- 
cgit