{% extends "layout/main.html" %}

{% block main %}
<section class="container">
  <!-- <h1 class="subheadline light darkred">Portfolios</h1> -->

  <div class="slides-container">

    {% for _, album in folder["albums"]|dictsort %}
    <div class="slide-overlay">
      <img id=""
        src="{{ url_for('static', filename='images/%s/%s/%s'|format(folder['name'], album['name'], album['files']|first)) }}">
      <a href="{{ url_for('portfolios.slides', portfolio=folder['name'], album_name=album['name']) }}">
        <span>{{ album["name"]|prettify }} <br> {{ album["nb_files"] }} images</span>
      </a>
    </div>
    {% endfor %}

</section>
{% endblock %}

{% block script %}
{% endblock %}