{% extends "base.html" %}

{% block head %}
  {{ super() }}
  {% if DESCRIPTION %}
    <meta name="description" content="{{ DESCRIPTION|striptags }}">
  {% endif %}
{% endblock %}

{% block title %}
  {{ SITENAME }} | {{ SITESUBTITLE }}
{% endblock %}

{% block page_header %}
  Articles
{% endblock %}

{% block content %}
  {% for article in articles_page.object_list %}
    <article class="row teaser">
      <header class="col-sm-4 text-muted">
        <ul>
          <li title="{{ article.date.isoformat() }}">
            <i class="fas fa-clock"></i>
            {{ article.locale_date }}
          </li>
          <li>
            <i class="fas fa-folder-open"></i>
            <a href="{{ SITEURL }}/{{ article.category.url }}">{{ article.category }}</a>
          </li>
          {% if not HIDE_AUTHORS and article.authors %}
            <li>
              <i class="fas fa-user"></i>
              {% for author in article.authors %}
                <a href="{{ SITEURL }}/{{ author.url }}">{{ author }}</a>{% if not loop.last %}, {% endif %}
              {% endfor %}
            </li>
          {% endif %}
        </ul>
      </header>
      <div class="col-sm-8">
        <h4 class="title">
          <a href="{{ SITEURL }}/{{ article.url }}">{{ article.title }}{% if article.link %} <i class="fas fa-link"></i>{% endif %}</a>
        </h4>
        <div class="content">
          {{ article.summary|striptags }}
        </div>
      </div>
    </article>
    {% if not loop.last %}
      <hr>
    {% endif %}
  {% endfor %}
  {% include 'include/pagination.html' %}
{% endblock %}