Improvements to #105

sass/partials/_navigation.scss

@@ -39,8 +39,6 @@
 
 .navigation__item {
   overflow: hidden;
-  padding-right: 0.5rem;
-  padding-left: 0.5rem;
   position: relative;
 
   @media (max-width: 700px) {
@@ -65,11 +63,7 @@
     top: 0.5rem;
   }
 
-  &:not(:first-of-type) {
+  &:not(:first-of-type):not([href="https://lbry.io"]) {
-    color: inherit;
-    font-size: 1rem;
-    line-height: 4rem;
-
     &::after {
       width: 100%; height: 3px;
 
@@ -93,4 +87,41 @@
       }
     }
   }
+
+  &:not(:first-of-type) {
+    color: inherit;
+    font-size: 1rem;
+    line-height: 4rem;
+  }
+
+  &:not([href="https://lbry.io"]) {
+    padding-right: 0.5rem;
+    padding-left: 0.5rem;
+  }
+
+  &[href="https://lbry.io"] {
+    color: $white;
+    margin-right: 0.5rem;
+    padding-right: 1rem;
+    padding-left: 1rem;
+
+    &:not(:hover)::after {
+      background-color: $black;
+    }
+
+    &:hover::after {
+      background-color: $teal;
+    }
+
+    &::after {
+      width: 100%; height: 2rem;
+      top: 1rem; left: 0;
+
+      border-radius: 3px;
+      content: "";
+      position: absolute;
+      transition: background-color 0.2s;
+      z-index: -1;
+    }
+  }
 }

sass/style.scss

@@ -10,7 +10,7 @@
 
   "partials/animation",
   "partials/ecosystem",
-  "partials/egress",
+  // "partials/egress",
   "partials/email-subscribe",
   "partials/feature-links",
   "partials/flash",

views/partials/footer.js

@@ -17,8 +17,6 @@ const emailSubscribe = local("/views/partials/email-subscribe");
 //  E X P O R T
 
 module.exports = exports = state => html`
-  <a href="//lbry.io" title="Escape the techno scene" class="egress">Escape to<br/>← LBRY.io</a>
-
   <section class="email-subscribe-container">
     ${emailSubscribe()}
   </section>

views/partials/navigation.js

@@ -9,6 +9,11 @@ const html = require("choo-async/html");
 //  V A R I A B L E
 
 const navigationItems = [
+  {
+    url: "https://lbry.io",
+    name: "LBRY.io",
+    title: "Escape the techno scene"
+  },
   {
     url: "/overview",
     name: "Overview",