{% include header.html %}
<section itemscope itemtype="http://schema.org/BlogPosting">
    <header>
        <div class="timeline">
            {% if page.date %}
                <time datetime="{{ page.date|date_to_xmlschema }}" title="{{ page.date|date_to_xmlschema }}"><strong>{{ page.date|date:"%b %d"|upcase }}</strong><br />{{ page.date|date:"%Y" }}</time>
            {% endif %}
            {% if page.location %}
                <a href="https://maps.google.com/maps?hl=en&amp;ll={{ page.location.latitude }},{{ page.location.longitude }}&amp;t=w&amp;z=12"><img alt="map" height="49" src="https://maps.googleapis.com/maps/api/staticmap?center={{ page.location.latitude }},{{ page.location.longitude }}&amp;zoom=9&amp;size=98x98&amp;sensor=false" title="{{ page.location.title }}" width="49" /></a>
            {% endif %}
            {% if page.code %}
                <a href="{{ page.code }}"><img alt="code" height="49" src="{{ site.static_prefix }}/icon/code.png" width="49" /></a>
            {% endif %}
        </div>
        <h1>
            <span itemprop="name">{{ page.title }}</span>
            <small class="print-only" itemprop="datePublished" content="{{ page.date|date:'%F') }}">{{ page.date|date:'%A, %B %d, %Y' }}</small>
        </h1>
        {% if page.end_date %}
            <span class="date-range">&#x1f557; {{ page.date|date:"%d/%m/%Y" }} - {{ page.end_date|date:"%d/%m/%Y" }}</span>
        {% endif %}
    </header>
    <section class="post-content" itemprop="articleBody">
        {{ content | hyphenate }}
    </section>
    {% if false != page.comments %}
        {% include disqus.html %}
    {% endif %}
</section>
{% include footer.html %}