{% extends "base.html" %}

{% block container %}
    <article class="entry">
        <p class="entry-date">{{ date }}</p>
        <h1 class="entry-title">{{ title }}</h1>

        <div class="entry-content">
            {{ content }}

            <!-- Additional information -->
            <p class="meta">
                {% if author %}
                <span>Posted by {{ author }} {% if date %}|{% endif %}</span>
                {% endif %}

                {% if date %}
                <span>{{ date }} {% if categories %}|{% endif %}</span>
                {% endif %}

                {% if categories %}
                    {% for category in categories %}
                    <a href="{{ site.url }}blog/categories/{{ category }}">{{ category }}</a>{% if not loop.last %},{% endif %}
                    {% endfor %}
                {% endif %}
            </p>
        </div>
    </article>

    <div class="social">
        {% if site.twitter_tweet_button %}
        <a class="twitter-share-button"
          href="https://twitter.com/intent/tweet?original_referer={{ site.url|urlencode }}{{ url|urlencode }}&tw_p=tweetbutton&url={{ site.url|urlencode }}{{ url|urlencode }}&text={{ title|urlencode }}"
                target="_blank">
            <i></i>
            <span class="label">Tweet</span>
        </a>
        {% endif %}

        {% if site.facebook_share_button %}
        <span class="fb-share-button" data-href="{{ site.url|urlencode }}{{ url|urlencode }}" data-layout="button"></span>
        {% endif %}
    </div>
{% endblock %}