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

<link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/index.css" />
{% for article in articles_page.object_list %}
  <article class="hentry">
    <div class="index-header-footer-container">
      <header> <h2 class="entry-title"><a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a></h2> </header>
      <footer class="post-info">
        <time class="published" datetime="{{ article.date.isoformat() }}"> {{ article.locale_date }} </time>
        {% if article.category %}
        <div class="category">
          Category: <a href="{{ SITEURL }}/{{ article.category.url }}">{{ article.category }}</a>
        </div>
        {% endif %}
        {% if article.tags %}
        <div class="tags">
          Tags:
          {% for tag in article.tags %}
          <a href="{{ SITEURL }}/{{ tag.url }}">{{ tag }}</a>
          {% endfor %}
        </div>
        {% endif %}
      </footer><!-- /.post-info -->
    </div>
    <div class="entry-content">
      <a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title|striptags }}">
        <img src="/images/{{ article.summaryimage }}" alt="{{ article.summaryimage }}"/>
      </a>
      <div class="summary-container">
        <a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title|striptags }}">
          {{ article.summary|striptags }}
        </a>
      </div>
    </div>
  </article>
{% endfor %}
{% if articles_page.has_other_pages() %}
    {% include 'pagination.html' %}
{% endif %}
</section><!-- /#content -->
{% endblock content %}