blog.html

---
layout: default-blog
---

<section class="twelve columns">
  {% for post in site.posts | limit:20 %}
  <article class="blog-post">
    <div class="one columns alpha">
      <div class="blog-date-sec">
        <span>{{ post.date | date: '%B' }}</span>
        <h3>{{ post.date | date: '%d' }}</h3>
        <span>{{ post.date | date: '%Y' }}</span>
      </div>
    </div>


<!-- This is commented out due to layout issues when a post doesn't have an image
======================= -->
    <!-- <div class="four columns alpha">
      <img class="frame" src="{{ post.image-thumb }}" alt="">
      <br>
    </div> -->

<!-- Note:
Make this: <div class="nine columns omega"> into <div class="six columns omega"> if you fix the images issue -->

    <div class="one columns alpha">
      <img src="" alt="">

      <br>
    </div>
    <div class="ten columns omega">
      <h3><a href="{{ post.url }}">{{ post.title }}</a></h3>
      <div class="postmetadata">
        <span>by </span><h6 class="blog-author"> {{ post.author }}</h6>
        <span>in </span><h6 class="blog-author"> <a href="{{ post.category_url }}.html">{{ post.category }}</a></h6>
      </div>
      <p>
        {{ post.content | strip_html | truncate: 200}}
      </p>
      <a href="{{ post.url }}"><button class="button-blog btn btn-xs">Read More</button></a>
    </div>
    <br class="clear">
  </article>
  {% endfor %}
  <br class="clear">
<!--   <div class="pagination2 pagination2-centered">
    <ul>
      <li class="disabled"><a href="#">&laquo;</a></li>
      <li class="active"><a href="#">1</a></li>
      <li><a href="#">2</a></li>
      <li><a href="#">3</a></li>
      <li><a href="#">4</a></li>
      <li><a href="#">&raquo;</a></li>
    </ul>
  </div> -->
</section>
<!-- end-main-content -->