{% if newsListItems.length %}
  <ol class="[ news-list__items ]" reversed>
    {% for item in newsListItems %}
      {% if item.date.getTime() <= global.now %}
        <li class="news-list__item {{ item.data.type }}">
          <a href="{{ item.url | url }}" class="news-list__link" style="background-image: url({{ item.data.illustration }});">
            {% if item.data.type == 'event' %}
              <p class="news-list__item-type">Évènement</p>
            {% else %}
              <p class="news-list__item-type">Actualité</p>
            {% endif %}
            <h3 class="news-list__item-heading">{{ item.data.title }}</h3>
            <p class="news-list__item-date">
              {% if item.data.eventDate %}
              <time datetime="{{ item.data.eventDate | w3DateFilter }}">{{ item.data.eventDate | dateFilter }}</time>
              {% else %}
              <time datetime="{{ item.date | w3DateFilter }}">{{ item.date | dateFilter }}</time>
              {% endif %}
              {% if item.data.eventTime %}
              <time datetime="{{ item.data.eventTime }}">{{ item.data.eventTime }}</time>
              {% endif %}
            </p>
          </a>
        </li>
      {% endif %}
    {% endfor %}
  </ol>
{% endif %}