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

{% block content %}
    <div class="content" id="index-content" data-barba="container" data-barba-namespace="index">

      <div id="loader-index">
        <img src="{{ url('theme://images/loader/rolling.svg') }}" alt="loading animation" />
      </div>

      <div id="main-p-index">
        {{ page.content|raw }}
      </div>

      <div id="extrait-projets">
        {% include 'partials/extrait-projets.html.twig' %}
      </div>

      <div id="second-p-index" class="container">
        {% set home = { items: {'@page.self': '/home/texte-intro-partie-2'} } %}
        {% for item in page.collection(home) %}
          {{item.content}}
        {% endfor %}
      </div>

      <div id="commanditaires-grid" class="container">
        {% for p in page.find('/home/commanditaires').children.order('date','desc') %}
          {{p.media.images|first}}
        {% endfor %}
      </div>

      <div id="arrow-container">
        <div class="picto" id="arrowIndex" data-src="{{ url('theme://images/pictos/arrow-down.svg') }}" aria-hidden="true"></div>
      </div>

    </div>
{% endblock %}