{% if newsListItems.length %}
  <section class="[ news-list ]">
    <svg aria-hidden="true" viewBox="0 0 1440 349" width="auto" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="#282156" d="M1440 154H0v195h1440z"/><path d="M1440 54.078l-48 12.41c-48 12.41-144 37.23-240 45.53-96 7.989-192 .232-288-29.01C768 54.079 672 4.438 576 .327c-96-4.421-192 37.463-288 45.452-96 8.3-192-16.52-240-28.931L0 4.437V203h1440V54.078z" fill="#282156"/></svg>
    <div class="[ wrapper ]">
      <div class="news-list__inner">
        <h2 class="[ news-list__heading ]">{{ newsListHeading }}</h2>
        <ol class="[ news-list__items ]" reversed>
          {% for item in newsListItems %}
            {% if item.date.getTime() <= global.now %}
              <li class="news-list__item">
                <h3 class="news-list__item-heading">
                  <a href="{{ item.url | url }}" class="news-list__link" rel="bookmark">{{ item.data.title }}</a>
                </h3>
                <p class="news-list__item-date">
                  <time datetime="{{ item.date | w3DateFilter }}">{{ item.date | dateFilter }}</time>
                </p>
              </li>
            {% endif %}
          {% endfor %}
        </ol>
        <a href="/" class="news-list__see-all">Voir tout</a>
      </div>
    </div>
  </section>
{% endif %}