Basic logo for meetup pages

Author: elcuervo

_includes/nav.html

@@ -1,24 +1,9 @@
 <nav>
   <ul>
     <li>
-      <a href="/"><img src="/assets/images/blackstar.svg" alt="Logo" /></a>
-    </li>
-    <li>
-      Ruby UY
-    </li>
-    <li>
-      <a href="/">HOME</a>
-    </li>
-    <li>
-      <a href="/#about">ABOUT</a>
-    </li>
-    <li>
-      <a href="/#contact">CONTACT</a>
-    </li>
-    <li>
-      <button onclick="toggleNavLinks()" aria-label="Open Menu">
-        <img class="barBurger" src="/assets/images/menu.svg" alt="Open Menu Icon" aria-hidden="true" focusable="false" />
-      </button>
+      <a href="/">
+        <img src="{{ "logo.svg" | image_asset | buster }}" aria-hidden="true" focuseable="false"/>
+      </a>
     </li>
   </ul>
 </nav>

_sass/nav.scss

@@ -1,84 +1,5 @@
 nav {
   ul {
-    display: flex;
-    height: 5rem;
-    color: #2E2E2E;
-    font-size: 1.5rem;
-    font-family: 'Syncopate', sans-serif;
-    border: 4px solid #2E2E2E;
-    box-sizing: border-box;
-
-    li {
-      border-right: 4px solid #2E2E2E;
-      height: 100%;
-      justify-content: center;
-      align-items: center;
-      display: flex;
-      background: #fff;
-      box-sizing: border-box;
-
-      &:first-child { flex: 3; background: #F6EEEC; a:hover { background-color: inherit; } }
-      &:nth-child(2) { background: #F6EEEC; flex: 10; }
-      &:nth-child(n+3):not(:last-child) { flex: 6 }
-      &:nth-last-child(2) { border: 0; }
-      &:last-child { display: none; }
-
-      img {
-        width: 35px;
-      }
-
-      a {
-        align-items: center;
-        color: inherit;
-        display: flex;
-        height: 100%;
-        justify-content: center;
-        text-decoration: none;
-        width: 100%;
-
-        &:hover {
-          background-color: rgba(57, 126, 120, 0.5);
-        }
-      }
-
-      button {
-        background: transparent;
-        width: 100%;
-        height: 100%;
-        border: 0;
-      }
-    }
-
-    @media (max-width: 712px) {
-      li {
-        &:nth-child(n+3):not(:last-child) {
-          position: absolute;
-          height: 4rem;
-          width: 100%;
-          border-left: 4px solid #2E2E2E;
-          border-right: 4px solid #2E2E2E;
-          left: 0;
-          display: none;
-          z-index: 10;
-        }
-
-        &:nth-last-child(2) {
-          border-bottom: 4px solid #2E2E2E;
-        }
-
-        &:last-child {
-          display: flex;
-          border: 0;
-          flex: 2;
-          background: #F6EEEC;
-        }
-      }
-
-      @for $i from 3 through 5 {
-        li:nth-child(#{$i}) {
-          top: calc(5rem + if($i == 3, 5rem, 4rem) * ($i - 3));
-        }
-      }
-    }
+    text-align: center
   }
 }