index.html

---
layout: default
---

<div class="home">

  <!-- This loops through the paginated posts -->
  {% for post in paginator.posts %}
    <h1><a href="{{ post.url }}">{{ post.title }}</a></h1>
    <p class="author">
      <span class="date">{{ post.date }}</span>
    </p>
    <div class="content">
      {{ post.content }}
    </div>
  {% endfor %}

  <!-- Pagination links -->
  <div class="pagination">
    {% if paginator.previous_page %}
      <a href="{{ paginator.previous_page_path }}" role="button" class="btn btn-sm btn-default" aria-label="Previous">
        <span class="glyphicon glyphicon-arrow-left" aria-hidden="true"></span> Prev
      </a>
    {% else %}
      <a disabled="disabled" role="button" class="btn btn-sm btn-default" aria-label="Previous">
        <span class="glyphicon glyphicon-arrow-left" aria-hidden="true"></span> Prev
      </a>
    {% endif %}
    <span class="page_number ">Page: {{ paginator.page }} of {{ paginator.total_pages }}</span>
    {% if paginator.next_page %}
      <a href="{{ paginator.next_page_path }}" role="button" class="btn btn-default btn-sm" aria-label="Next">
        Next <span class="glyphicon glyphicon-arrow-right" aria-hidden="true"></span>
      </a>
    {% else %}
      <a disabled="disabled" role="button" class="btn btn-default btn-sm" aria-label="Next">
        Next <span class="glyphicon glyphicon-arrow-right" aria-hidden="true"></span>
      </a>

    {% endif %}
  </div>
</div>