{% extends "page.html" %}

{% block head %}
{{ super() }}
<meta property="og:title" content="{{ this.title }}" />
<meta property="og:url" content="{{ this.path }}" />
<meta property="og:type" content="article" />
{% if this.locale %}
<meta property="og:locale" content="{{ this.locale }}" />
{% endif %}
{% if this.description %}
<meta property="og:description" content="{{ this.description }}" />
{% endif %}
{% if this.image %}
<meta property="og:image" content="{{ this.image }}" />
{% endif %}
<link rel="stylesheet" href="/static/css/blog.css">
{% endblock %}

{% block title %}
{{ this.title }} - {{ super() }}
{% endblock title %}

{% block content %}
{% set date_format = "%d %B, %Y" %}
<article>
    <header>
        <h1 class="header">{{ this.title }}</h1>
        <small class="muted">
            {% if this.created_date %}
            <time datetime="{{ this.created_date }}">
                Posted on {{ this.created_date | date(format=date_format) }}
            </time>
            {% else %}
                Draft
            {% endif %}
        </small>
        {% if this.read_time %}
        <div>
            <small class="muted">
                <span>
                   {{ this.read_time }} read time
                </span>
            </small>
        </div>
        {% endif %}
    </header>
    {% block article %}
    {% endblock %}
</article>
{% endblock %}