{% extends "base.html" %}

{% load wagtailcore_tags wagtailimages_tags %}

{% block body_class %}helvetica{% endblock %}

{% block content %}
  {% include 'header.html' %}
  <article class="ph3 ph3-ns center mw8 lh-copy">
  <h1>{{ page.title }}</h1>
  <p class="meta">{{ page.date }}</p>
    {% if page.tags.all.count %}
      <div class="dib">
        {% for tag in page.tags.all %}
        <a href="{% slugurl 'tags' %}?tag={{ tag }}" class="f6 link dim br1 ph3 pv2 mb2 dib white bg-black">{{ tag }}</a>
      {% endfor %}
      </div>
    {% endif %}

  {{ page.body|richtext }}
  {{ page.full_url }}


  </article>
  <div id="disqus_thread" class="mw8 center"></div>
  <script>
    {%  if not debug %}
    var disqus_config = function () {
    this.page.url = {{ page.full_url }};
    this.page.identifier = {{ page.slug }};
    };
    {%  endif %}

    (function() { // DON'T EDIT BELOW THIS LINE
    var d = document, s = d.createElement('script');
    s.src = 'https://datasketch-io.disqus.com/embed.js';
    s.setAttribute('data-timestamp', +new Date());
    (d.head || d.body).appendChild(s);
    })();
  </script>
  <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
{% endblock %}