{% extends "default.html" %}
{% block title %}
    {{ document["title"] }}
{% endblock %}
{% block content %}
    <h1>{{ document["title"] }}</h1>
    <div id="article-date">{{ document.date | strftime("%Y-%m-%d") }}</div>
    <p class="tags">
        {% for tag in document["topics"] %}
            <a href="/index/{{ tag }}.html" class="tag">{{ tag }}</a>
        {% endfor %}
    </p>
    {% if document["image"] %}
        <figure>
            <img src="{{ document['image'] }}" alt="{{ document['image-alt'] }}" id="article-image-header">
            <figcaption>Pictured: {{ document["image-alt"] }}</figcaption>
        </figure>
    {% endif %}
    <article class="content-area">
        {{ document.content | markdown }}
    </article>
{% endblock %}