css bugz

_includes/header.html

@@ -1,18 +1,30 @@
 <header class="hero" style="background-image: url({{ page.image }});">
-  <div class="textcontainer">
-    <h1>{{ page.title }}</h1>
-    <p>{{ page.description }}</p>
-    {% if page.category == 'releases' %}
-    <p><a href="#play" class="button">Listen</a></p>
-    {% endif %}
-    {% if page.category == 'ramblings' %}
-    <p><a href="#read" class="button">Read</a></p>
-    {% endif %}
-    {% if page.url == '/404/' %}
-    <p><a href="/" class="button">Take me home</a></p>
-    {% endif %}
-  </div>
   <div class="imagecontainer">
     <h4>{{ page.title }}</h4>
   </div>
+  <div class="splash">
+    <div class="splash-logo">
+      <img src="{{ site.icon }}" width="240px" alt="{{ site.title }} Logo" />
+    </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 == 'ramblings' %}
+      <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>
+ 
+
+
+
 </header>

_sass/_layout.scss

@@ -311,6 +311,7 @@ footer {
 .streambox {
   text-align: center;
   line-height: 2em;
+  padding: 0 40px;
 }
 .streamer {
   max-width: var(--max-width);

discography.html

@@ -19,7 +19,7 @@ image: /images/pages/jack-hamilton-CMnNiQBkwBI-unsplash.jpg
 {% assign sorted = site.posts | sort: 'date' | reverse %}
 {% for post in sorted %}
 {% if post.category == 'releases' %}
-<section class="news" style="margin:0;">
+<section id="read" class="news" style="margin:0;">
 
 <div style="background-image:url({{ relBase }}{{ post.image }}"></div>
 <div class="description">

index.html

@@ -21,6 +21,7 @@ video_path: /videos/37th--chamber.mp4
     
         <h1>{{ site.title }}</h1>
         <p>{{ page.description }}</p>
+        <p><a href="#read" class="button">🔥 Boom</a></p>
       </div>
     </div>
 
@@ -29,7 +30,7 @@ video_path: /videos/37th--chamber.mp4
 
 {% for post in site.posts limit: 3 %}
 {% if post.category == 'ramblings' %}
-<section class="front-section">
+<section id="read" class="front-section">
 
   <div style="background-image:url({{ post.image }})">
     <p class="editor-link"><a href="cloudcannon:collections/_posts/{{ post.path }}" rel="nofollow"

log.html

@@ -6,7 +6,7 @@ image: /images/pages/4-darkweb-instrumental-.jpeg
 
 {% include relBase.html %}
 {% include header.html %}
-<section>
+<section id="read">
   <h2>Latest News</h2>
 </section>
 {% for post in site.posts %}