<div class="blog-card"> <a href="{{ path('show_article', {'slug': article.slug}) }}"> <div class="blog-card-img"> <img loading="lazy" src="{{asset('/images/blog/' ~ article.cover) }}" alt="{{ article.altCover }}"/> <div class="categories-wrap"> {% for category in article.categories %} {% if loop.index <= 2 %} {% set articleCategoryInfos = articleCategoryInfos(category, app.request.locale) %} <a href="{{ articleCategoryInfos.link }}" class="category-item">{{ articleCategoryInfos.title }}</a> {% endif %} {% endfor %} </div> <a href="{{ path('show_article', {'slug': article.slug}) }}"> <div class="blog-card-image-after"></div> </a> </div> <div class="blog-card-preview"> <div class="blog-author"> <h2 class="blog-title"> <a href="{{ path('show_article', {'slug': article.slug}) }}"> {{ article.title | raw }} </a> </h2> <div class="preview-content"> <div class="extract"> {{ article.description | striptags | slice (0, 600) | raw}} </div> <a href="{{ path('show_article', {'slug': article.slug}) }}" class="read-more">{{ 'blog.read_more' | trans }}</a> </div> </div> </div> </a></div>