{% extends "base.html" %}
{% block content %}
<section id="content">
{% block content_title %}
{% endblock %}

{% set icon_map = {
  'performance': 'nf-md-projector',
  'cinema': 'nf-md-theater',
  'event': 'nf-fa-masks_theater',
  'audio': 'nf-fa-music',
  'cooperation': 'nf-fa-group',
  'software': 'nf-md-code_braces',
  'workshop': 'nf-md-school',
  'blog': 'nf-fa-newspaper',
  'installation': 'nf-fa-cubes',
  'hardware': 'nf-cod-circuit_board'
} %}

{% for article in articles_page.object_list %}

<article class="hentry">
  <header>
    <h2 class="entry-title">
      {% set icon_class = icon_map.get(article.category|string|lower) %}
      {% if icon_class %}<i class="nf {{ icon_class }}"></i>{% endif %}
      <a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a>
    </h2>
    <abbr class="published" title="{{ article.date.isoformat() }}">[{{ article.locale_date }}]&nbsp;</abbr>
    <span class="entry-summary">{{ article.summary }}</span>
  </header>
</article>
{% endfor %}

{% include 'pagination.html' %}
</section><!-- /#content -->
{% endblock content %}