updates header styling

Author: mwiley

_assets/stylesheets/_layout.scss

@@ -2,19 +2,18 @@
  * Site header
  */
 .site-header {
-  @extend .jumbotron;
   padding: 25px 100px;
   background-color: $primary-color-dark;
+  border-top: 5px solid $secondary-color-2;
+  border-bottom: 5px solid $secondary-color-2-light;
 }
 .site-title {
   font-family: 'Share Tech Mono',;
-  font-size: 52px;
+  font-size: 38px;
   text-shadow: 3px 3px 3px #000;
-  line-height: 52px;
-  margin-bottom: 20px;
+  line-height: 48px;
   float: left;
-  width: 350px;
-  padding: 10px 15px;
+  width: 250px;
   &,
   &:visited {
     color: $secondary-color-2;
@@ -34,20 +33,23 @@
   .page-link {
     color: $grey-color-light;
     line-height: $base-line-height;
+    font-weight: bold;
+
     // Gaps between nav items, but not on the first one
     &:not(:first-child) {
-      margin-left: 20px;
+      margin-left: 2px;
     }
 
     background-color: $secondary-color;
-    padding: 10px 20px;
+    padding: 10px 12px;
     @include border-radius(5px);
 
     &:hover {
       box-shadow: 2px 2px 2px #000;
       text-decoration: none;
     }
   }
+
   @include media-query($on-palm) {
     position: absolute;
     top: 9px;
@@ -86,6 +88,7 @@
       background-color: #fff;
     }
   }
+
 }
 /**
  * Site footer

_assets/stylesheets/main.scss

@@ -17,10 +17,11 @@ $grey-color:       #828282;
 $grey-color-light: lighten($grey-color, 40%);
 $grey-color-dark:  darken($grey-color, 25%);
 
-$primary-color:       #B52626;
-$primary-color-dark:  darken($primary-color, 20%);
-$secondary-color:     #2B7E7E;
-$secondary-color-2:   #99C542;
+$primary-color:           #B52626;
+$primary-color-dark:      darken($primary-color, 20%);
+$secondary-color:         #2B7E7E;
+$secondary-color-2:       #99C542;
+$secondary-color-2-light: lighten($secondary-color-2, 30%);
 
 // Width of the content area
 $content-width:    800px;

_config.yml

@@ -14,3 +14,4 @@ exclude: ['README.md', 'Gemfile', 'Gemfile.lock', 'Rakefile']
 assets:
   js_compressor:  uglifier
   css_compressor: sass
+  debug: true

index.html

@@ -3,7 +3,6 @@
 ---
 
 <div class="home">
-
   <ul class="post-list">
     {% for post in site.posts %}
       <li>