index.html

---
layout: default
---

<div class="posts">
  {% for post in paginator.posts %}
  <section class="post">
    <header class="post__header">
      <h1 class="post__title">
        <a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
      </h1>
      <p class="post__meta">
        Posted on {{ post.date | date: "%b %-d, %Y" }}
      </p>
    </header>
    <div class="post__content">
      <p>
        {{ post.content | strip_html | truncatewords: 60 }}
      </p>
    </div>
    <div class="post__button">
      <a href="{{ post.url | prepend: site.baseurl }}" class="button accent" title="Read {{ post.title }}">
        Read more
      </a>
    </div>
  </section>
  {% endfor %}
</div>

{% if paginator.posts > 7 %}
<div class="pagination">
  <ul>
    <li id="pagination-prev">
      {% if paginator.previous_page %}
        <a class="pagination-button" href="{{ paginator.previous_page_path }}">
          <
        </a>
      {% else %}
        <span>
          <
        </span>
      {% endif %}
    </li>

    {% for page in (1..paginator.total_pages) %}
      {% if page == paginator.page %}
        <li>
          <span id="current-page">{{ page }}</span>
        </li>
      {% elsif page == 1 %}
        <li>
          <a href="/">{{ page }}</a>
        </li>
      {% else %}
        <li>
          <a href="{{ site.paginate_path | prepend: site.baseurl | replace: '//', '/' | replace: ':num', page }}">{{ page }}</a>
        </li>
      {% endif %}
    {% endfor %}

    <li id="pagination-next">
      {% if paginator.next_page %}
        <a class="pagination-button" href="{{ paginator.next_page_path }}">
          >
        </a>
      {% else %}
        <span>
          >
        </span>
      {% endif %}
    </li>
  </ul>
</div>
{% endif %}
<!-- <div class="hidden-dude">
  <p>Looks like I'm all out of content to show you. Sorry :/</p>
  <img src="http://i.giphy.com/kAC4na628Wljy.gif">
</div> -->