<!doctype html>{% if document_id is defined %} {% set document = pimcore_document(document_id) %}{% endif %}<html lang="{{ document.getProperty('language') }}"><head> <meta charset="UTF-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") %} <link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/icons/favicon-16x16.png"> <link rel="manifest" href="/icons/manifest.json"> <link rel="mask-icon" href="/icons/safari-pinned-tab.svg" color="#5bbad5"> <link rel="shortcut icon" href="/icons/favicon.ico"> <meta name="msapplication-TileColor" content="#da532c"> <meta name="msapplication-config" content="/icons/browserconfig.xml"> <meta name="theme-color" content="#ffffff"> {% do pimcore_head_link().appendStylesheet(asset("static/css/main.css")) %} {# {% do pimcore_head_link().appendStylesheet(asset("static/css/slider.css")) %} #} {% do pimcore_head_script().appendFile(asset("static/js/main.js")) %} {% if not document is defined or not document %} {% if document_id is defined %} {% set document = pimcore_document(document_id) %} {% else %} {% set document = pimcore_document(1) %} {% endif %} {% endif %} {% do pimcore_head_title().set(document.getTitle()) %} {% do pimcore_head_title().append("Gemeente Molenlanden") %} {% do pimcore_head_title().setSeparator(" : ") %} {% do pimcore_head_meta().setDescription(document.getDescription()) %} {% block layout_head_meta deferred %} {{ pimcore_head_meta() }} {{ pimcore_head_title() }} {% endblock %} {% block layout_head_link deferred %} <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Open+Sans&family=Poppins:wght@400;700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="{{ asset('static/css/bootstrap.css') }}"> <link href="{{ asset('static/css/video-js.css') }}" rel="stylesheet"> <script src="https://kit.fontawesome.com/5be91c17e6.js" crossorigin="anonymous"></script> {{ pimcore_head_link() }} {% endblock %} <title>{{ document.getTitle() }}</title></head><body>{% if editmode %} {{ pimcore_video("headerVideo") }}{% endif %}<header class="jumbo-header pt-4 {% if not pimcore_video("headerVideo").isEmpty() %} has-video {% endif %}" {% if pimcore_video("headerVideo").isEmpty() %} {% set headerImage = document.getProperty("headerImage") %} {% if not headerImage %} {% set headerImage = random(headerImages) %} {% endif %} style="{% if headerImage %}background-image: url({{ headerImage.thumbnail("headerImage") }});{% endif %}" {% endif %}> {% if not pimcore_video("headerVideo").isEmpty() %} {% if not editmode %} <div class="embed-responsive embed-responsive-16by9 header-video" id="holder"> {{ pimcore_video("headerVideo", { thumbnail: 'headerVideo', height: '100%', attributes: { 'class': 'video-js', 'controls': false, 'autoplay': 'any', 'loop': true, 'fluid': true, 'playsinline': true, 'muted': true } }) }} </div> <div class="sr-only">Hier speelt een video waarin De Gemeente Molenlanden wordt getoond.</div> {% endif %} {% else %} <div class="sr-only">Hier staat een foto met omschrijving: {{ headerImage.getMetadata("alt") }}</div> {% endif %} {{ include("partials/page-heading.html.twig") }}</header>{{ include('partials/navigation.html.twig') }}<div class="main-content"> {% block content %} {% endblock %}</div><footer> <div class="container"> <div class="row"> <div class="col-6 text-center"> <img src="{{ asset("static/img/Logo_Molenlanden_HR.png") }}" alt="Gemeente Molenlanden logo" class="img-fluid" width="60%"/> </div> <div class="col-6 text-center mt-3"> {% set linkedinUrl = pimcore_website_config('linkedin_url', false) %} {% set facebookUrl = pimcore_website_config('facebook_url', false) %} {% set twitterUrl = pimcore_website_config('twitter_url', false) %} {% set instagramUrl = pimcore_website_config('instagram_url', false) %} {% set youtubeUrl = pimcore_website_config('youtube_url', false) %} Vind ons op: {% if linkedinUrl %} <a href="{{ linkedinUrl }}" target="_blank" title="Ga naar onze Linkedin pagina"><i class="fa-2x fab fa-linkedin"></i></a> {% endif %} {% if facebookUrl %} <a href="{{ facebookUrl }}" target="_blank" title="Ga naar onze Facebook pagina"><i class="fa-2x fab fa-facebook"></i></a> {% endif %} {% if instagramUrl %} <a href="{{ instagramUrl }}" target="_blank" title="Ga naar onze Instagram"><i class="fa-2x fab fa-instagram"></i></a> {% endif %} {% if twitterUrl %} <a href="{{ twitterUrl }}" target="_blank" title="Ga naar onze Twitter feed"><i class="fa-2x fab fa-twitter"></i></a> {% endif %} {% if youtubeUrl %} <a href="{{ youtubeUrl }}" target="_blank" title="Ga naar ons Youtube kanaal"><i class="fa-2x fab fa-youtube"></i></a> {% endif %} </div> </div> <div class="row"> <div class="col-sm-12 text-center"> <div class="copyright">©{{ "now"|date("Y") }} Gemeente Molenlanden - Alle rechten voorbehouden </div> <p><a href="/privacyverklaring" title="Ga naar privacyverklaring" target="_blank">Privacyverklaring</a> </p> </div> </div> </div></footer>{% block layout_scripts deferred %} <script src="{{ asset('static/js/jquery.js') }}"></script> <script src="{{ asset('static/js/bootstrap.js') }}"></script>{% if not editmode %}{% endif %}{{ pimcore_head_script() }}<script src="{{ asset('static/js/video.js') }}"></script><script> $(window).on('load', function () { initSmoothScrolling('.projects-slider.top', 'pstscroll', 6); initSmoothScrolling('.projects-slider.bottom', 'pstscroll', 8); });</script>{% endblock %}</body></html>