{% import "macros/header.html" as header %}
{% import "macros/date.html" as date %}

{% extends "base.html" %}

{% block title %}Index - {{ config.title }}{% endblock title %}
{% block description %}All posts on {{ config.title }}.{% endblock description %}

{% block og_title %}Index - {{ config.title }}{% endblock og_title %}
{% block og_description %}All posts on {{ config.title }}{% endblock og_description %}

{% block header %}
{{ header::site_header(activePage="/posts") }}
{% endblock header %}

{% block main %}
<article>
  {{ section.content | safe }}

  <ol id="post-index" reversed>
    {% for post in section.pages %}
    <li>
      <a href="{{ post.path | safe }}">
        <time datetime="{{ post.date }}">
          <em>{{ date::format_date(date=post.date) }}</em>
        </time>
        <span>
          {{ post.title }}
        <span>
      </a>
    </li>
    {% endfor %}
  </ol>
</article>
{% endblock main %}