{% extends "layout.html" %}
{% block css_this_page %}post.css{% endblock %}
{% block title %}{{post.title}}{% endblock %}
{% block content %}
  <h1 class="title">{{post.title}}</h1>
  <p class="date">written on {{post.datetime.strftime("%b  %d, %y")}} </p>
  <div class="post-html">
    {{post.html}}
  </div>
  {% if post.tags %}
    <p class="tags">
      This entry was tagged
      {% set tag_counter = 0 %}
      {% for tag in post.tags %}
        {% set tag_counter = tag_counter + 1%}
        <a href="{{root_path}}/tag/{{tag}}.html">{{tag}}</a>
        {% if tag_counter != post.tags|length %}
        ,
        {% endif %}
      {% endfor %}
    </p>
  {%endif%}
  <div class="cut">~~~~~~~~ <a href="{{root_path}}/src/post/{{post.name}}.md">Show Source</a> ~~~~~~~~</div>
  {# comments here#}
  <!-- Disqus Comment BEGIN -->
    <div id="disqus_thread"></div>
    <script type="text/javascript">
        /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
        var disqus_shortname = '{{config.disqus.shortname}}'; // required: replace example with your forum shortname

        /* * * DON'T EDIT BELOW THIS LINE * * */
        (function() {
            var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
            dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
            (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
        })();
    </script>
    <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
    <a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
  <!-- Disqus Comment END -->
{% endblock %}