{% extends "base.html" %}
{% block content %}
<div class="page-wrapper">

    <div class="content">
        <div class="pure-g">
            <div class="pure-u-1 pure-u-md-1-5"></div>
            <div class="pure-u-1 pure-u-md-3-5">
                <article>
                    <header>
                        <h1><a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark"
                                title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a></h1>
                    </header>
                    <footer>
                        Published on
                        <time datetime="{{ article.date.isoformat() }}">{{ article.locale_date }}</time>
                        <address>By
                            {% for author in article.authors %}
                            <a class="url fn" href="{{ SITEURL }}/{{ author.url }}">{{ author }}</a>
                            {% endfor %}
                        </address>
                    </footer>
                    <section>
                        {{ article.content }}
                    </section>
                </article>
            </div>
        </div>
    </div>

</div>
{% endblock %}