{% extends "base.html" %}

{% block body-class %}blog-site{% endblock %}
{% block html-class %}blog-site{% endblock %}

{% block page-title %}
    {% if blog_user.profile.blog_title %}
        {{ blog_user.profile.blog_title }}
    {% else %}
        {{ blog_user.username }}
    {% endif %}
{% endblock %}

{% block page-description %}{% endblock %}
{% block keyboard-shortcuts %}{% endblock %}
{% block olark %}{% endblock %}
{% block js %}
        {{ block.super }}
        window.blog_post = true;
{% endblock %}

{% block css %}
    {% if custom_css %}
        <style type="text/css">
            {{ custom_css.code }}
        </style>
    {% endif %}
{% endblock %}

{% block header %}
    <header class="main">
        <div class="inner group">
            <h1>
                <a href="/">
                    {% if blog_user.profile.blog_title %}
                        {{ blog_user.profile.blog_title }}
                    {% else %}
                        {{ blog_user.username }}
                    {% endif %}
                </a>
            </h1> 
        </div>
    </header>
{% endblock %}
{% block sub-header %}
    <header class="sub">
        <div class="inner group">
            <ul class="bcrumb group">
                <li class="prompt">//</li>
                <li><a href="/">blog</a></li>
                {% block breadcrumb %}{% endblock %}
            </ul>
        </div>
    </header>
{% endblock %}
{% block aside %}
    <aside class="main">
        {% if sidebar %}
            <section class="sidebar">
                {{ sidebar.stylized|safe }}
            </section>
        {% endif %}
        <nav class="footer {% if sidebar %}with-sidebar{% endif %}">
            <ul class="powered">
                <li class="snipt"><a href="/blogging/">Blog powered by Snipt</a></li>
            </ul>
        </nav>
    </aside>
{% endblock %}
