index.html

---
layout: default
title: Home
pagination:
  enabled: true
---

<h2>Recent posts</h2>
<div class="posts">
  {% for post in paginator.posts %}
  <div class="post">
    <div class="post-content">
      <span class="post-category"><a href="/category/#{{ post.category | downcase }}">{{ post.category | downcase }}</a></span>
      <h1 class="post-title"><a href="{{ post.url }}">{{ post.title }}</a></h1>
      <span class="post-date">{{ post.date | date_to_string }}</span>
      {{ post.excerpt }}

      {% capture content_words %}
        {{ post.content | number_of_words }}
      {% endcapture %}
      {% capture excerpt_words %}
        {{ post.excerpt | number_of_words }}
      {% endcapture %}

      {% if excerpt_words != content_words %}
      <p><a class="btn btn-sm btn-primary" href="{{ post.url }}" role="button">
        Read more <i class="fa fa-arrow-circle-right"></i></a></p>
      {% endif %}

      <hr></hr>
    </div>
  </div>
  {% endfor %}
</div>

<div class="pagination">

  {% if paginator.next_page %}
    <a class="pagination-item older" href="{{ paginator.next_page_path }}">Older</a>
  {% else %}
    <span class="pagination-item older">Older</span>
  {% endif %}

  {% if paginator.previous_page %}
      <a class="pagination-item newer" href="{{ paginator.previous_page_path }}">Newer</a>
  {% else %}
    <span class="pagination-item newer">Newer</span>
  {% endif %}
</div>

{% include defer_css.html %}