---
layout: default
title: Blog
categories: blog
---
<!-- Pagination links -->
{% if paginator.total_pages > 0 %}
<div class="pagination pag-top">
  {% if paginator.previous_page %}
  <span class="previouspage"><i class="icon-chevron-sign-left"></i><a href="/{% if paginator.previous_page > 2 %}page{{ paginator.previous_page }}{% endif %}"> Newer Posts</a></span>
  {% else %}
  <span class="previouspage" style="visibility:hidden;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
  {% endif %}
  <span class="page_number ">Page {{ paginator.page }} of {{ paginator.total_pages }}</span>
  {% if paginator.next_page %}
    <span class="nextpage"><a href="/page{{ paginator.next_page }}"> Older Posts </a> <i class="icon-chevron-sign-right"></i></span>
  {% else %}
    <span class="nextpage" style="visibility:hidden;">Older Posts <i class="icon-chevron-sign-right"></i></span>
  {% endif %}
</div>
{% endif %}

<!-- This loops through the paginated posts -->
{% for post in paginator.posts %}
  <div class="posthead">
  <h2><a href="{{ post.url }}" class="title">{{ post.title }}</a></h2>
  <span class="date">{{ post.date | date_to_string }}</span>
  {% for c in post.tags %}
    <span class="label label-success">{{ c }}</span>
  {% endfor %}
  </div>
  <div class="excerpt">
    {{ post.excerpt }}
  </div>
  <span><a href="{{ post.url }}"><i class="icon-pl2s"></i> Read more...</a></span>
{% endfor %}

{% if paginator.total_pages > 0 %}
<div class="pagination pag-bottom">
  {% if paginator.previous_page %}
  <span class="previouspage"><i class="icon-chevron-sign-left"></i><a href="/{% if paginator.previous_page > 2 %}page{{ paginator.previous_page }}{% endif %}"> Newer Posts</a></span>
  {% else %}
  <span class="previouspage" style="display:none;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
  {% endif %}
  <span class="page_number ">Page {{ paginator.page }} of {{ paginator.total_pages }}</span>
  {% if paginator.next_page %}
    <span class="nextpage"><a href="/page{{ paginator.next_page }}"> Older Posts </a> <i class="icon-chevron-sign-right"></i></span>
  {% else %}
    <span class="nextpage" style="display:none;">Older Posts <i class="icon-chevron-sign-right"></i></span>
  {% endif %}
</div>
{% endif %}