{% extends "base.html" %}

{% block title %}{{ page.title }} — {{ site.name }}{% endblock %}

{% block breadcrumb %}
<nav aria-label="breadcrumb">
    <a href="{{ site.home_url() }}">{{ site.name }}</a> ›
    <a href="{{ site.section_url(page.section) }}">{{ page.section }}</a> ›
    {{ page.title }}
</nav>
{% endblock %}

{% block main %}
<article>
    <header>
        <h1>{{ page.title }}</h1>
        <p>
            <time datetime="{{ page.created }}">{{ page.created }}</time>
            {% if page.updated %}
            · Updated <time datetime="{{ page.updated }}">{{ page.updated }}</time>
            {% endif %}
        </p>
        {% if page.tags %}
        <ul>
            {% for tag in page.tags | sort %}
            <li><a href="{{ site.tag_url(tag) }}">{{ tag }}</a></li>
            {% endfor %}
        </ul>
        {% endif %}
    </header>
    {{ content }}
</article>
{% endblock %}