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. {# CSS styles#}
  7. {% do pimcore_head_link().appendStylesheet(asset('assets/css/app.min.css')) %}
  10. {% if editmode %}
  11.     {% do pimcore_head_link().appendStylesheet(asset('assets/css/editmode.min.css')) %}
  12. {% endif %}
  13. {# CSS styles #}
  15. {# JS Script #}
  16. {% do pimcore_head_script().appendFile(asset('assets/js/app.min.js')) %}
  17. {# JS Script #}
  19. {# Title #}
  20. {% do pimcore_head_title().set(document.getTitle()) %}
  21. {% do pimcore_head_title().append(pageName) %}
  22.     {% if document.getTitle() %}
  23. {% do pimcore_head_title().setSeparator(' | ') %}
  24. {% endif %}
  26. {# Meta-Tags  #}
  27. {% do pimcore_head_meta().setDescription(document.getDescription()) %}
  29.     {% if app.request.schemeAndHttpHost  == "https://stoecklitransporte.a4interactive.ch" %}
  30.     {#{% do pimcore_head_meta().setName('robots', 'noindex, follow') %}#}
  31. {% else %}
  32.     {% do pimcore_head_meta().setName('robots', 'index, follow') %}
  33. {% endif %}
  35. {% do pimcore_head_meta().setName('language', app.request.locale) %}
  37. {# OG-Tags #}
  38. {% do pimcore_head_meta().setProperty('og:title', document.getTitle()) %}
  39. {% do pimcore_head_meta().setProperty('og:description', document.getDescription()) %}
  40. {% do pimcore_head_meta().setProperty('og:type', 'website') %}
  41. {% do pimcore_head_meta().setProperty('og:url', app.request.uri) %}
  42. {% do pimcore_head_meta().setProperty('og:locale', app.request.locale) %}
  44. {% if document.getProperty('ogImage') is defined and document.getProperty('ogImage') is not null %}
  45.     {% do pimcore_head_meta().setProperty('og:image',app.request.getSchemeAndHttpHost() ~ document.getProperty('ogImage').thumbnail('ogImage').path) %}
  46. {% elseif pimcore_website_config('ogImage') and pimcore_website_config('ogImage') is not null %}
  47.     {% do pimcore_head_meta().setProperty('og:image', app.request.getSchemeAndHttpHost() ~ pimcore_website_config('ogImage').thumbnail('ogImage').path) %}
  48. {% endif %}
  50. {% endapply %}
  51. <!DOCTYPE html>
  52. <html lang="{{ app.request.locale }}">
  53.     <head>
  55.         <meta charset="UTF-8">
  56.         <meta
  57.         name="viewport" content="width=device-width, initial-scale=1.0">
  59.         {# favicon start #}
  60.         <link rel="icon" type="image/png" href="/assets/favicon/favicon-48x48.png" sizes="48x48"/>
  61.         <link rel="icon" type="image/svg+xml" href="/assets/favicon/favicon.svg"/>
  62.         <link rel="shortcut icon" href="/assets/favicon/favicon.ico"/>
  63.         <link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png"/>
  64.         <meta name="apple-mobile-web-app-title" content="MyWebSite"/>
  65.         <link
  66.         rel="manifest" href="/assets/favicon/site.webmanifest"/>
  67.         {# favicon end #}
  69.         {% block layout_head_meta deferred %}
  70.             {{ pimcore_head_title() }}
  71.             {{ pimcore_head_meta() }}
  72.         {% endblock %}
  74.         <link rel="canonical" href="{{ app.request.getSchemeAndHttpHost ~ app.request.baseUrl ~ app.request.pathInfo }}"/>
  76.         {% block head_stylesheets deferred %}
  77.             {{ pimcore_head_link() }}
  78.         {% endblock %}
  80.         {# window variables start #}
  81.         {% include 'includes/window-vars.html.twig' %}
  82.         {# window variables end #}
  84.         {#
  85.             <style>
  86.                 {{ source('inline/app.min.css') }}
  87.             </style>
  88.             #}
  90.         <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  91.         <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">
  93.         <link rel="stylesheet" href="/assets/swiss-hexagon/general.css">
  94.         <script src="/assets/swiss-hexagon/new.js"></script>
  95.         <script src="/assets/swiss-hexagon/search.js"></script>
  97.         {# Google Search Console #}
  98.         {% if google_site_verification %}
  99.             <meta name="google-site-verification" content="{{ google_site_verification }}">
  100.         {% endif %}
  102.         {# Seobility #}
  103.         {% if seobility %}
  104.             <meta name="seobility" content="{{ seobility }}">
  105.         {% endif %}
  107.         {{ include('layouts/components/structured-data.html.twig') }}
  109.     </head>
  111.     <body id="body" class="body {% if editmode %} editmode {% endif %}">
  113.         {% if not editmode %}
  114.             <div class="navigation-container " id="navigation-container">
  115.                 <div class="wrapper flex space-between center">
  116.                     <button class="menu-btn open" aria-label="menu open">
  118.                         <svg width="23" height="20" viewbox="0 0 23 20">
  119.                             <g id="Gruppe_198" data-name="Gruppe 198" transform="translate(-322 -25)">
  120.                                 <rect id="Rechteck_31" data-name="Rechteck 31" width="23" height="4" transform="translate(322 41)"/>
  121.                                 <rect id="Rechteck_1053" data-name="Rechteck 1053" width="23" height="4" transform="translate(322 33)"/>
  122.                                 <rect id="Rechteck_1054" data-name="Rechteck 1054" width="23" height="4" transform="translate(322 25)"/>
  123.                             </g>
  124.                         </svg>
  126.                     </button>
  127.                     <a class="hav-logo flex" href="/">
  128.                         <img src="{{ asset('assets/logo/main-logo.svg') }}" alt="Swiss Hexagon" {% if deviceType == "phone" %} width="126" height="38" {% else %} width="224" height="68" {% endif %}>
  129.                     </a>
  130.                     <div class="content flex space-between" id="menu-content">
  132.                         <div class="search">
  133.                             <form class="search-form flex" id="navigation-search-form" action="{{ document.getProperty('search') }}" name="q" novalidate="" _lpchecked="1">
  134.                                 <input class="search-input" id="navigation-search-input" type="text" name="q" value="" placeholder="{{ 'Suche' | trans }}..." required="">
  135.                                 <button title="Suche" class="flex" type="submit" id="search-submit">
  136.                                     <svg width="20" height="20.005" viewbox="0 0 20 20.005">
  137.                                         <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"/>
  138.                                     </svg>
  139.                                 </button>
  140.                             </form>
  141.                         </div>
  142.                         {% include 'includes/top-header.html.twig' %}
  143.                         {% include 'includes/navigation.html.twig' %}
  145.                         <div class="menu-logo">
  146.                             <img src="{{ asset('assets/logo/main-logo.svg') }}" alt="Swiss Hexagon" {% if deviceType == "phone" %} width="126" height="38" {% else %} width="224" height="68" {% endif %}>
  148.                         </div>
  150.                         <button class="menu-btn close">
  151.                             <svg width="19.093" height="19.092" viewbox="0 0 19.093 19.092">
  152.                                 <g id="Gruppe_10241" data-name="Gruppe 10241" transform="translate(-316.953 -25)">
  153.                                     <rect id="Rechteck_1071" data-name="Rechteck 1071" width="23" height="4" transform="translate(336.045 27.828) rotate(135)" fill="#fff"/>
  154.                                     <rect id="Rechteck_1072" data-name="Rechteck 1072" width="23" height="4" transform="translate(319.782 25) rotate(45)" fill="#fff"/>
  155.                                 </g>
  156.                             </svg>
  157.                         </button>
  159.                     </div>
  160.                 </div>
  163.             </div>
  164.         {% endif %}
  166.         {# -- block Content START -- #}
  167.         <div class="wrapper-body">
  168.             {% if not editmode %}
  169.                 {% if document.getPRoperty('DownloadRevealWindow') %}
  170.                     <div class="float-button">
  171.                         <img src="{{ asset('assets/images/paper.svg') }}" alt="Download" height="38" width="30">
  172.                         <div class="content-box">
  173.                             <button class="close-reveal">
  174.                                 <svg width="16.899" height="16.754" viewbox="0 0 16.899 16.754">
  175.                                     <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"/>
  176.                                 </svg>
  177.                             </button>
  178.                             <p class="headline">{{ document.getPRoperty('DownloadRevealWindow').getTitle() }}</p>
  179.                             <p>
  180.                                 {{ document.getPRoperty('DownloadRevealWindow').getDescription() }}
  181.                             </p>
  182.                             <div class="buttons-row flex center">
  183.                                 <div class="btn primary">
  184.                                     <a class="flex" href="{{ document.getPRoperty('DownloadRevealWindow').getPdf() }}" target="_blank">
  185.                                         <span>{{ 'DOWNLOAD' | trans }}
  186.                                             <svg width="15.708" height="10.709" viewbox="0 0 15.708 10.709">
  187.                                                 <g transform="translate(0 0.354)">
  188.                                                     <g transform="translate(0)">
  189.                                                         <path class="line" d="M7.5,18h15" transform="translate(-7.5 -13)" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="1"/>
  190.                                                         <path class="arrow" d="M18,7.5l5.026,5L18,17.5" transform="translate(-8.027 -7.5)" fill="none" stroke="#fff" stroke-width="1"/>
  191.                                                     </g>
  192.                                                 </g>
  193.                                             </svg>
  194.                                         </span>
  195.                                     </a>
  196.                                 </div>
  197.                             </div>
  198.                         </div>
  199.                     </div>
  200.                 {% endif %}
  201.             {% endif %}
  202.             {{ block('content') }}
  203.         </div>
  204.         {# -- block Content END -- #}
  206.         {% if not editmode %}
  207.             {{ include('includes/blocks/cookies-eu-banner.html.twig') }}
  208.         {% endif %}
  210.         {# footer START #}
  211.         {{ pimcore_inc(document.getProperty('footer')) }}
  212.         {# footer END #}
  214.         {% block headscripts deferred %}
  215.             {# {{ pimcore_head_script() | raw }} #}
  216.             {{ pimcore_head_script() }}
  217.         {% endblock %}
  219.         {{ include('layouts/components/svg-clippaths.html.twig') }}
  222.     </body>
  223. </html>