{% extends "base.html" %}

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

{% block head %}<link rel="canonical" href="{{ site.origin }}{{ site.base_dir }}{{ article.uri }}">{% endblock %}

{% block breadcrumb %}
<nav aria-label="breadcrumb">
    <a href="{{ site.base_dir }}">{{ site.name }}</a> ›
    <a href="{{ site.base_dir }}{{ article.section }}/">{{ article.section }}</a> ›
    {{ article.title }}
</nav>
{% endblock %}

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