{% extends "base.html" %}

{% block htmltitle %}
  {{ article.title }}
{% endblock %}

{% block metadata %}
  {% for tag, value in article.ogtags %}
    <meta property="{{ tag }}" content="{{ value|striptags|e }}" />
  {% endfor %}
{% endblock %}

{% block content %}
  <section class="bg-primary">
    <div class="container text-center text-uppercase">
      <h1 class="section-heading uppercase">{{ article.title }}</h1>
      <hr class="light">
    </div>
  </section>
  <section>
    <div class="container">
      <p class="text-right small">
          Updated: {{ article.date|datetime }}
      </p>
      {{ article.content }}
    </div>
  </section>
  <div class="container text-center">
    <div class="btn-group">
      {% if article.download_link %}
        <a class="btn btn-primary btn-xl" href="{{ article.download_link }}">Download {{ article.title }}</a>
      {% endif %}
      {% if article.repo %}
        <a class="btn btn-github btn-xl" href="{{ article.repo }}"><i class="fa fa-github fa-lg"></i> View on Github</a>
      {% endif %}
    </div>
  </div>
{% endblock %}