{% extends 'partials/base.html.twig' %}


{% block content %}
  <div id="dashboard-filters">
    {% include 'partials/dashboard-filters.html.twig' %}
  </div>
  <div id="dashboard-projects">
    {% for child in page.collection %}
      {% if child.header.visible == true %}
        {% set image = child.media.images|first %}
        {% if image == null %}
          {% set image = child.media.files|first %}
        {% endif %}
        <section class="project">
          <div class="mask">
            <a href="{{child.url}}"></a>
            <header>
                <h1>{{child.title}}</h1>
                <p>{{child.header.shortdescription}}</p>
            </header>
          </div>
					<figure>
            {{ image.resize(500).html }}
          </figure>
        </section>
      {% endif %}
    {% endfor %}
  </div>
{% endblock %}