templates/layouts/layout.html.twig line 1

Open in your IDE?
  1. {% apply spaceless %}
  3.     {# Page name #}
  4.     {% set pageName = pimcore_website_config('pageName', null, app.request.locale) %}
  6.     {% if app.request.get('no-media') != 1 %}
  8.         {# CSS #}
  9.         {% do pimcore_head_link().appendStylesheet(asset('assets/css/app.min.css')) %}
  11.         {% if editmode %}
  12.             {% do pimcore_head_link().appendStylesheet(asset('assets/css/editmode.min.css')) %}
  13.         {% endif %}
  15.         {# JS #}
  16.         {% do pimcore_head_script().appendFile(asset('assets/js/app.min.js')) %}
  18.     {% endif %}
  20.     {# Title #}
  21.     {% do pimcore_head_title().set(document.getTitle()) %}
  22.     {% do pimcore_head_title().append(pageName) %}
  23.     {% if document.getTitle() %}
  24.         {% do pimcore_head_title().setSeparator(' | ') %}
  25.     {% endif %}
  27.     {# Meta-Tags  #}
  28.     {% do pimcore_head_meta().setDescription(document.getDescription()) %}
  29.     {% do pimcore_head_meta().setName('language', app.request.locale) %}
  31.     {# OG-Tags #}
  32.     {% do pimcore_head_meta().setProperty('og:title', document.getTitle()) %}
  33.     {% do pimcore_head_meta().setProperty('og:description', document.getDescription()) %}
  34.     {% do pimcore_head_meta().setProperty('og:type', 'website') %}
  35.     {% do pimcore_head_meta().setProperty('og:url', app.request.uri) %}
  36.     {% do pimcore_head_meta().setProperty('og:locale', app.request.locale) %}
  37.     
  38.     {% if document.getProperty('ogImage') is defined and document.getProperty('ogImage') is not null %}
  39.         {% do pimcore_head_meta().setProperty('og:image',app.request.getSchemeAndHttpHost() ~ document.getProperty('ogImage').thumbnail('ogImage').path) %}
  40.     {% elseif pimcore_website_config('ogImage') and pimcore_website_config('ogImage') is not null %}
  41.         {% do pimcore_head_meta().setProperty('og:image', app.request.getSchemeAndHttpHost() ~ pimcore_website_config('ogImage').thumbnail('ogImage').path) %}
  42.     {% endif %}
  44. {% endapply %}
  46. <!DOCTYPE html>
  47. <html lang="{{ app.request.locale }}">
  48. <head>
  50.     <meta charset="UTF-8">
  51.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  53.     {% block layout_head_meta deferred %}
  54.         {{ pimcore_head_title() }}
  55.         {{ pimcore_head_meta() }}
  56.     {% endblock %}
  58.     {% if app.request.get('no-media') != 1 %}
  60.         {# Favicon #}
  61.         <link rel="icon" type="image/png" href="/assets/favicon/favicon-96x96.png" sizes="96x96" />
  62.         <link rel="icon" type="image/svg+xml" href="/assets/favicon/favicon.svg" />
  63.         <link rel="shortcut icon" href="/assets/favicon/favicon.ico" />
  64.         <link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png" />
  65.         <meta name="apple-mobile-web-app-title" content="Blackhound" />
  66.         <link rel="manifest" href="/assets/favicon/site.webmanifest" />
  68.         {# Canonical #}
  69.         <link rel="canonical" href="{{ app.request.getSchemeAndHttpHost ~ app.request.baseUrl ~ app.request.pathInfo }}"/>
  71.         {% block head_stylesheets deferred %}
  72.             {{ pimcore_head_link() }}
  73.         {% endblock %}
  75.         {# window variables #}
  76.         {% include 'includes/window-vars.html.twig' %}
  78.         <link rel="preconnect" href="https://fonts.googleapis.com">
  79.         <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  80.         <link href="https://fonts.googleapis.com/css2?family=Inria+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap" rel="stylesheet">
  82.         <link rel="stylesheet" href="/assets/swiss-hexagon/general.css">
  83.         <script src="/assets/swiss-hexagon/new.js"></script>
  84.         <script src="/assets/swiss-hexagon/search.js"></script>
  86.         {# Google Search Console #}
  87.         {% if google_site_verification %}
  88.             <meta name="google-site-verification" content="{{ google_site_verification }}">
  89.         {% endif %}
  91.         {# Seobility #}
  92.         {% if seobility %}
  93.             <meta name="seobility" content="{{ seobility }}">
  94.         {% endif %}
  96.         {{ include('layouts/components/structured-data.html.twig') }}
  98.     {% endif %}
  100. </head>
  102. <body id="body" class="body {% if editmode %} editmode {% endif %}">
  104.     {% if app.request.get('no-media') != 1 %}
  105.         {% if not editmode %}
  106.             <div class="navigation-container " id="navigation-container">
  107.                 <div class="wrapper flex space-between center">
  108.                     <button class="menu-btn open" aria-label="menu open" >
  110.                         <svg width="23" height="20" viewBox="0 0 23 20">
  111.                             <g id="Gruppe_198" data-name="Gruppe 198" transform="translate(-322 -25)">
  112.                                 <rect id="Rechteck_31" data-name="Rechteck 31" width="23" height="4" transform="translate(322 41)"/>
  113.                                 <rect id="Rechteck_1053" data-name="Rechteck 1053" width="23" height="4" transform="translate(322 33)"/>
  114.                                 <rect id="Rechteck_1054" data-name="Rechteck 1054" width="23" height="4" transform="translate(322 25)"/>
  115.                             </g>
  116.                         </svg>
  118.                     </button>
  119.                     <a class="hav-logo flex" href="/">
  120.                         <img src="{{ asset('assets/logo/logo.png') }}" alt="Swiss Hexagon" {% if deviceType == "phone" %} width="108.2" height="70.19" {% else %}width="224" height="68"{% endif %}>
  121.                     </a>
  122.                     <div class="content flex space-between" id="menu-content">
  123.     {# 
  124.                         <div class="search">
  125.                             <form class="search-form flex" id="navigation-search-form" action="{{ document.getProperty('search') }}" name="q" novalidate="">
  126.                                 <input class="search-input" id="navigation-search-input" type="text" name="q" value="" placeholder="{{ 'Suche' | trans }}..." required="">
  127.                                 <button title="Suche" class="flex" type="submit" id="search-submit">
  128.                                     <svg width="20" height="20.005" viewBox="0 0 20 20.005">
  129.                                         <path d="M24.265,23.05,18.7,17.436a7.927,7.927,0,1,0-1.2,1.219l5.526,5.578a.856.856,0,0,0,1.208.031A.862.862,0,0,0,24.265,23.05ZM12.474,18.722A6.259,6.259,0,1,1,16.9,16.889,6.221,6.221,0,0,1,12.474,18.722Z" transform="translate(-4.5 -4.493)" fill="#fff"/>
  130.                                     </svg>
  131.                                 </button>
  132.                             </form>
  133.                         </div> #}
  134.                         {% include 'includes/top-header.html.twig' %}
  135.                         {% include 'includes/navigation.html.twig' %}
  137.                         <div class="menu-logo">
  138.                             <img src="{{ asset('assets/logo/logo.png') }}" alt="Swiss Hexagon" {% if deviceType == "phone" %} width="108.2" height="70.19" {% else %}width="224" height="68"{% endif %}>
  139.                         </div>
  141.                         <button class="menu-btn close">
  142.                             <svg width="19.093" height="19.092" viewBox="0 0 19.093 19.092">
  143.                                 <g id="Gruppe_10241" data-name="Gruppe 10241" transform="translate(-316.953 -25)">
  144.                                     <rect id="Rechteck_1071" data-name="Rechteck 1071" width="23" height="4" transform="translate(336.045 27.828) rotate(135)" fill="#fff"/>
  145.                                     <rect id="Rechteck_1072" data-name="Rechteck 1072" width="23" height="4" transform="translate(319.782 25) rotate(45)" fill="#fff"/>
  146.                                 </g>
  147.                             </svg>
  148.                         </button>
  150.                     </div>
  151.                 </div>
  152.             </div>
  153.         {% endif %}
  154.     {% endif %}
  156.     {# Content #}
  157.     <div class="wrapper-body">
  158.         {% if app.request.get('no-media') != 1 %}
  159.             {% if not editmode %}
  160.                 {% if document.getPRoperty('DownloadRevealWindow') %}
  161.                 <div class="float-button">
  162.                     <img src="{{ asset('assets/images/paper.svg') }}" alt="Download" height="38" width="30">
  163.                     <div class="content-box">
  164.                         <button class="close-reveal">
  165.                             <svg width="16.899" height="16.754" viewBox="0 0 16.899 16.754">
  166.                                 <path id="Pfad_340" data-name="Pfad 340" d="M8.572,7.892,15.545.918a.5.5,0,0,0,0-.729.5.5,0,0,0-.729,0L7.843,7.129.869.155a.625.625,0,0,0-.763,0,.625.625,0,0,0,0,.763L7.08,7.892.106,14.866a.5.5,0,0,0,0,.729.522.522,0,0,0,.382.139.522.522,0,0,0,.382-.139L7.843,8.621l6.974,6.974a.594.594,0,0,0,.763,0,.5.5,0,0,0,0-.729Z" transform="translate(0.606 0.521)" fill="#fff" stroke="#fff" stroke-width="1"/>
  167.                             </svg>
  168.                         </button>
  169.                         <p class="headline">{{ document.getPRoperty('DownloadRevealWindow').getTitle() }}</p>
  170.                         <p>
  171.                             {{ document.getPRoperty('DownloadRevealWindow').getDescription() }}
  172.                         </p>
  173.                         <div class="buttons-row flex center">
  174.                             <div class="btn primary">
  175.                                 <a class="flex" href="{{ document.getPRoperty('DownloadRevealWindow').getPdf() }}" target="_blank">
  176.                                     <span>{{ 'DOWNLOAD' | trans }}
  177.                                     <svg width="15.708" height="10.709" viewBox="0 0 15.708 10.709">
  178.                                         <g transform="translate(0 0.354)">
  179.                                             <g transform="translate(0)">
  180.                                                 <path class="line" d="M7.5,18h15" transform="translate(-7.5 -13)" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="1"/>
  181.                                                 <path class="arrow" d="M18,7.5l5.026,5L18,17.5" transform="translate(-8.027 -7.5)" fill="none" stroke="#fff" stroke-width="1"/>
  182.                                             </g>
  183.                                         </g>
  184.                                     </svg>
  185.                                     </span>
  186.                                 </a>
  187.                             </div>
  188.                         </div>
  189.                     </div>
  190.                 </div>
  191.                 {% endif %}
  192.             {% endif %}
  193.         {% endif %}
  195.         {{ block('content') }}
  196.         
  197.     </div>
  199.     {% if app.request.get('no-media') != 1 %}
  201.         {% if not editmode %}
  202.             {{ include('includes/blocks/cookies-eu-banner.html.twig') }}
  203.         {% endif %}
  205.         {# footer #}
  206.         {{ pimcore_inc(document.getProperty('footer')) }}
  208.         {% block headscripts deferred %}
  209.             {{ pimcore_head_script() }}
  210.         {% endblock %}
  212.     {% endif %} 
  214.     {{ include('layouts/components/svg-clippaths.html.twig') }}
  217. </body>
  218. </html>