{% extends 'base.html' %}

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

{% block content %}
<section>
  <div class="row">
    {% for tag in featured_tags %}
    <div class="col-md-4">
      <div class="card">
        <div class="card-body">
          <h5 class="card-title">{{ tag }}</h5>
          <h6 class="card-subtitle mb-2 text-muted">{{ out_tags[tag].count_videos }} Videos</h6>
          <a href="/tag/{{ tag }}" class="btn btn-primary card-link">More</a>
        </div>
      </div>
    </div>
    {% endfor %}
  </div>
</section>
<section>
  <p>mediaCCCcollection tries to curate videos of <a href="https://media.ccc.de/">media.ccc.de</a> by tagging them.</p>
</section>
<section>
  <a href="/tag/" class="btn btn-lg btn-outline-primary btn-block">list of all tags</a>
</section>
{% endblock %}