{% extends "default.html" %}
{% block title %}Index{% endblock %}
{% block content %}
    <h1>Index</h1>

    <div id="index-container">
        {% for topic, posts in topics %}
            <details class="topic-expander">
                <summary><h2>{{ topic }}</h2></summary>
                <div class="topic-posts">
                    {% for type, post in posts %}
                        <article class="content-area">
                            <h2><a href="/{{ type }}/{{ post.file_name }}" class="article-title">{{ post["title"] }}</a></h2>
                            <div class="home-article-date">{{ post.date | strftime("%Y-%m-%d") }}</div>
                            <p>{{ post.content | first_paragraph | markdown }}</p>
                        </article>
                    {% endfor %}
                </div>
            </details>
        {% endfor %}
    </div>
{% endblock %}