section.html

{% extends "index.html" %}

{% block content %}
  <main class="w3-container w3-margin w3-padding">
    <div class="w3-margin">
      {{ section.content | safe }}
    </div>
    <hr>
    {% for article in section.pages | reverse() %}
    <div class="w3-card w3-margin w3-padding">
      <a href="{{ article.permalink }}"><strong>{{ article.title }}</strong></a>&nbsp;<span>{{ article.date }}</span>
      {% if article.description %}<p>{{ article.description }}</p>{% endif %}
    </div>
    {% endfor %}

  </main>
{% endblock content %}