From 25a822463c6306554b576120856f8886e7376bdb Mon Sep 17 00:00:00 2001
From: Thefeli73 <thefeli73@hotmail.com>
Date: Mon, 17 Feb 2020 21:15:28 +0100
Subject: [PATCH] make menu links into working links, fix link boxes

---
 src/css/layout/_nav.scss | 17 ++++++++++++++---
 src/index.html           | 10 +++++-----
 2 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/src/css/layout/_nav.scss b/src/css/layout/_nav.scss
index 9871844..799311f 100644
--- a/src/css/layout/_nav.scss
+++ b/src/css/layout/_nav.scss
@@ -25,14 +25,22 @@
         opacity: 0;
         position: fixed;
         color: _palette(white);
-        bottom: 100vh;
         right: 0;
         left: 0;
-        margin: 0 auto -50vh;
+        top: 50%;
+        transform: translate(0, -50%);
 
         li {
           transform: translate3d(0,0,0);
-          margin: 0 40%;
+          margin: 1em 40%;
+
+          > a {
+            line-height: 3em;
+            margin: 1em 0;
+            display: block;
+            border-bottom: none;
+          }
+
           &:before {
             @include vendor('transition', (
               'width #{_duration(transition2)} ease',
@@ -45,6 +53,7 @@
             left: auto;
             background-color: _palette(white);
             width: 0;
+            pointer-events: none;
           }
           &:after {
             @include vendor('transition', (
@@ -59,6 +68,8 @@
             left: 0;
             margin: auto;
             color: _palette(menu);
+            pointer-events: none;
+            line-height: 3em;
           }
           &:hover {
             &:before {
diff --git a/src/index.html b/src/index.html
index 349c8c9..8a1d71a 100644
--- a/src/index.html
+++ b/src/index.html
@@ -50,10 +50,10 @@
   <div id="menu">
     <span></span>
     <ul>
-      <li data-text="Home">Home</li>
-      <li data-text="Websites">Websites</li>
-      <li data-text="Projects">Projects</li>
-      <li data-text="Contact">Contact</li>
+      <li data-text="Home"><a href="/">Home</a></li>
+      <li data-text="Websites"><a href="#">Websites</a></li>
+      <li data-text="Projects"><a href="#">Projects</a></li>
+      <li data-text="Contact"><a href="#">Contact</a></li>
     </ul>
   </div>
 
@@ -64,7 +64,7 @@
       <span class="bar bar1"></span>
     </div>
 
-    <a href="https://schulze.studio">
+    <a href="/">
       <picture id="logo">
         <source srcset="/img/logo/logo@0.10x.webp" type="image/webp">
         <source srcset="/img/logo/logo@0.10x.png" type="image/png">