{% extends "base.html" %}

{% block header %}
<h1 class="display-4">About mediaCCCcollection</h1>
{% endblock%}

{% block content %}
<section>
  <p></p>
</section>
<section>
  <h2>Meta</h2>
  <div class="row">
    <div class="col-md-4">
      <div class="card">
        <div class="card-body">
          <h5 class="card-title">Software</h5>
          <p class="card-text">You see here the mediaCCCcollectionUI.</p>
        </div>
        <div class="list-group list-group-flush">
          <a href="https://github.com/clerie/" class="list-group-item">GitHub</a>
          <div class="list-group-item">Last update: {{ last_update }}</div>
        </div>
      </div>
    </div>
    <div class="col-md-4">
      <div class="card">
        <div class="card-body">
          <h5 class="card-title">Development</h5>
          <p class="card-text">mediaCCCcollection is developed by some people.</p>
        </div>
        <div class="list-group list-group-flush">
          <a href="https://clerie.de/" class="list-group-item">clerie</a>
        </div>
      </div>
    </div>
    <div class="col-md-4">
      <div class="card">
        <div class="card-body">
          <h5 class="card-title">Support</h5>
          <p class="card-text">Help tagging all the videos!</p>
        </div>
        <div class="list-group list-group-flush">
          <a href="https://github.com/clerie/mediaccccollection" class="list-group-item">GitHub</a>
        </div>
      </div>
    </div>
  </div>
</section>
{% endblock %}