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="apple-touch-icon" sizes="180x180" href="{{ asset('/img/apple-touch-icon.png') }}">
  14.     <link rel="icon" type="image/png" sizes="32x32" href="{{ asset('/img/favicon-32x32.png') }}">
  15.     <link rel="icon" type="image/png" sizes="16x16" href="{{ asset('/img/favicon-16x16.png') }}">
  16.     <script id="usercentrics-cmp" src="https://app.usercentrics.eu/browser-ui/latest/loader.js"
  17.             data-version="preview" data-settings-id="rUzp4CflN" async></script>
  18.     <link rel="preconnect" href="//app.usercentrics.eu">
  19.     <link rel="preconnect" href="//api.usercentrics.eu">
  20.     <link rel="preload" href="//app.usercentrics.eu/browser-ui/latest/loader.js" as="script">
  21.     {#    <link rel="manifest" href="/site.webmanifest"> #}
  23.     {# OG Image Default #}
  24.     {% set socialMedia = sulu_snippet_load_by_area('social_media') %}
  25.     {% if socialMedia is not empty and socialMedia['content'] is not empty %}
  26.         {% set defaultOG = socialMedia['content'] %}
  27.         {% if defaultOG['ogImageUrlGlobal'] is not empty %}
  28.             {% set ogImage = defaultOG['ogImageUrlGlobal'] %}
  29.             {% set basePath = app.request.schemeAndHttpHost %}
  30.             {% set ogImagePath = basePath ~  ogImage|thumbnailUrl('320x') %}
  31.         {% endif %}
  32.     {% endif %}
  34.     {# OG Image for specific page #}
  35.     {% if extension is not empty and extension['opengraph'] is not empty %}
  36.         {% set opengraph = extension['opengraph'] %}
  38.         {% if opengraph['ogImageTitle'] is not empty %}
  39.             <meta property="og:title" content="{{ opengraph['ogImageTitle'] }}"/>
  40.         {% endif %}
  41.         {% if opengraph['ogImageDescription'] is not empty %}
  42.             <meta property="og:description" content="{{ opengraph['ogImageDescription'] }}"/>
  43.         {% endif %}
  44.         {% if opengraph['ogImageUrl'] is not empty and opengraph['ogImageUrl']['id'] is not empty %}
  45.             {# Image must be loaded separately #}
  46.             {% set ogImageMedia = sulu_resolve_media(opengraph['ogImageUrl']['id'], app.request.locale|split('_')[0]) %}
  47.             {% if ogImageMedia is not empty %}
  48.                 {% set basePath = app.request.schemeAndHttpHost %}
  49.                 {% set ogImagePath = basePath ~  ogImageMedia|thumbnailUrl('320x') %}
  50.             {% endif %}
  51.         {% endif %}
  52.         {% if opengraph['ogVideoUrl'] is not empty and opengraph['ogVideoUrl']['id'] is not empty %}
  53.             {# Video must be loaded separately #}
  54.             {% set ogVideoMedia = sulu_resolve_media(opengraph['ogVideoUrl']['id'], app.request.locale|split('_')[0]) %}
  55.             {% if ogImageMedia is not empty %}
  56.                 {% set basePath = app.request.schemeAndHttpHost %}
  57.                 {% set ogVideoPath = basePath ~ ogVideoMedia.url %}
  58.             {% endif %}
  59.         {% endif %}
  60.     {% endif %}
  62.     {# OG Video available --> use OG Video #}
  63.     {# Otherwise if OG Image available --> use OG Image #}
  64.     {% if ogVideoPath is defined and ogVideoPath is not empty %}
  65.         <meta property="og:type" content="video.other">
  66.         <meta property="og:video" content="{{ ogVideoPath|replace({'?v=1': ''}) }}"/>
  67.         <meta property="og:video:url" content="{{ ogVideoPath|replace({'?v=1': ''}) }}"/>
  68.         <meta property="og:video:secure_url" content="{{ ogVideoPath|replace({'?v=1': ''}) }}"/>
  69.         <meta property="og:video:type" content="application/mp4"/>
  70.     {% elseif ogImagePath is defined and ogImagePath is not empty %}
  71.         <meta property="og:image" content="{{ ogImagePath|replace({'?v=1-0': ''}) }}"/>
  72.     {% endif %}
  74.     <meta name="msapplication-TileColor" content="#011bff">
  75.     <meta name="theme-color" content="#ffffff">
  76.     {% block meta %}
  77.         {% include "@SuluWebsite/Extension/seo.html.twig" with {
  78.             "seo": extension.seo|default([]),
  79.             "content": content|default([]),
  80.             "localizations": localizations|default([]),
  81.             "shadowBaseLocale": shadowBaseLocale|default(),
  82.         } %}
  83.     {% endblock %}
  84.     {% block metaSeo %}
  85.         {# ... #}
  86.     {% endblock metaSeo %}
  87.     {% block style %}
  89.     {% endblock %}
  90. </head>
  91. <body class="antialiased bg-brand-50 preload" :class="{'overflow-hidden': $store.header.open}" x-data>
  92. {% if class != "preview" %}
  93.     <script type="module" defer src="{{ asset('assets/galilea/main.js') }}"></script>
  94. {% endif %}
  95. {% if class == "preview" %}
  96.     <script defer src="{{ asset('assets/modal-preview.js') }}"></script>
  97.     <script> window.disableRevealAnimations = true; </script>
  98. {% endif %}
  99. {% block header %}{% endblock %}
  101. <main class="relative z-10 bg-brand-50">
  102.     {% block content %}{% endblock %}
  104.     <div class="h-20 bg-white rounded-b-3xl md:rounded-b-[4rem]"></div>
  105. </main>
  107. {% block footer %}{% endblock %}
  108. {% block javascripts %}{% endblock %}
  109. </body>
  110. </html>