Support transparent nav and enable on event pages

content/assets/stylesheets/includes/navbar.scss

@@ -19,6 +19,10 @@
 
   .nav-menu {
     z-index: 20;
+
+    .nav-transparent {
+      background: none;
+    }
   }
 
   .actual-nav-bar {

layouts/eventpost.erb

@@ -27,7 +27,7 @@
 <section class="hero is-medium is-primary is-bold">
 <% end %>
   <div class="hero-head">
-    <%= render '/partials/_navbar.*', zeus_logo_color: :white %>
+    <%= render '/partials/_navbar.*', zeus_logo_color: :white, transparent_nav: true %>
   </div>
   <div class="hero-body">
     <div class="container">

layouts/partials/_navbar.erb

@@ -13,7 +13,7 @@
           <a class="is-hidden-tablet nav-item" href="/">
             <img id="inline-logo" src="<%= zeus_logo_url color: @zeus_logo_color %>" alt="" />
           </a>
-          <div class="nav-menu nav-left">
+          <div class="nav-menu nav-left <%= 'nav-transparent' if defined? @transparent_nav %>">
             <% navigables.each do |i| %>
             <a class="nav-item is-tab <%= 'is-active' if child_of(i) %>" href="<%= i.path %>">
               <%= i[:title] %>