---
layout: default
---

{% for post in site.posts %}
<div class="row">
  <div class="col s12 m12">
    <div class="card hoverable">
    {% if post.image %}
      <div class="card-image">
        <span class="card-title"><h4>{{ post.title }}</h4></span>
        <img class="responsive-img" src="{{ post.image }}">
      </div>
      <i class="fa fa-calendar-check-o fa-lg" aria-hidden="true" ></i>
      <span>{{ post.date | date: "%b %-d, %Y" }}</span>
      <i class="fa fa-tags fa-lg"></i>
      <span>{{ post.tags }}</span>
      <div class="card-content">
          <p>{{ post.excerpt }}</p>
      </div> 
    {% else %}
      <div class="card-content">
        <span class="card-title"><h4>{{ post.title }}</h4></span>
        <div class="valign-wrapper right-align">
          <i class="fa fa-calendar-check-o fa-lg icon-right" aria-hidden="true" ></i>
          <span style="padding-right:36px">{{ post.date | date: "%b %-d, %Y" }}</span>
          <i class="fa fa-tags fa-lg icon-right"></i>
          <span>{{ post.tags }}</span>
        </div>
        <p>{{ post.excerpt }}</p>
      </div>
    {% endif %}
      <div class="divider"></div>
      <div class="card-action">
        <a href="{{ post.url | prepend: site.baseurl }}">Read More</a>
      </div>
    </div>
  </div>
</div>
{% endfor %}