Added blog to front page.

walerun · Feb 7, 2014 · c3e313b · c3e313b
1 parent a6da2ba
commit c3e313b
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 55 deletions.
diff --git a/index.html b/index.html
@@ -2,27 +2,23 @@
 layout: default
 ---
 
-<div class="articles"> 
-  <h2>Blog</h2>
+<ul 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>
 
-  <div class="article">
-    <!-- <img src="assets/img/article1.jpg"/> -->
-    <h3>Article Title</h3>
-    <p>Article description text. Article description text. Article description text. Article description text. Article description text. Article description text. Article description text.</p>
-    </p>
-  </div>
+        <div class="entry">
+          {{ post.content | truncatewords:85}}
 
-  <div class="article">
-    <!-- <img src="assets/img/article2.jpg"/> -->
-    <h3>Article Title</h3>
-    <p>Article description text. Article description text. Article description text. Article description text. Article description text. Article description text. Article description text.</p>
-    </p>
-  </div>
-
-  <div class="article">
-    <!-- <img src="assets/img/article3.jpg"/> -->
-    <h3>Article Title</h3>
-    <p>Article description text. Article description text. Article description text. Article description text. Article description text. Article description text. Article description text.</p>
-    </p>
-  </div>
-</div>
+          <p class="read-more">
+            <a href="{{ post.url }}">Read more</a>
+          </p>
+        </div>
+      </article>
+    </li>
+  {% endfor %}
+</ul>
diff --git a/scss/style.scss b/scss/style.scss
@@ -154,39 +154,7 @@ nav {
   }
 }
 
-.hero {
-  margin: 80px 20px 40px;
-  @include mobile {
-    margin: 40px 0;
-  }
-
-  img {
-    float: left;
-    width: 160px;
-    padding-right: 30px;
-  }
-
-  h1 {
-  float: left;
-  width: 590px;
-
-  margin: 0;
-
-  font-weight: 400;
-  font-size: 2.5rem;
-  line-height: 1.3;
-    @include mobile {
-      font-size: 2.5rem;
-    }
-  }
-
-  p {
-    float: left;
-    width: 590px;
-  }
-}
-
-article {
+.post {
   width: 700px;
   //margin: 0 auto;