Add header text feature image option

Author: rohanchandra

_config.yml

@@ -15,6 +15,7 @@ theme:
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
 
      <p>Remove all header text in <code>_config.yml</code> to disable this feature.</p>
+  header_text_feature_image: img/sample_feature_img_3.png
   footer_text: >
    Powered by <a href="http://jekyllrb.com">Jekyll</a> with <a href="https://rohanchandra.github.io/project/type/">Type Theme</a>
 

_sass/layouts/_index.scss

@@ -3,7 +3,8 @@
   @extend %padding-regular;
   display: inline-block;
   width: 100%;
-  background: none repeat scroll 0% 0% $header-desc-background-color;
+  background-color:$header-desc-background-color;
+  background-size: cover;
   font-size: 1.2em;
   text-align: center;
   color: $header-desc-text-color;

img/sample_feature_img_3.png

@@ -4,7 +4,10 @@
 
 <div class="home">
   {% if site.theme.header_text %}
-  <div class="call-out">{{ site.theme.header_text }}</div>
+  <div class="call-out" 
+  style="background-image: url('{{ site.baseurl }}/{{ site.theme.header_text_feature_image }}')">
+    {{ site.theme.header_text }}
+  </div>
   {% endif %}
 
   <div class="posts">