index.njk

---
layout: default
pagination:
  data: collections.posts
  size: 10
  alias: posts
  reverse: true
permalink: "/{% if pagination.pageNumber > 0 %}archives/page{{ pagination.pageNumber + 1}}/{% endif %}"
---

<section>
  {% for post in posts %}

    <article>
      <a href="{{ post.url }}">
        <div class="img-container">
          <img src="{{post.data.headerImg | imagePath }}">
        </div>
        <div class="title-container">
          <h2>{{ post.data.title }}</h2>
          <div class="post-meta">{{ post.date | postDate }}</div>
        </div>
      </a>

      <section>
        <P>{{ post.data.description }}</P>

        <ul class="tags">
          {% for tag in post.data.tags %}
            <li><a href="/tags/{{tag | slugify}}/">{{tag}}</a></li>
          {% endfor %}
        </ul>
      </section>
    </article>

  {% endfor %}

  <section class="button-container">
    {% if pagination.href.next %}
      <a href="{{ pagination.href.next }}">
        <button>	&#8592; Older</button>
      </a>
    {% endif %}
    {% if pagination.href.previous %}
      <a href="{{ pagination.href.previous }}">
        <button>Newer 	&#8594;</button>
      </a>
    {% endif %}
  </section>
</section>