{% extends "base.html" %}

{% block content %}
<!-- Container for posts -->
<div class="mx-auto">
    {% for page in section.pages %}
    <!-- Post item -->
    <div class="flex flex-col pt-4">
        <a href="{{ page.permalink | safe }}"><h1 class="text-indigo-400 prose prose-lg text-xl">{{ page.title }}</h1></a>
        <span class="text-md mt-2">Posted on {{ page.date }}</span>
  
        <!-- Blurp -->
        <span class="prose text-white mt-4">
            {{ page.summary | safe }}
        </span>
    </div> 
    {% endfor %}
</div>
{% endblock content %}