templates/layouts/layout.html.twig line 1

Open in your IDE?
  1. <!doctype html>
  2. <html lang="{{ app.request.locale|replace({ '_': '-' }) }}">
  3. <head>
  4.     {% include 'layouts/layout/html-head.html.twig' %}
  5. </head>
  6. <body>
  7. {# get root node if there is no document defined (for pages which are routed directly through static route) #}
  8. {% if not document is defined or not document %}
  9.     {% set document = pimcore_document(1) %}
  10. {% endif %}
  12. {% include 'layouts/navigation/navbar.html.twig' %}
  14. {% if loadJsForAction()|first == 'content' and loadJsForAction()|last == 'homepage' %}
  15.     {% include 'layouts/layout/slideshow/home-slideshow.html.twig' %}
  16. {% else %}
  17.     {% include 'layouts/layout/slideshow/slideshow.html.twig' %}
  18. {% endif %}
  20. <main>
  21.     {# dit staat ook op de contactpagina, mag hier uitgeschakeld worden #}
  22.     {# {% include 'layouts/layout/flash-messages.html.twig' %} #}
  24.     {#    {% include 'layouts/layout/breadcrumbs.html.twig' %}#}
  26.     {% block content %}
  27.     {% endblock %}
  28. </main>
  29. {% include 'layouts/layout/footer.html.twig' %}
  31. {% if not editmode %}
  32.     {## Init Cookiebar #}
  33.    {# {{ render(controller('DataprivacyBundle\\Controller\\DefaultController::defaultAction', {} )) }}#}
  34. {% endif %}
  36. <script>
  38.     {% if not editmode %}
  39.     // optioneel
  40.     $('h1').attr('data-aos', 'fade-down');
  42.     //AOS
  43.     AOS.init({
  44.         // Global settings:
  45.         //disable: 'mobile' // accepts following values: 'phone', 'tablet', 'mobile', boolean, expression or function
  46.         disable: function () {
  47.             var maxWidth = 820;
  48.             return window.innerWidth < maxWidth;
  49.         }
  50.     });
  51.     {% endif %}
  53.     /* End Areablock Accordion */
  54.     $(".accpanel").each(function (index) {
  55.         $(this).find("img").addClass("img-fluid");
  56.     });
  58.     //Glightbox
  59.     GLightbox({
  60.         selector: '.glightbox',
  61.         autoplayVideos: true,
  62.         touchNavigation: true
  63.     });
  65.     //Splide
  66.     document.addEventListener( 'DOMContentLoaded', function () {
  67.         new Splide( '#homesplide', {
  68.             perPage: 4,
  69.             type    : 'loop',
  70.             autoplay: true,
  71.             perMove: 1,
  72.             gap: 40,
  73.             pagination: false,
  74.             pauseOnHover: true,
  75.             interval: 2000,
  77.         } ).mount();
  78.     } );
  80.     document.addEventListener( 'DOMContentLoaded', function () {
  81.         new Splide( '#sponsors', {
  82.             perPage: 4,
  83.             type    : 'loop',
  84.             autoplay: true,
  85.             perMove: 1,
  86.             speed: 4000,
  87.             gap: 40,
  88.             pagination: false,
  89.             pauseOnHover: true,
  90.             interval: 2000,
  92.         } ).mount();
  93.     } );
  95. </script>
  97. </body>
  98. </html>