{% 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 }}
            {% from 'comments.html' import comments with context %}
            {{ comments(page) }}
        </div>
        <section>
        <div class="span2" style="float:right;font-size:0.9em;">
            {% include 'social_links.html' %}
            {% include 'mailchimp.html' %}
        </div>
        </section>
    </div>
    </article>
    {% endblock content %}

    {% block script %}
    {{ super() }}
    {% from 'comments.html' import comments_script with context %}
    {{ comments_script(page) }}
    {% endblock script %}