upgrading layout

_includes/header.html

@@ -1,33 +1,36 @@
 {% include relBase.html %}
-<header class="hero" id="top"
-  style="{% unless page.video_path %}background-image: url({{ page.image }});{% endunless %}">
+<header class="hero" style="background-image: url({{ relBase }}{{ page.image }});">
   <div class="imagecontainer">
     <h4>{{ page.title }}</h4>
   </div>
+  <div class="splash">
+    <div class="splash-logo">
+      {% if page.category == 'releases' or page.category == 'highlights' %}
 
-
-</header>  
-<section class="splash">
-
-<div class="container">
-
-  <div class="splash-logo" {% unless page.url == '/' %}style="display: none;"{% endunless %}>
-    <img src="{{ site.logo }}" width="240px" alt="{{ site.title }} Logo" />
+      {% else %}
+      <a href="#read"><img src="{{ site.icon }}" width="240px" alt="{{ site.title }} Logo" /></a>
+      {% endif %}
+      
+    </div>
+    <div class="description">
+  
+      <h1>{{ page.title }}</h1>
+      <p>{{ page.description }}</p>
+      {% if page.category == 'releases' %}
+      <p><a href="#play" class="button">🔊 Listen</a></p>
+      {% elsif page.category == 'highlights' %}
+      <p><a href="#read" class="button">👀 Read</a></p>
+      {% elsif page.url == '/404/' %}
+      <p><a href="/" class="button">🏡 Take me home</a></p>
+      {% elsif page.url == '/about/' %}
+      <p><a href="#read" class="button">👽 Saywhat?</a></p>
+      {% else %}
+      <p><a href="#read" class="button">🔥 Boom</a></p>
+      {% endif %}
+    </div>
   </div>
-
-  <div {% unless page.url == '/' %}style="padding: 0;"{% endunless %}>
-   
-    <h1>{{ page.title }}</h1>
-    {% if page.category == 'releases' %}
-    <h4>by <strong>{{ page.artist }}</strong></h4>
-    {% endif %}
-    {% unless page.category == 'releases' %}
-    <p>{{ page.description }}</p>
-    {% endunless %}
-  </div>
-</div>
-
-</section>
+ 
 
 
 
+</header>