From a0d3ee167907e55b47def7fbfa76298a326ed8b4 Mon Sep 17 00:00:00 2001
From: Barry Clark <barry@barryclark.co>
Date: Tue, 11 Feb 2014 09:11:56 -0500
Subject: [PATCH] Homepage blog format updates.

---
 _posts/2014-1-1-Test-Post.md        |  8 ++++----
 _posts/2014-2-2-Second-Test-Post.md | 10 ++++++++++
 _posts/2014-2-3-Third-Test-Post.md  | 10 ++++++++++
 index.html                          | 27 ++++++++++---------------
 scss/style.scss                     |  9 ++++-----
 style.css                           | 31 ++++-------------------------
 6 files changed, 42 insertions(+), 53 deletions(-)
 create mode 100644 _posts/2014-2-2-Second-Test-Post.md
 create mode 100644 _posts/2014-2-3-Third-Test-Post.md

diff --git a/_posts/2014-1-1-Test-Post.md b/_posts/2014-1-1-Test-Post.md
index 02d6ba3..622e03c 100644
--- a/_posts/2014-1-1-Test-Post.md
+++ b/_posts/2014-1-1-Test-Post.md
@@ -1,10 +1,10 @@
 ---
 layout: post
-title: Test Post
+title: Test Post #1
 ---
 
-First test post! 
+First test post! First test post! First test post! First test post! First test post! First test post! 
 
-### H3
+### Subheader within the blog post
 
-Hoy hoy hoy!
+Hoy hoy hoy! Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!
diff --git a/_posts/2014-2-2-Second-Test-Post.md b/_posts/2014-2-2-Second-Test-Post.md
new file mode 100644
index 0000000..bcce69e
--- /dev/null
+++ b/_posts/2014-2-2-Second-Test-Post.md
@@ -0,0 +1,10 @@
+---
+layout: post
+title: Test Post #2
+---
+
+Second test post! Second test post! Second test post! Second test post! Second test post! Second test post! Second test post! Second test post! Second test post! 
+
+### Subheader within the blog post
+
+Hoy hoy hoy! Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!
diff --git a/_posts/2014-2-3-Third-Test-Post.md b/_posts/2014-2-3-Third-Test-Post.md
new file mode 100644
index 0000000..79ec06e
--- /dev/null
+++ b/_posts/2014-2-3-Third-Test-Post.md
@@ -0,0 +1,10 @@
+---
+layout: post
+title: Test Post #3
+---
+
+Second test post :> Second test post :> Second test post :> Second test post :> Second test post :> Second test post :> Second test post :> 
+
+### Subheader within the blog post
+
+Hoy hoy hoy! Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!
diff --git a/index.html b/index.html
index aeae8fe..4ea92e7 100644
--- a/index.html
+++ b/index.html
@@ -2,23 +2,16 @@
 layout: default
 ---
 
-<ul class="posts">
+<div class="posts">
   {% for post in site.posts %}
-    <li>
-      <article class="post">
-        <header>
-          <time datetime="{{ post.date }}">{{ post.date | date: "%m.%d.%Y" }}</time>
-          <h2><a href="{{ post.url }}">{{ post.title }}</a></h2>
-        </header>
+  <article class="post">    
+    <header>
+      <h2>{{ post.title }}</h2>
+    </header>
 
-        <div class="entry">
-          {{ post.content | truncatewords:85}}
-
-          <p class="read-more">
-            <a href="{{ post.url }}">Read more</a>
-          </p>
-        </div>
-      </article>
-    </li>
+    <div class="entry">{{ post.content | truncatewords:50}}</div>
+    
+    <a href="{{ post.url }}">Read More</a>
+  </article>
   {% endfor %}
-</ul>
\ No newline at end of file
+</div>
\ No newline at end of file
diff --git a/scss/style.scss b/scss/style.scss
index a47be33..d3d2cfc 100755
--- a/scss/style.scss
+++ b/scss/style.scss
@@ -5,7 +5,6 @@
 
 @import "_reset";
 @import "_variables";
-@import "_mixins";
 @import "_highlights"; 
 // TODO - Tempted to move this to the end of the file, so that it shows up at the end of the .css. Or remove it entirely and find a better way to include highlighting. 
 
@@ -76,8 +75,8 @@ p {
 a {
   text-decoration: none;
 	cursor: pointer;
-	color: $blue;
-	&:hover, &:active {
+  color: $blue;
+  &:hover, &:active {
     text-decoration: underline;
   }
 }
@@ -128,6 +127,7 @@ nav {
     font-size: 1rem;
   }
 
+  // nav has it's own link highlighting
   a {
     margin-left: 25px;
     text-align: right;
@@ -155,8 +155,7 @@ nav {
 }
 
 .post {
-  width: 700px;
-  //margin: 0 auto;
+  width: 680px;
   
   @include mobile {
     width: 100%;
diff --git a/style.css b/style.css
index afcc331..19ce0e4 100644
--- a/style.css
+++ b/style.css
@@ -386,35 +386,12 @@ nav {
     width: 100%;
     text-align: center; } }
 
-.hero {
-  margin: 80px 20px 40px; }
+.post {
+  width: 680px; }
   @media screen and (max-width: 520px) {
-    .hero {
-      margin: 40px 0; } }
-  .hero img {
-    float: left;
-    width: 160px;
-    padding-right: 30px; }
-  .hero h1 {
-    float: left;
-    width: 590px;
-    margin: 0;
-    font-weight: 400;
-    font-size: 2.5rem;
-    line-height: 1.3; }
-    @media screen and (max-width: 520px) {
-      .hero h1 {
-        font-size: 2.5rem; } }
-  .hero p {
-    float: left;
-    width: 590px; }
-
-article {
-  width: 700px; }
-  @media screen and (max-width: 520px) {
-    article {
+    .post {
       width: 100%; } }
-  article blockquote {
+  .post blockquote {
     border-left: 2px solid #666666;
     font-size: 1.2em;
     font-style: italic;