templates/Webcam/overview.html.twig line 1

Open in your IDE?
  1. {% extends "Layout/default.html.twig" %}
  3. {% block content %}
  4.     {{ include('Navigation/breadcrumb.html.twig') }}
  6.     {{ include('Includes/main-title-block-editable.html.twig', {
  7.         styleModifier: 'container-sm text-center'
  8.     }) }}
  10.     {{ include('Includes/areablock.html.twig') }}
  12.     <div class="container container-sm content-block">
  13.         <div class="row vertical-gutter--4 justify-content-center">
  14.             {% set currRegion = 0 %}
  15.             {% for webcam in webcams %}
  16.                 {% if webcam.region.id != currRegion %}
  17.                     {% set previewImage = webcam.image_override ?: webcam.image %}
  18.                     {% if previewImage %}
  19.                         <div class="col-md-6 vertical-gutter__item">
  20.                             <section class="webcam-teaser teaser-animation">
  21.                                 <div class="embed-responsive embed-responsive-20by11">
  22.                                     {{ previewImage.thumbnail('webcam-teaser').html({
  23.                                         imgAttributes: {
  24.                                             class: 'embed-responsive-item js-lazy-img teaser-animation__img'
  25.                                         },
  26.                                         lowQualityPlaceholder: true
  27.                                     })|raw }}
  28.                                 </div>
  29.                                 <div class="webcam-teaser__content text-center d-flex flex-column justify-content-end">
  30.                                     <h3 class="h5 font-decorative text-uppercase my-auto webcam-teaser__content__title"><a href="{{ webcam.region.siteConfig.webcamOverview }}">{{ webcam.region ? webcam.region.name : '' }}</a></h3>
  32.                                     <a href="{{ webcam.region.siteConfig.webcamOverview }}" class="btn btn-block btn-outline-white stretched-link">{{ 'webcam-overview.Alle Webcams'|trans }}</a>
  33.                                 </div>
  34.                             </section>
  35.                         </div>
  36.                         {% set currRegion = webcam.region.id %}
  37.                     {% endif %}
  38.                 {% endif %}
  39.             {% endfor %}
  40.         </div>
  41.     </div>
  43.     {{ include('Includes/areablock.html.twig', {'areaName': 'bottomContent'}) }}
  45. {% endblock %}
  46. {% block javascripts %}
  47.     {% if not app.request.get('onlyInlineCss') %}
  48.     {{ include('Layout/includes/encore.html.twig', {
  49.         'staticDebugMode': staticDebugMode,
  50.         'file': 'js/webcams'
  51.     }) }}
  52.     {% endif %}
  53. {% endblock %}