{% extends 'default' %}

{% block content_wrapper %}
    {% include('post-header') %}

    {% block content %}{% endblock %}

    <p class="post-feedback" style="font-style: italic">
        <b>Have feedback on this post?</b> <a href="mailto:{{ site.email }}?subject=Feedback: {{ page.title }}">Email me</a> or <a href="https://twitter.com/intent/tweet?text=@{{ site.twitter.name }}&url={{ site.url }}{{ page.url|url_encode }}">send me a tweet</a>.
    </p>

    {% if page.related -%}
        <h2>Related Posts</h2>

        <ul>
            {% for relate in page.related -%}
                <li>
                    <a href="{{ relate.source.url }}">{{ relate.title }}</a>
                </li>
            {% endfor %}
        </ul>
    {%- endif %}

    {% if page.tags %}
        <p class="tags">
            Tags:
            {% for tag in page.tags %}
                <a href="{{ site.url }}/blog/tags/{{ tag|url_encode(true) }}">{{ tag }}</a>{% if not loop.last %}, {% endif %}
            {% endfor %}
        </p>
    {% endif %}

    <div class="about-author">
        <h2>About the Author</h2>

        <img src="{{ site.gravatar.url }}?s=100" alt="Picture of Oliver" class="img-circle">

        <p>{{ site.author.bio|raw }}</p>
    </div>

    {% if page.next_post or page.previous_post %}
        <ul>
            {% if page.next_post %}<li>Next post: <a href="{{ page.next_post.url }}">{{ page.next_post.title }}</a></li>{% endif %}
            {% if page.previous_post %}<li>Previous post: <a href="{{ page.previous_post.url }}">{{ page.previous_post.title }}</a></li>{% endif %}
        </ul>
    {% endif %}
{% endblock %}