{% if articles is defined %} {% for article in articles %} <div class="col-12 col-sm-6 col-md-4 mb-3 {{ app_blog_filters(article.getEditable('blogFilters')) }} pe-5 pb-5 mb-5"> <a href="{{ article.getFullPath() }}"> <div class="blog"> {% if not article.getEditable('publicationHeader').isEmpty() %} <img class="img-fluid mb-3 d-inline-bloc" src="{% if article.getEditable('publicationHeader') %} {{ article.getEditable('publicationHeader').getThumbnail('news-homepage-thumb') }} {% else %} {{ app_placeholderImage().getThumbnail('news-homepage-thumb') }} {% endif %} "> {% endif %} <h5 class="text-uppercase text-black"> {{ article.getEditable('articleTitle') }} </h5> {% if not article.getEditable('publicationDate').isEmpty() %} <div class="blog-date text-black"> {{ article.getEditable('publicationDate').getData()|format_date('none', 'd MMM Y', null, 'gregorian', app.request.locale) }} </div> {% endif %} {% if article.getEditable('articleContent') is defined %} <p class="text-black text-opacity-50"></p> {{ article.getEditable('articleContent')|truncate(230, '...')|raw }} {% endif %} <div class="position-absolute pos-b-0 mt-1"> <a class="text-link" href="{{ article.getFullPath() }}"> <span class="mr-2"> {{ 'lees meer'|trans }} </span> </a> </div> </div> </a> </div> {% endfor %}{% endif %}