index.html

---
layout: default
---

<header class="header">
  {% include header-content.html %}
</header>

<div class="list">
{% if site.posts.size == 0 %}
  <h2>No post found</h2>
{% else %}
  <!-- This loops through the paginated posts -->
  {% for post in paginator.posts %}
  <div class="list-post">
    {% if post.link %}
    <a href="{{ post.link }}">
    {% else %}
    <a href="{{ post.url | relative_url }}">
    {% endif %}
      <div class="list-post-date">
        <time>{{ post.date | date_to_string }}</time>
      </div>
      <div class="list-post-title">
        {{ post.title }}
      </div>
      {% if post.description %}
      <div class="list-post-desc">
        {{ post.description }}
      </div>
      {% endif %}
    </a>
  </div>
  {% endfor %}

  {% if paginator.total_pages > 1 %}
  <!-- Pagination links -->
  <div class="list-pagination">
    <span class="list-pagination-previous">
      {% if paginator.previous_page %}
        <a href="{{ paginator.previous_page_path | relative_url }}" class="previous">
          &#xE000; previous
        </a>
      {% endif %}
    </span>

    <span class="list-pagination-next">
      {% if paginator.next_page %}
        <a href="{{ paginator.next_page_path | relative_url }}" class="next">
          next &#xE001;
        </a>
      {% endif %}
    </span>
  </div>
  {% endif %}
{% endif %}
</div>