From ab6baca1f0347df4175f45061bd0e17ec89f24a3 Mon Sep 17 00:00:00 2001
From: LordMathis <matus@namesny.com>
Date: Mon, 7 Oct 2019 22:27:52 +0200
Subject: [PATCH] Rearrange home

---
 src/components/Home.js   |  9 ++++----
 src/components/Home.scss | 45 +++++++++++++++++++++++++++++-----------
 2 files changed, 38 insertions(+), 16 deletions(-)

diff --git a/src/components/Home.js b/src/components/Home.js
index 084608e..82c32be 100644
--- a/src/components/Home.js
+++ b/src/components/Home.js
@@ -40,13 +40,14 @@ export default class Home extends Component {
             <ul>
               <li>
                 <a href="#about">
-                  <i className="fa fa-search" aria-hidden="true" /> About Me
+                  About
                 </a>
               </li>
               <li>
-                <a href="#blog">
-                  <i className="fa fa-pencil-square-o" aria-hidden="true" /> Blog
-                </a>
+                <span>/ <a href="#blog">Blog</a></span>
+              </li>
+              <li>
+                <span>/ <a href="#contact">Contact</a></span>
               </li>
             </ul>
           </div>
diff --git a/src/components/Home.scss b/src/components/Home.scss
index c22c7e2..6466d80 100644
--- a/src/components/Home.scss
+++ b/src/components/Home.scss
@@ -1,7 +1,8 @@
 @import "../static/stylesheets/variables.scss";
 
 #coverPage {
-  background: linear-gradient(140deg,rgba(10, 108, 245, 0.6) 20%, rgba(0, 0, 0, 0.9)), url(../static/images/background-cover-converted.jpg) no-repeat center center fixed;
+  background: url(../static/images/benjamin-child-6msS8vT5pzw-unsplash.jpg) no-repeat center center fixed;
+
   -webkit-background-size: cover;
   -moz-background-size: cover;
   background-size: cover;
@@ -25,6 +26,8 @@
 
 #coverPageName a, #coverPageName a:hover {
     color: $white;
+    text-shadow: $black 0px 0px 2px;
+    -webkit-font-smoothing: antialiased;
     text-decoration: none;
 }
 
@@ -32,22 +35,40 @@
   text-align: center;
   a {
     color: $white;
+    text-shadow: $black 0px 0px 2px;
+    -webkit-font-smoothing: antialiased;
     display: inline-block;
     margin: 10px;
   }
 }
 
-.menuLinks ul{
-  list-style: none;
-  margin-left: 0;
-  padding: 10px;
-  li {
-    margin: 5px;
-    a {
-    color: $white;
-    text-decoration: none;
-    font-size: 1.4em;
-    }
+.menuLinks {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  text-shadow: $black 0px 0px 2px;
+  -webkit-font-smoothing: antialiased;
 
+  ul{
+    list-style: none;
+    margin-left: 0;
+    padding: 10px;
+
+    li {
+      margin: 5px;
+      display: inline;
+
+      a {
+        color: $white;
+        text-decoration: none;
+        text-transform: uppercase;
+        font-size: 1.4em;
+      }
+
+      a:hover {
+        border-bottom: solid 2px $blue;
+      }
+    }
   }
 }