{% extends 'base.html' %}
{% block head %}
{% include 'modules/article_seo.html' %}
{% if hub_thread %}{% include 'modules/replies_head.html' %}{% endif %}
{% if article.externalLink.count > 0 %}
<script>
  document.addEventListener('DOMContentLoaded', () => {
    if (!window.PLANET.visitedFromPlanetClient) { window.location.href = "{{ article.externalLink|escapejs }}"; }
  });
</script>
{% endif %}
{% endblock %}
{% block main %}
<article class="post">
  {% if article.title.count > 0 %}<h1 class="post-title">{{ article.title|escape }}</h1>{% endif %}
  {% if article_type == 0 %}<p class="date"><time datetime="{{ article.created|formatDateC }}" data-f="long">{{ article.created|ymd }}</time></p>{% endif %}
  <div class="content">
    {% if article.hasVideo %}
    <div class="video-container">
      <video class="video" controls playsinline preload="auto" poster="_videoThumbnail.png"><source src="{{ article.videoFilename }}"></video>
    </div>
    {% endif %}
    {% if article.hasAudio %}
    <div class="audio-container"><audio class="audio" controls><source src="{{ article.audioFilename }}"></audio></div>
    {% endif %}
    {{ content_html }}
  </div>
  {% if article.tags.count > 0 %}
  <p class="tags">{% for tag in article.tags %}<a href="{{ assets_prefix }}{{ tag }}.html"><span class="hash">#</span>{{ article.tags[tag]|escape }}</a>{% endfor %}</p>
  {% endif %}
</article>
{% include 'modules/todo.html' %}
{% if hub_thread %}{% include 'modules/replies.html' %}{% endif %}
{% endblock %}