{% extends "layout.html.twig" %}{% block content %}<main id="page" role="main"> <header class="apk-page-header-container"> <div class="uk-container apk-container-1200"> <div class="apk-page-header uk-width-4-5@m"> <h1 class="uk-h1">{{ new.title }}</h1> {{ new.publishdate|date('j F Y') }} </div> </div> </header> <article class="uk-container atp-container-1200 uk-margin-large-bottom"> {% if not new.newsthumb is empty %} <div class="uk-grid uk-child-width-1-2@m" uk-grid> <div class="uk-first-column"> <div class="apk-news-detail--thumb"> <img src="{{ new.newsthumb.thumbnail('global-image') }}" width="277" height="277" alt="{{ new.title }}"/> </div> </div> {% else %} <div class="uk-grid uk-child-width-1-1" uk-grid> {% endif %} <div> <div class="uk-margin-small-top"> {{ new.content|raw }} </div> </div> </div> {% if not new.imageGallery is empty %} <div class="uk-grid apk-news-detail--gallery uk-margin-medium-top uk-margin-large-bottom uk-grid-small uk-child-width-1-2@s uk-child-width-1-4@m uk-child-width-1-5@l uk-flex-center uk-text-center" uk-grid uk-lightbox="animation: slide"> {% for image in new.imageGallery %} <div uk-lightbox="animation: slide"> <a href="{{ image.thumbnail('global-image') }}"> {{ image.thumbnail('global-image').html({'imgAttributes' : {'width' : 255}})|raw }} </a> </div> {% endfor %} </div> {% endif %} </article></main>{% endblock %}{% block inlinescripts %}{% endblock inlinescripts %}