{% for article in articles|default([]) %}
<div class="entry" itemprop="itemListElement" itemscope
itemtype="http://schema.org/ListItem">
<meta itemprop="position" content="{{ loop.index }}"/>
<a href="{{ dynamic_url(article.route.id) }}" class="entry__body" itemprop="url">
{% if article.photo is not empty %}
{% set imageUrl = article.photo|image_url('content_cover') %}
{% set altText = article.photo.altText|default %}
<picture class="entry__photo">
<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="{{ imageUrl }}" class="entry__photo-img lazyload" alt="{{ article.title }}"/>
</picture>
{% endif %}
<div class="entry__content">
<time class="entry__content-time" datetime="{{ article.publishedAt|date('Y-m-d') }}">{{ article.publishedAt|localizeddate('medium', 'none', app.request.locale) }}</time>
<strong class="entry__content-title" itemprop="name">
{{ article.title }}
</strong>
<div class="entry__content-lead">
{{ article.lead|striptags }}
</div>
</div>
</a>
</div>
{% endfor %}