templates/galilea/base.html.twig line 1

  1. <!DOCTYPE html>
  2. {% if '/_sulu_preview' in app.request.requesturi %}
  3.     {% set class = 'preview' %}
  4. {% else %}
  5.     {% set class = 'no-preview' %}
  6. {% endif %}
  7. <html lang="{{ app.request.locale|split('_')[0] }}" class="{{ class }}">
  8. <head>
  9.     <meta charset="UTF-8">
  10.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  11.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  13.     <link rel="icon" type="image/png" href="{{ asset('/img/galilea/favicon-96x96.png') }}" sizes="96x96" />
  14.     <link rel="icon" type="image/svg+xml" href="{{ asset('/img/galilea/favicon.svg') }}" />
  15.     <link rel="shortcut icon" href="{{ asset('/img/galilea/favicon.ico') }}" />
  16.     <link rel="apple-touch-icon" sizes="180x180" href="{{ asset('/img/galilea/apple-touch-icon.png') }}">
  17.     <link rel="manifest" href="{{ asset('/img/galilea/site.webmanifest') }}" />
  19.     {% if app.environment == 'prod' %}
  20.     <script id="usercentrics-cmp" src="https://web.cmp.usercentrics.eu/ui/loader.js"
  21.             data-settings-id="VCNPls3nbhqecF" async></script>
  22.     {% else %}
  23.     <script id="usercentrics-cmp" src="https://web.cmp.usercentrics.eu/ui/loader.js"
  24.             data-draft="true" data-settings-id="VCNPls3nbhqecF" async></script>
  25.     {% endif %}
  26.     <link rel="preconnect" href="//web.cmp.usercentrics.eu">
  27.     <link rel="preconnect" href="//api.usercentrics.eu">
  28.     <link rel="preload" href="//web.cmp.usercentrics.eu/ui/loader.js" as="script">
  29.     {#    <link rel="manifest" href="/site.webmanifest"> #}
  31.     {# OG Image Default #}
  32.     {% set socialMedia = sulu_snippet_load_by_area('social_media') %}
  33.     {% if socialMedia is not empty and socialMedia['content'] is not empty %}
  34.         {% set defaultOG = socialMedia['content'] %}
  35.         {% if defaultOG['ogImageUrlGlobal'] is not empty %}
  36.             {% set ogImage = defaultOG['ogImageUrlGlobal'] %}
  37.             {% set basePath = app.request.schemeAndHttpHost %}
  38.             {% set ogImagePath = basePath ~  ogImage|thumbnailUrl('320x') %}
  39.         {% endif %}
  40.     {% endif %}
  42.     {# OG Image for specific page #}
  43.     {% if extension is not empty and extension['opengraph'] is not empty %}
  44.         {% set opengraph = extension['opengraph'] %}
  46.         {% if opengraph['ogImageTitle'] is not empty %}
  47.             <meta property="og:title" content="{{ opengraph['ogImageTitle'] }}"/>
  48.         {% endif %}
  49.         {% if opengraph['ogImageDescription'] is not empty %}
  50.             <meta property="og:description" content="{{ opengraph['ogImageDescription'] }}"/>
  51.         {% endif %}
  52.         {% if opengraph['ogImageUrl'] is not empty and opengraph['ogImageUrl']['id'] is not empty %}
  53.             {# Image must be loaded separately #}
  54.             {% set ogImageMedia = sulu_resolve_media(opengraph['ogImageUrl']['id'], app.request.locale|split('_')[0]) %}
  55.             {% if ogImageMedia is not empty %}
  56.                 {% set basePath = app.request.schemeAndHttpHost %}
  57.                 {% set ogImagePath = basePath ~  ogImageMedia|thumbnailUrl('320x') %}
  58.             {% endif %}
  59.         {% endif %}
  60.         {% if opengraph['ogVideoUrl'] is not empty and opengraph['ogVideoUrl']['id'] is not empty %}
  61.             {# Video must be loaded separately #}
  62.             {% set ogVideoMedia = sulu_resolve_media(opengraph['ogVideoUrl']['id'], app.request.locale|split('_')[0]) %}
  63.             {% if ogImageMedia is not empty %}
  64.                 {% set basePath = app.request.schemeAndHttpHost %}
  65.                 {% set ogVideoPath = basePath ~ ogVideoMedia.url %}
  66.             {% endif %}
  67.         {% endif %}
  68.     {% endif %}
  70.     {# OG Video available --> use OG Video #}
  71.     {# Otherwise if OG Image available --> use OG Image #}
  72.     {% if ogVideoPath is defined and ogVideoPath is not empty %}
  73.         <meta property="og:type" content="video.other">
  74.         <meta property="og:video" content="{{ ogVideoPath|replace({'?v=1': ''}) }}"/>
  75.         <meta property="og:video:url" content="{{ ogVideoPath|replace({'?v=1': ''}) }}"/>
  76.         <meta property="og:video:secure_url" content="{{ ogVideoPath|replace({'?v=1': ''}) }}"/>
  77.         <meta property="og:video:type" content="application/mp4"/>
  78.     {% elseif ogImagePath is defined and ogImagePath is not empty %}
  79.         <meta property="og:image" content="{{ ogImagePath|replace({'?v=1-0': ''}) }}"/>
  80.     {% endif %}
  81.     {% if not ogVideoPath is defined or ogVideoPath is empty %}
  82.         <meta property="og:type" content="Website">
  83.     {% endif %}
  85.     <meta name="msapplication-TileColor" content="#011bff">
  86.     <meta name="theme-color" content="#ffffff">
  87.     {% block meta %}
  88.         {% include "@SuluWebsite/Extension/seo.html.twig" with {
  89.             "seo": extension.seo|default([]),
  90.             "content": content|default([]),
  91.             "localizations": localizations|default([]),
  92.             "shadowBaseLocale": shadowBaseLocale|default(),
  93.         } %}
  94.     {% endblock %}
  95.     {% block metaSeo %}
  96.         {# ... #}
  97.     {% endblock metaSeo %}
  98.     {% block style %}
  100.     {% endblock %}
  101.     {% if app.environment == 'prod' and class != "preview" %}
  102.         <!-- Google Tag Services -->
  103.         <script type="text/plain" data-usercentrics="Google Tag Services">
  104.             const elm1 = document.createElement('script');
  105.             elm1.src = 'https://www.googletagmanager.com/gtag/js?id=G-RN6HN7R9HG';
  106.             elm1.async = true;
  107.             document.head.appendChild(elm1);
  109.             window.dataLayer = window.dataLayer || [];
  110.             function gtag(){dataLayer.push(arguments);}
  111.             gtag('js', new Date());
  112.             gtag('config', 'G-RN6HN7R9HG');
  113.         </script>
  114.         <!-- End Google Tag Services -->
  115.         <!-- ahrefs -->
  116.         <script type="text/plain" data-usercentrics="Ahrefs">
  117.             const elm2 = document.createElement('script');
  118.             elm2.src = 'https://analytics.ahrefs.com/analytics.js';
  119.             elm2.setAttribute('data-key', 'OqT0UvhinbqOL8+Op6Alxw');
  120.             elm2.async = true;
  121.             document.head.appendChild(elm2);
  122.         </script>
  123.         <!-- End ahrefs -->
  124.     {% endif %}
  125. </head>
  126. <body class="antialiased bg-brand-50 preload" :class="{'overflow-hidden': $store.header.open}" x-data>
  127. {% if class != "preview" %}
  128.     <script type="module" defer src="{{ asset('assets/galilea/main.js') }}"></script>
  129. {% endif %}
  130. {% if class == "preview" %}
  131.     <script defer src="{{ asset('assets/galilea-preview.js') }}"></script>
  132.     <script> window.disableRevealAnimations = true; </script>
  133. {% endif %}
  134. {% if app.environment == 'prod' and class != "preview" %}
  135. <!-- Google Tag Manager (noscript) -->
  136. <noscript>
  137.     <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W357BM6"
  138.             height="0" width="0" style="display:none;visibility:hidden"></iframe>
  139. </noscript>
  140. <!-- End Google Tag Manager (noscript) -->
  141. {% endif %}
  142. {% block header %}{% endblock %}
  144. <main class="relative z-10 bg-brand-50">
  145.     {% block content %}{% endblock %}
  147.     {{ include('galilea/includes/certification.html.twig') }}
  148. </main>
  150. {% block footer %}{% endblock %}
  151. {% block javascripts %}{% endblock %}
  152. </body>
  153. </html>