{% extends 'base.html' %}

{% block title %}
{{ page.title }} {%if page.subtitle %} - {{ page.subtitle }} {% endif %} · {{ super() }}
{% endblock title %}

{% block head_description %}
{% if page.summary %}
{{ page.summary|striptags }}
{% endif %}
{% endblock head_description %}

{% block meta_tags_in_head %}
{% if page.keywords %}
<meta name="keywords" content="{{ page.keywords }}" />
{% endif %}
{% endblock meta_tags_in_head %}

{% block content %}
<article>
<div class="row-fluid">
    <header class="page_header span10 offset2">
    <h1><a href="{{ SITEURL }}/{{ page.url }}"> {{ page.title }} {%if page.subtitle %} <small> {{ page.subtitle }} </small> {% endif %} </a></h1>
    </header>
</div>

<div class="row-fluid">
    {% if page.toc %}
    <div class="span2 table-of-content">
        <nav>
        <h4>Contents</h4>
        {{ page.toc }}
        </nav>
    </div>
    <div class="span8 article-content">
        {% else %}
        <div class="span8 offset2 article-content">
            {% endif %}

            {{ page.content }}
        </div>
        <section>
        <div class="span2" style="float:right;font-size:0.9em;">
            {% if page.date %} 
            <h4>Published</h4>
            {% set day = page.date.strftime('%d')|int %}
            <time pubdate="pubdate" datetime="{{ page.date.isoformat() }}">{{ page.date.strftime('%b') }} {{ day }} {{- page.date.strftime(', %Y') }}</time>
            {% endif %}
            {% if page.modified %} 
            <h4>Last Updated</h4>
            <div class="last_updated">{{ page.modified }}</div>
            {% endif %}
            {% include 'social_links.html' %}
            {% include 'mailchimp.html' %}
        </div>
        </section>
    </div>
    </article>
    {% endblock content %}

    {% block script %}
    {{ super() }}
    {% endblock script %}