{% extends "base.html" %}

{% block header %}
    {% include "single_post_header.html" %}
{% endblock %}

{% block content %}
    <section class="posts">
        <section class="archive-links">
            <ul>
                {% for link in archive_links %}
                <li><a href="{{ blog_url }}/archive/{{ link.month }}/{{ link.year }}" class="{% if link.active %}active{% endif %}">{{ link.month_name }} ({{ link.num_posts }})</a></li>
                {% endfor %}
            </ul>
        </section>
        {% for post in posts %}
            <article class="post">
                <header> 
                    <h4>
                        {{ post.date }}

                        {% if post.tags %}
                        <span> on {{ post.tags | join(',') }}</span>
                        {% endif %}
                    </h4>

                    <h3><a href="{{ blog_url }}/post/{{ post.slug }}">{{ post.title }}</a></h3>
                </header> 

                {% if post.summary %}
                    {{ post.summary }} ...
                {% else %}
                    {{ post.content }}
                {% endif %}

            </article>
        {% endfor %}
    </section>
{% endblock %}

{% block footer %}
    {% include "footer.html" %}
{% endblock %}