{% extends 'default.html.twig' %}

{% block content_wrapper %}
    <main class="col-md-9">
        {% 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 %}

    </main>
{% endblock %}