Fix blog-post template

templates/blog-post.html

@@ -2,5 +2,34 @@
 {% from "macros/blog.html" import render_blog_post %}
 {% block title %}{{ this.title }}{% endblock %}
 {% block body %}
-  {{ render_blog_post(this) }}
+<header class="intro-header" style="{% if this.background_image_url %}background-image: url('{{ this.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 %}