{% if news is defined %} {% for new in news %} <div class="col homenews-item"> <div class="bg-white h-100"> {% if not new.getEditable('publicationHeader').isEmpty() %} <a href="{{ new.getFullPath() }}"> <div class="image position-relative"> <img class="w-100 h-auto" src="{% if new.getEditable('publicationHeader') %}{{ new.getEditable('publicationHeader').getThumbnail('homepage-news') }}{% else %}{{ app_placeholderImage().getThumbnail('homepage-news') }}{% endif %}"> </div> </a> {% endif %} <div class="p-3 h-100"> <header class="mt-2 mb-1 text-primary fs-3"> <a href="{{ new.getFullPath() }}"> {{ new.getEditable('newsTitle') }}</a> </header> {% if not new.getEditable('publicationDate').isEmpty() %} {# <small class="text-uppercase">{{ app_blog_date(article.getEditable('publicationDate').getData()) }}</small>#} <small class="text-uppercase fst-italic text-black text-opacity-50">{{ new.getEditable('publicationDate').getData()|format_date('none', 'd MMM Y', null, 'gregorian', app.request.locale) }}</small> {% endif %} {% if new.getEditable('newsContent') is defined %} <div class="d-inline-block mt-2"> <p><a class="text-black" href="{{ new.getFullPath() }}"> {{ new.getEditable('newsContent')|truncate(230, '...') }}</a> </p> </div> {% endif %} {# <div class="position-absolute pos-b-0 mt-1"> <a class="btn btn-primary" href="{{ new.getFullPath() }}"> <span class="mr-2"> {{ 'lees meer'|trans }} </span> <i class="fas fa-long-arrow-alt-right"></i> </a> </div> #} </div> </div> </div> {% endfor %}{% endif %}