templates/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, user-scalable=no">
  12.     <link rel="apple-touch-icon" sizes="180x180" href="{{ asset('/img/apple-touch-icon.png') }}">
  13.     <link rel="icon" type="image/png" sizes="32x32" href="{{ asset('/img/favicon-32x32.png') }}">
  14.     <link rel="icon" type="image/png" sizes="16x16" href="{{ asset('/img/favicon-16x16.png') }}">
  15.     <script id="usercentrics-cmp" src="https://app.usercentrics.eu/browser-ui/latest/loader.js"
  16.             data-version="preview" data-settings-id="rUzp4CflN" async></script>
  17.     <link rel="preconnect" href="//app.usercentrics.eu">
  18.     <link rel="preconnect" href="//api.usercentrics.eu">
  19.     <link rel="preload" href="//app.usercentrics.eu/browser-ui/latest/loader.js" as="script">
  20.     {#    <link rel="manifest" href="/site.webmanifest"> #}
  22.     {# OG Image Default #}
  23.     {% set socialMedia = sulu_snippet_load_by_area('social_media') %}
  24.     {% if socialMedia is not empty and socialMedia['content'] is not empty %}
  25.         {% set defaultOG = socialMedia['content'] %}
  26.         {% if defaultOG['ogImageUrlGlobal'] is not empty %}
  27.             {% set ogImage = defaultOG['ogImageUrlGlobal'] %}
  28.             {% set basePath = app.request.schemeAndHttpHost %}
  29.             {% set ogImagePath = basePath ~ ogImage.thumbnails['320x'] %}
  30.         {% endif %}
  31.     {% endif %}
  33.     {# OG Image for specific page #}
  34.     {% if extension is not empty and extension['opengraph'] is not empty %}
  35.         {% set opengraph = extension['opengraph'] %}
  37.         {% if opengraph['ogImageTitle'] is not empty %}
  38.             <meta property="og:title" content="{{ opengraph['ogImageTitle'] }}"/>
  39.         {% endif %}
  40.         {% if opengraph['ogImageDescription'] is not empty %}
  41.             <meta property="og:description" content="{{ opengraph['ogImageDescription'] }}"/>
  42.         {% endif %}
  43.         {% if opengraph['ogImageUrl'] is not empty and opengraph['ogImageUrl']['id'] is not empty %}
  44.             {# Image must be loaded separately #}
  45.             {% set ogImageMedia = sulu_resolve_media(opengraph['ogImageUrl']['id'], app.request.locale|split('_')[0]) %}
  46.             {% if ogImageMedia is not empty %}
  47.                 {% set basePath = app.request.schemeAndHttpHost %}
  48.                 {% set ogImagePath = basePath ~ ogImageMedia.thumbnails['320x'] %}
  49.             {% endif %}
  50.         {% endif %}
  51.         {% if opengraph['ogVideoUrl'] is not empty and opengraph['ogVideoUrl']['id'] is not empty %}
  52.             {# Video must be loaded separately #}
  53.             {% set ogVideoMedia = sulu_resolve_media(opengraph['ogVideoUrl']['id'], app.request.locale|split('_')[0]) %}
  54.             {% if ogImageMedia is not empty %}
  55.                 {% set basePath = app.request.schemeAndHttpHost %}
  56.                 {% set ogVideoPath = basePath ~ ogVideoMedia.url %}
  57.             {% endif %}
  58.         {% endif %}
  59.     {% endif %}
  61.     {# OG Video available --> use OG Video #}
  62.     {# Otherwise if OG Image available --> use OG Image #}
  63.     {% if ogVideoPath is defined and ogVideoPath is not empty %}
  64.         <meta property="og:type" content="video.other">
  65.         <meta property="og:video" content="{{ ogVideoPath|replace({'?v=1': ''}) }}"/>
  66.         <meta property="og:video:url" content="{{ ogVideoPath|replace({'?v=1': ''}) }}"/>
  67.         <meta property="og:video:secure_url" content="{{ ogVideoPath|replace({'?v=1': ''}) }}"/>
  68.         <meta property="og:video:type" content="application/mp4"/>
  69.     {% elseif ogImagePath is defined and ogImagePath is not empty %}
  70.         <meta property="og:image" content="{{ ogImagePath|replace({'?v=1-0': ''}) }}"/>
  71.     {% endif %}
  73.     <meta name="msapplication-TileColor" content="#da532c">
  74.     <meta name="theme-color" content="#ffffff">
  75.     {% block meta %}
  76.         {% include "@SuluWebsite/Extension/seo.html.twig" with {
  77.             "seo": extension.seo|default([]),
  78.             "content": content|default([]),
  79.             "localizations": localizations|default([]),
  80.             "shadowBaseLocale": shadowBaseLocale|default(),
  81.         } %}
  82.     {% endblock %}
  83.     {% block metaSeo %}
  84.         {# ... #}
  85.     {% endblock metaSeo %}
  86.     {% block style %}
  88.     {% endblock %}
  89. </head>
  90. <body>
  92. {% if class != "preview" %}
  93.     <script defer src="{{ asset('assets/index.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. <div class="page-wrapper" x-data="page" x-cloak>
  100.     <div class="page">
  101.         {#            {{ include('/includes/header-nav.html.twig') }} #}
  102.         {% block header %}
  103.         {% endblock %}
  104.         {# <form action="{{ path('sulu_search.website_search') }}" method="GET"> #}
  105.         {# <input name="q" type="text" placeholder="Search"/> #}
  106.         {# <input type="submit" value="Go"/> #}
  107.         {# </form> #}
  108.         <main>
  109.             {% block content %}{% endblock %}
  110.         </main>
  111.         {% block footer %}
  112.         {% endblock %}
  113.     </div>
  114. </div>
  115. {% block javascripts %}{% endblock %}
  116. </body>
  117. </html>