templates/events/detail.html.twig line 1

Open in your IDE?
  1. {% extends "layout.html.twig" %}
  3. {% block content %}
  4. <main id="page" role="main">
  6.     <header class="apk-page-header-container">
  7.         <div class="uk-container apk-container-1200">
  8.             <div class="apk-page-header uk-width-4-5@m">
  9.                 <h1 class="uk-h1">{{ event.title }}</h1>
  10.                 <div class="apk-page-header--text">
  11.                     {% if event.eventdate|date('j F Y') == event.eventdateend|date('j F Y') %}
  12.                         {{ event.eventdate|date('j F Y') }}
  13.                     {% else %}
  14.                         {{ event.eventdate|date('j F Y') }} <span><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="arrow-right"><polyline fill="none" stroke="#000" points="10 5 15 9.5 10 14"></polyline><line fill="none" stroke="#000" x1="4" y1="9.5" x2="15" y2="9.5"></line></svg></span> {{ event.eventdateend|date('j F Y') }}
  15.                     {% endif %}
  16.                 </div>
  17.             </div>
  18.         </div>
  19.     </header>
  21.     <article class="uk-container atp-container-1200 uk-margin-large-bottom">
  22.         {% if not event.newsthumb is empty %}
  23.         <div class="uk-grid uk-child-width-1-2@m" uk-grid>
  24.             <div class="uk-first-column">
  25.                 <div class="apk-event-detail--thumb">
  26.                     <img src="{{ event.newsthumb.thumbnail('global-image') }}" width="580" alt="{{ event.title }}"/>
  27.                 </div>
  28.             </div>
  29.             {% else %}
  30.             <div class="uk-grid uk-child-width-1-1" uk-grid>
  31.                 {% endif %}
  32.                 <div>
  33.                     <div class="uk-margin-small-top">
  34.                         {{ event.content|raw }}
  35.                     </div>
  36.                 </div>
  37.             </div>
  38.             {% if not event.imageGallery is empty %}
  39.                 <div class="apk-event-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">
  40.                     {% for image in event.imageGallery %}
  41.                         <div uk-lightbox="animation: slide">
  42.                         <a href="{{ image.thumbnail('global-image') }}">
  43.                             {{ image.thumbnail('global-image').html({'imgAttributes' : {'width' : 255}})|raw }}
  44.                         </a>
  45.                     </div>
  46.                     {% endfor %}
  47.                 </div>
  48.             {% endif %}
  49.     </article>
  50. </main>
  51. {% endblock %}
  53. {% block inlinescripts %}
  55. {% endblock inlinescripts %}