{% extends "index.html" %}

{% block content %}
  <main class="w3-container w3-margin-mobile">
    <div class="w3-margin">
      {{ section.content | safe }}
    </div>

    <hr>

    {% for article in section.pages | reverse() %}
    <a href="{{ article.permalink }}">
    <div class="w3-margin-mobile w3-row-padding kkk-newslink">
      {% if article.extra.thumbnail %}
      {% set thumbnail = article.extra.thumbnail %}
        <img class="w3-col s5 m2" src="
        {%- if thumbnail is matching("[.](jpg|png|jpeg)$") -%}
        {{ macros::resize_static(path=article.extra.thumbnail) }}
        {%- else -%}
        {{ article.extra.thumbnail }}
        {%- endif -%}
        "/>
      {% endif %}
      <div class="w3-mobile w3-rest">
        <h3>{{ article.title }}</h3>&nbsp;<span class="date">{{ article.date }}</span>
        {% if article.description %}<p>{{ article.description }}</p>{% endif %}
      </div>
    </div>
    </a>
    {% endfor %}

  </main>
{% endblock content %}