{% extends "page.html" %}

{% block content %}
<div class="col-lg-10 mx-auto mt-5 post">
  <h1><b>{{ page.title }}</b></h1>

  <p class="post-metadata text-muted">
    {{ page.date | date(format="%d %B %Y") }} -
    <b>
      {% set words = page.content | split(pat=" ") | length %}
      {% if words < 360 %}
        less than 1 min read time
      {% else %}
        {{ words / 180 | int }} mins read time
      {% endif %}
    </b>

    <br>

    {% if page.taxonomies.tags %}
      Tags:
      {% for tag in page.taxonomies.tags %}
      <a class="text-decoration-none no-underline" href="{{ get_taxonomy_url(kind='tags', name=tag) }}">
        <span class="tag badge badge-pill text-primary border border-primary">{{ tag }}</span>
      </a>
      {% endfor %}
    {% endif %}
  </p>

  {{ page.content | safe }}

  {% if page.extra.comments %}
  <div class="pt-5">
    <div id="disqus_thread"></div>
    <script>
      var disqus_config = function () {
        this.page.url = '{{ page.permalink }}';
        this.page.identifier = '{{ page.title | slugify }}';
      };
      (function() {
        var d = document, s = d.createElement('script');
        s.src = 'https://{{ config.extra.disqus }}.disqus.com/embed.js';
        s.setAttribute('data-timestamp', +new Date());
        (d.head || d.body).appendChild(s);
      })();
    </script>
  </div>
  {% endif %}
</div>
{% endblock %}