templates/layout.html.twig line 94

Open in your IDE?
  1. <!doctype html>
  2. {% if document_id is defined %}
  3.     {% set document = pimcore_document(document_id) %}
  4. {% endif %}
  5. <html lang="{{ document.getProperty('language') }}">
  6. <head>
  7.     <meta charset="UTF-8">
  8.     {% do pimcore_head_meta().appendName("viewport", "width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0") %}
  10.     <link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png">
  11.     <link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32x32.png">
  12.     <link rel="icon" type="image/png" sizes="16x16" href="/icons/favicon-16x16.png">
  13.     <link rel="manifest" href="/icons/manifest.json">
  14.     <link rel="mask-icon" href="/icons/safari-pinned-tab.svg" color="#5bbad5">
  15.     <link rel="shortcut icon" href="/icons/favicon.ico">
  16.     <meta name="msapplication-TileColor" content="#da532c">
  17.     <meta name="msapplication-config" content="/icons/browserconfig.xml">
  18.     <meta name="theme-color" content="#ffffff">
  20.     {% do pimcore_head_link().appendStylesheet(asset("static/css/main.css")) %}
  21.     {#    {% do pimcore_head_link().appendStylesheet(asset("static/css/slider.css")) %} #}
  23.     {% do pimcore_head_script().appendFile(asset("static/js/main.js")) %}
  25.     {% if not document is defined or not document %}
  26.         {% if document_id is defined %}
  27.             {% set document = pimcore_document(document_id) %}
  28.         {% else %}
  29.             {% set document = pimcore_document(1) %}
  30.         {% endif %}
  31.     {% endif %}
  33.     {% do pimcore_head_title().set(document.getTitle()) %}
  34.     {% do pimcore_head_title().append("Gemeente Molenlanden") %}
  35.     {% do pimcore_head_title().setSeparator(" : ") %}
  36.     {% do pimcore_head_meta().setDescription(document.getDescription()) %}
  37.     {% block layout_head_meta deferred %}
  38.     {{ pimcore_head_meta() }}
  39.     {{ pimcore_head_title() }}
  40.     {% endblock %}
  42.     {% block layout_head_link deferred %}
  43.     <link rel="preconnect" href="https://fonts.gstatic.com">
  44.     <link href="https://fonts.googleapis.com/css2?family=Open+Sans&family=Poppins:wght@400;700&display=swap"
  45.           rel="stylesheet">
  46.     <link rel="stylesheet" href="{{ asset('static/css/bootstrap.css') }}">
  47.     <link href="{{ asset('static/css/video-js.css') }}" rel="stylesheet">
  48.     <script src="https://kit.fontawesome.com/5be91c17e6.js" crossorigin="anonymous"></script>
  49.     {{ pimcore_head_link() }}
  50.     {% endblock %}
  51.     <title>{{ document.getTitle() }}</title>
  52. </head>
  53. <body>
  54. {% if editmode %}
  55.     {{ pimcore_video("headerVideo") }}
  56. {% endif %}
  57. <header class="jumbo-header pt-4 {% if not pimcore_video("headerVideo").isEmpty() %} has-video {% endif %}"
  58.     {% if pimcore_video("headerVideo").isEmpty() %}
  59.     {% set headerImage = document.getProperty("headerImage") %}
  60.     {% if not headerImage %}
  61.         {% set headerImage = random(headerImages) %}
  62.     {% endif %}
  64.     style="{% if headerImage %}background-image: url({{ headerImage.thumbnail("headerImage") }});{% endif %}"
  65.     {% endif %}>
  68.     {% if not pimcore_video("headerVideo").isEmpty() %}
  69.         {% if not editmode %}
  70.             <div class="embed-responsive embed-responsive-16by9 header-video" id="holder">
  71.                 {{ pimcore_video("headerVideo", {
  72.                     thumbnail: 'headerVideo',
  73.                     height: '100%',
  74.                     attributes: {
  75.                         'class': 'video-js',
  76.                         'controls': false,
  77.                         'autoplay': 'any',
  78.                         'loop': true,
  79.                         'fluid': true,
  80.                         'playsinline': true,
  81.                         'muted': true
  82.                     }
  83.                 }) }}
  84.             </div>
  85.             <div class="sr-only">Hier speelt een video waarin De Gemeente Molenlanden wordt getoond.</div>
  86.         {% endif %}
  87.     {% else %}
  88.         <div class="sr-only">Hier staat een foto met omschrijving: {{ headerImage.getMetadata("alt") }}</div>
  89.     {% endif %}
  90.     {{ include("partials/page-heading.html.twig") }}
  91. </header>
  92. {{ include('partials/navigation.html.twig') }}
  93. <div class="main-content">
  94.     {% block content %}
  95.     {% endblock %}
  96. </div>
  98. <footer>
  99.     <div class="container">
  100.         <div class="row">
  101.             <div class="col-6 text-center">
  102.                 <img src="{{ asset("static/img/Logo_Molenlanden_HR.png") }}" alt="Gemeente Molenlanden logo"
  103.                      class="img-fluid"
  104.                      width="60%"/>
  106.             </div>
  107.             <div class="col-6 text-center mt-3">
  108.                 {% set linkedinUrl = pimcore_website_config('linkedin_url', false) %}
  109.                 {% set facebookUrl = pimcore_website_config('facebook_url', false) %}
  110.                 {% set twitterUrl = pimcore_website_config('twitter_url', false) %}
  111.                 {% set instagramUrl = pimcore_website_config('instagram_url', false) %}
  112.                 {% set youtubeUrl = pimcore_website_config('youtube_url', false) %}
  113.                 Vind ons op:
  114.                 {% if linkedinUrl %}
  115.                     &nbsp;<a href="{{ linkedinUrl }}" target="_blank"
  116.                        title="Ga naar onze Linkedin pagina"><i class="fa-2x fab fa-linkedin"></i></a>&nbsp;
  117.                 {% endif %}
  118.                 {% if facebookUrl %}
  119.                     &nbsp;<a href="{{ facebookUrl }}" target="_blank"
  120.                              title="Ga naar onze Facebook pagina"><i class="fa-2x fab fa-facebook"></i></a>&nbsp;
  121.                 {% endif %}
  122.                 {% if instagramUrl %}
  123.                     &nbsp;<a href="{{ instagramUrl }}" target="_blank"
  124.                              title="Ga naar onze Instagram"><i class="fa-2x fab fa-instagram"></i></a>&nbsp;
  125.                 {% endif %}
  126.                 {% if twitterUrl %}
  127.                     &nbsp;<a href="{{ twitterUrl }}" target="_blank"
  128.                              title="Ga naar onze Twitter feed"><i class="fa-2x fab fa-twitter"></i></a>&nbsp;
  129.                 {% endif %}
  130.                 {% if youtubeUrl %}
  131.                     &nbsp;<a href="{{ youtubeUrl }}" target="_blank"
  132.                              title="Ga naar ons Youtube kanaal"><i class="fa-2x fab fa-youtube"></i></a>&nbsp;
  133.                 {% endif %}
  134.             </div>
  135.         </div>
  136.         <div class="row">
  137.             <div class="col-sm-12 text-center">
  138.                 <div class="copyright">&copy;{{ "now"|date("Y") }} Gemeente Molenlanden - Alle rechten voorbehouden
  139.                 </div>
  140.                 <p><a href="/privacyverklaring" title="Ga naar privacyverklaring" target="_blank">Privacyverklaring</a>
  141.                 </p>
  142.             </div>
  143.         </div>
  144.     </div>
  145. </footer>
  146. {% block layout_scripts deferred %}
  147.     <script src="{{ asset('static/js/jquery.js') }}"></script>
  148.     <script src="{{ asset('static/js/bootstrap.js') }}"></script>
  149. {% if not editmode %}
  150. {% endif %}
  151. {{ pimcore_head_script() }}
  152. <script src="{{ asset('static/js/video.js') }}"></script>
  153. <script>
  154.     $(window).on('load', function () {
  155.         initSmoothScrolling('.projects-slider.top', 'pstscroll', 6);
  156.         initSmoothScrolling('.projects-slider.bottom', 'pstscroll', 8);
  157.     });
  158. </script>
  159. {% endblock %}
  160. </body>
  161. </html>