{% extends "layout.html" %}

{% include "blogMacros.html" %}

{% block bodyClass %}{{ super() }} apos-blog-post-page{% endblock %}

{# Article specific title tag, for Facebook, SEO, etc. #}
{%- block title -%}
  {{ siteTitle }} – {{ piece.title | e }}
{%- endblock -%}

{# Facebook image, so it doesn't hoover up images from the dropdown menus #}
{# Works only if you specify an absolute URL for uploadsUrl in data/local.js #}

{% set firstImage = aposAreaImage(piece, 'thumbnail') or aposAreaImage(piece, 'body') %}

{% block extraHead %}
  {% if firstImage %}
    <meta property="og:image" content="{{ aposFilePath(firstImage) }}" />
  {% endif %}
{% endblock %}

{% block mainContent %}

  <div class="column-2 blog-posts">
    {{ renderBlogPost(page) }}
  </div>

{% endblock %}