Neatened up masthead & added a blog description

3 files changed, 17 insertions, 12 deletions

diff --git a/_layouts/default.html b/_layouts/default.html
index 0d06cdb..77e9cd9 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -23,6 +23,7 @@
     <header class="masthead">
       <a href="/" class="site-name"><img src="{{ site.avatar }}" class="avatar" /></a>
       <a href="/" class="site-name">{{ site.name }}</a>
+      <br><br>
       <p class="site-description">{{ site.description }}</p>
       
       <nav>
diff --git a/scss/style.scss b/scss/style.scss
index fd5bf1a..273070b 100755
--- a/scss/style.scss
+++ b/scss/style.scss
@@ -17,7 +17,7 @@ html {
 }
 
 body {
-  max-width: 680px;
+  max-width: 740px;
 	margin: 0 auto;
 	
 	background: $white;
@@ -146,9 +146,9 @@ img {
 
 .avatar {
   float: left;
-  width: 35px;
+  width: 70px;
 
-  margin-right: 10px;
+  margin-right: 15px;
   border-radius: 5px;
 }
 
@@ -157,7 +157,7 @@ img {
 
   font-family: $helveticaNeue; 
   font-weight: 300;
-  font-size: 24px;
+  font-size: 31px;
   letter-spacing: 1px;
   @include mobile {
     font-size: 22px;
@@ -173,12 +173,14 @@ img {
 
 .site-description {
   float: left;
-  font-size: 14px;
-  display: none;
+  font-size: 16px;
+  margin: 0;
+  margin-top: -5px;
 }
 
 nav {
   float: right;
+  margin-top: -25px; // @TODO - containers for nav and content blocks in header
 
   font-family: $helveticaNeue; 
   font-size: 18px;
diff --git a/style.css b/style.css
index 2026360..6354287 100644
--- a/style.css
+++ b/style.css
@@ -318,7 +318,7 @@ html {
   font-size: 100%; }
 
 body {
-  max-width: 680px;
+  max-width: 740px;
   margin: 0 auto;
   background: white;
   font: 18px/1.4 Helvetica, Arial, sans-serif;
@@ -414,15 +414,15 @@ img {
 
 .avatar {
   float: left;
-  width: 35px;
-  margin-right: 10px;
+  width: 70px;
+  margin-right: 15px;
   border-radius: 5px; }
 
 .site-name {
   float: left;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: 300;
-  font-size: 24px;
+  font-size: 31px;
   letter-spacing: 1px;
   text-decoration: none;
   cursor: pointer;
@@ -435,11 +435,13 @@ img {
 
 .site-description {
   float: left;
-  font-size: 14px;
-  display: none; }
+  font-size: 16px;
+  margin: 0;
+  margin-top: -5px; }
 
 nav {
   float: right;
+  margin-top: -25px;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 18px; }
   @media screen and (max-width: 520px) {