Homepage blog format updates.

walerun · Feb 11, 2014 · a0d3ee1 · a0d3ee1
1 parent cbfcf3a
commit a0d3ee1
Show file tree

Hide file tree

Showing 6 changed files with 42 additions and 53 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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>
+</div>
diff --git 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
@@ -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;