shader hackery

Author: simondotm

_config.yml

@@ -24,8 +24,8 @@ disqus_shortname: myshortname
 
 # Color settings (hex-codes without the leading hash-tag)
 color:
-  primary: 18bc9c #80B3FF
-  primary-rgb: "24,288,156" #"128,179,255"
+  primary: 18bccc #18bc9c #80B3FF
+  primary-rgb: "24,288,204" #"24,288,156" #"128,179,255"
   secondary: 2c3e50 #FD6E8A
   secondary-dark: 233140 #A2122F
 

_includes/compos_item.html

@@ -25,6 +25,7 @@
                 <h4>{{ post.title | truncate: 30 }}</h4> 
             </div>
             <h6>{{ post.team }}</h6> 
+            <a href="{{ post.url }}" class="btn btn-default">Read More</a>            
         </div>
     </div>
 </div>

_includes/css/main.css

@@ -90,16 +90,28 @@ header .container {
     padding-bottom: 50px;
 }
 
+.shaderView {
+  position: absolute;
+  width: 100%;
+  height: 500px;
+  /* background: #f00; */
+}
+#shaderOverlay {
+  position: absolute;
+  left: 20px;
+  top: 20px;
+}
+
 header img {
-    display: flex;
+    display: block;
     /* margin: 0 auto 20px; */
     margin: 8px;
     width: auto;
-    height: 100px;
+    height: 150px;
 }
 
 header .intro-text {
-    display: flex;
+    display: block;
     align-items: center;
 }
 

_includes/header.html

@@ -1,5 +1,6 @@
-    <!-- Header -->
-    {% if page.bgimage %}
+{% include shader.html %}
+<!-- Header -->
+    {% if page.image %}
         <header style="background-image: url('{{ page.bgimage }}'); background-repeat: no-repeat; background-position: bottom left; background-size: 350px;">
     {% else %}
         <header>
@@ -10,9 +11,11 @@
 
                 <div class="col-lg-12">
                     <div class="intro-text " >
+                        {% comment %}
                         {% if page.image %}
                         <img  src="{{ page.image }}" alt="page image">         
                         {% endif %}
+                        {% endcomment %}
                         {% if page.title %}
                         <span class="name">
                             {{ page.title }}

_includes/news_item.html

@@ -22,6 +22,7 @@
                 <h4>{{ post.title | truncate: 30 }}</h4> 
             </div>
             <h6>{{ post.team }}</h6> 
+            <a href="{{ post.url }}" class="btn btn-default">Read More</a>            
         </div>
     </div>
 </div>