{% extends "layout.html" %}
{% from "macros/blog.html" import render_blog_post %}
{% block title %}{{ this.title }}{% endblock %}
{% block body %}
{% set background_image = this.attachments.images.first() %}
<header class="intro-header" style="{% if background_image %}background-image: url('{{ background_image|url }}');{% else %} background-color: #333; {% endif %}">
  <div class="container">
    <div class="row">
      <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
       <div class="post-heading">
         <h1>{{ this.title }}</h1>
         <h2 class="subheading">
           <p>{{ this.subtitle }}</p>
         </h2>
         <span class="meta">
           Posted on {{ this.pub_date }} by {% if this.twitter_handle %}<a href="https://twitter.com/{{ this.twitter_handle }}">{{ this.author or this.twitter_handle }}</a>{% else %}{{ this.author }} {% endif %}
         </span>
       </div>
      </div>
    </div>
  </div>
</header>
<div class="container">
  <div class="row">
    <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
      <div class="app app-blog span8">
        <article>
          <div class="blog-content">
            {{ render_blog_post(this) }}
          </div>
        </article>
      </div>
    </div>
  </div>
</div>
{% endblock %}
