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. {% endapply %}
  45. <!DOCTYPE html>
  46. <html lang="{{ app.request.locale }}">
  47. <head>
  49.     <meta charset="UTF-8">
  50.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  52.     {# favicon start #}
  53.     <link rel="apple-touch-icon" sizes="180x180" href="{{ asset('/assets/favicon/apple-touch-icon.png') }}">
  54.     <link rel="icon" type="image/png" sizes="32x32" href="{{ asset('/assets/favicon/favicon-32x32.png') }}">
  55.     <link rel="icon" type="image/png" sizes="16x16" href="{{ asset('/assets/favicon/favicon-16x16.png') }}">
  56.     <link rel="manifest" href="{{ asset('/assets/favicon/site.webmanifest') }}">
  57.     <link rel="mask-icon" href="{{ asset('/assets/favicon/safari-pinned-tab.svg') }}" color="#e4002b">
  58.     <link rel="shortcut icon" href="{{ asset('/assets/favicon/favicon.ico') }}">
  59.     <meta name="msapplication-TileColor" content="#ffffff">
  60.     <meta name="msapplication-config" content="{{ asset('/assets/favicon/browserconfig.xml') }}">
  61.     <meta name="theme-color" content="#ffffff">
  62.     {# favicon end #}
  64.     {% block layout_head_meta deferred %}
  65.     {{ pimcore_head_title() }}
  66.     {{ pimcore_head_meta() }}
  67.     {% endblock %}
  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 start #}
  76.     {% include 'includes/window-vars.html.twig' %}
  77.     {# window variables end #}
  79.     {#
  80.     <style>
  81.         {{ source('inline/app.min.css') }}
  82.     </style>
  83.     #}
  86. </head>
  87. <body id="body" class="body {% if editmode %} editmode {% endif %}">
  89. {% if not editmode %}
  90.     <div class="navigation-container " id="navigation-container">
  91.         <div class="wrapper flex space-between">
  92.             <button class="menu-btn open" aria-label="menu open" >
  94.                 <svg width="23" height="20" viewBox="0 0 23 20">
  95.                     <g id="Gruppe_198" data-name="Gruppe 198" transform="translate(-322 -25)">
  96.                         <rect id="Rechteck_31" data-name="Rechteck 31" width="23" height="4" transform="translate(322 41)"/>
  97.                         <rect id="Rechteck_1053" data-name="Rechteck 1053" width="23" height="4" transform="translate(322 33)"/>
  98.                         <rect id="Rechteck_1054" data-name="Rechteck 1054" width="23" height="4" transform="translate(322 25)"/>
  99.                     </g>
  100.                 </svg>
  102.             </button>
  103.             <a class="hav-logo flex" href="/">
  104.                 <img src="{{ asset('assets/logo/main-logo.svg') }}" alt="Felix Stöckli AG Transporte" {% if deviceType == "phone" %}width="183" height="35" {% else %}width="283" height="55"{% endif %}>
  105.             </a>
  106.             <div class="content flex flex-end" id="menu-content">
  108.                 <div class="search">
  109.                     <form class="search-form flex" id="navigation-search-form" action="{{ document.getProperty('search') }}" name="q" novalidate="" _lpchecked="1">
  110.                         <input class="search-input" id="navigation-search-input" type="text" name="q" value="" placeholder="{{ 'Suche' | trans }}..." required="">
  111.                         <button title="Suche" class="flex" type="submit" id="search-submit">
  112.                             <svg width="20" height="20.005" viewBox="0 0 20 20.005">
  113.                                 <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"/>
  114.                             </svg>
  115.                         </button>
  116.                     </form>
  117.                 </div>
  118.                 {% include 'includes/top-header.html.twig' %}
  119.                 {% include 'includes/navigation.html.twig' %}
  121.                 <div class="menu-logo">
  122.                     <svg width="181.189" height="35.079" viewBox="0 0 181.189 35.079">
  123.                         <defs>
  124.                             <clipPath id="clip-path">
  125.                                 <rect id="Rechteck_991" data-name="Rechteck 991" width="181.189" height="35.078" fill="#fff"/>
  126.                             </clipPath>
  127.                         </defs>
  128.                         <g id="Gruppe_10233" data-name="Gruppe 10233" transform="translate(0 0)">
  129.                             <path id="Pfad_360" data-name="Pfad 360" d="M202.312,42.412l-1.11,7.969h9.064l1.11-7.969Z" transform="translate(-72.595 -15.303)" fill="#fff"/>
  130.                             <path id="Pfad_361" data-name="Pfad 361" d="M159.594,42.412l-1.11,7.969H183.5l1.111-7.969Z" transform="translate(-57.182 -15.303)" fill="#fff"/>
  131.                             <path id="Pfad_362" data-name="Pfad 362" d="M220.075,42.412l-1.11,7.969h37.376l1.11-7.969Z" transform="translate(-79.004 -15.303)" fill="#fff"/>
  132.                             <path id="Pfad_363" data-name="Pfad 363" d="M1.11,42.412,0,50.381H99.014l1.11-7.969Z" transform="translate(0 -15.303)" fill="#fff"/>
  133.                             <path id="Pfad_364" data-name="Pfad 364" d="M15.22,5.425l-.447,3.514H9.192l-.492,3.4h4.754l-.4,3.261H8.234l-.908,6.476H3.239L5.551,5.425Z" transform="translate(-1.168 -1.958)" fill="#fff"/>
  134.                             <path id="Pfad_365" data-name="Pfad 365" d="M34.184,5.425l-.447,3.514H28.248l-.462,3.055h3.973l-.394,3.1H27.345l-.516,3.514H32.5l-.446,3.468H22.318L24.63,5.425Z" transform="translate(-8.053 -1.958)" fill="#fff"/>
  135.                             <path id="Pfad_366" data-name="Pfad 366" d="M47.731,5.425,45.868,18.493h5.122l-.448,3.583H41.469l2.312-16.65Z" transform="translate(-14.962 -1.958)" fill="#fff"/>
  136.                             <path id="Pfad_367" data-name="Pfad 367" d="M65.956,5.425l-2.312,16.65H59.579l2.313-16.65Z" transform="translate(-21.496 -1.958)" fill="#fff"/>
  137.                             <path id="Pfad_368" data-name="Pfad 368" d="M74.544,13.556l-2.717-8.13h4.409l1.288,5.6h.046l2.846-5.6H84.8l-5,8.313,2.805,8.336H78.242L76.8,16.288h-.045L73.81,22.075H69.423Z" transform="translate(-25.048 -1.958)" fill="#fff"/>
  138.                             <g id="Gruppe_296" data-name="Gruppe 296" transform="translate(0 0)">
  139.                                 <g id="Gruppe_295" data-name="Gruppe 295" clip-path="url(#clip-path)">
  140.                                     <path id="Pfad_369" data-name="Pfad 369" d="M113.8,8.9l-2.913,1.218A1.939,1.939,0,0,0,108.869,8.3c-1.034,0-1.593.482-1.607,1.378-.033,2.044,5.542,2.457,5.47,6.89-.057,3.537-2.663,5.6-6.038,5.6a4.663,4.663,0,0,1-4.94-4.134l3.186-1.033a2.14,2.14,0,0,0,2.127,1.975c1.171,0,1.707-.46,1.723-1.424.04-2.5-5.675-2.756-5.6-7.119A5.49,5.49,0,0,1,108.9,5.066,4.557,4.557,0,0,1,113.8,8.9" transform="translate(-36.713 -1.828)" fill="#fff"/>
  141.                                     <path id="Pfad_370" data-name="Pfad 370" d="M134.158,5.425l-.47,3.537h-3.376l-1.865,13.114h-4.065l1.842-13.114h-3.4l.47-3.537Z" transform="translate(-44.316 -1.957)" fill="#fff"/>
  142.                                     <path id="Pfad_371" data-name="Pfad 371" d="M153.46,8.13a7.7,7.7,0,0,1-.085,1.011l-.8,5.305c-.54,3.606-2.874,5.9-6.686,5.9-3.468,0-5.252-1.882-5.2-4.892a7.8,7.8,0,0,1,.085-1.01l.8-5.305c.54-3.606,2.874-5.9,6.71-5.9,3.445,0,5.228,1.883,5.18,4.892M149.31,9.14a5.989,5.989,0,0,0,.082-.849c.02-1.241-.478-1.677-1.558-1.677-1.263,0-1.893.643-2.176,2.526l-.821,5.305a6.406,6.406,0,0,0-.084.873c-.02,1.286.455,1.768,1.533,1.768,1.309,0,1.941-.688,2.2-2.641ZM148.032,0l-.366,2.8h-2.572l.367-2.8Zm3.974,0-.39,2.8h-2.573l.367-2.8Z" transform="translate(-50.76 0)" fill="#fff"/>
  143.                                     <path id="Pfad_372" data-name="Pfad 372" d="M174.508,9.107l-3.095,1.057c-.072-1.172-.546-1.7-1.511-1.7-1.218,0-1.8.758-2.034,2.251l-.926,6.155a4.451,4.451,0,0,0-.055.529c-.016.988.412,1.539,1.468,1.539.942,0,1.547-.551,2.028-1.792l2.9.988a5.574,5.574,0,0,1-5.715,4.042c-3.032,0-4.841-1.7-4.8-4.478a8.3,8.3,0,0,1,.084-.988l.9-5.97c.539-3.56,2.939-5.673,6.224-5.673a4.284,4.284,0,0,1,4.528,4.042" transform="translate(-58.728 -1.827)" fill="#fff"/>
  144.                                     <path id="Pfad_373" data-name="Pfad 373" d="M189.845,22.075l-2.146-6.5-1.15,1.539-.678,4.961h-4.019l2.313-16.65h4.019l-1.01,7.074,4.547-7.074h4.547l-5.584,7.326,3.571,9.324Z" transform="translate(-65.613 -1.957)" fill="#fff"/>
  145.                                     <path id="Pfad_374" data-name="Pfad 374" d="M210.814,5.425,208.95,18.493h5.123l-.448,3.583h-9.072l2.313-16.65Z" transform="translate(-73.803 -1.957)" fill="#fff"/>
  146.                                     <path id="Pfad_375" data-name="Pfad 375" d="M228.689,5.425l-2.312,16.65h-4.065l2.313-16.65Z" transform="translate(-80.211 -1.957)" fill="#fff"/>
  147.                                     <path id="Pfad_376" data-name="Pfad 376" d="M243.489,22.075h-4.11l6.836-16.65h4.662l2.213,16.65h-4.157l-.247-3.193H244.6Zm2.167-6.178h2.779l-.47-6.476h-.046Z" transform="translate(-86.369 -1.957)" fill="#fff"/>
  148.                                     <path id="Pfad_377" data-name="Pfad 377" d="M276.311,9.131l-3.1,1.057c-.3-1.309-.982-1.746-1.946-1.746-1.608,0-2.4.827-2.711,2.848l-.767,4.892a5.353,5.353,0,0,0-.056.575,1.735,1.735,0,0,0,1.943,2.02,2.326,2.326,0,0,0,1.874-.873l.31-2.09H270.3l.364-2.664h5.076l-1.2,8.8h-3.285l.106-.849a5.461,5.461,0,0,1-3.255,1.078c-2.71,0-4.524-1.515-4.471-4.753a6.97,6.97,0,0,1,.088-1.172l.77-5.007c.566-3.743,2.763-6.178,6.875-6.178,2.825,0,4.73,1.516,4.942,4.065" transform="translate(-95.121 -1.828)" fill="#fff"/>
  149.                                 </g>
  150.                             </g>
  151.                         </g>
  152.                     </svg>
  153.                 </div>
  155.                 <button class="menu-btn close">
  156.                     <svg width="19.093" height="19.092" viewBox="0 0 19.093 19.092">
  157.                         <g id="Gruppe_10241" data-name="Gruppe 10241" transform="translate(-316.953 -25)">
  158.                             <rect id="Rechteck_1071" data-name="Rechteck 1071" width="23" height="4" transform="translate(336.045 27.828) rotate(135)" fill="#fff"/>
  159.                             <rect id="Rechteck_1072" data-name="Rechteck 1072" width="23" height="4" transform="translate(319.782 25) rotate(45)" fill="#fff"/>
  160.                         </g>
  161.                     </svg>
  162.                 </button>
  164.             </div>
  165.         </div>
  168.     </div>
  169. {% endif %}
  171. {# -- block Content START -- #}
  172. <div class="wrapper-body">
  173.     {% if not editmode %}
  174.         {% if document.getPRoperty('DownloadRevealWindow') %}
  175.         <div class="float-button">
  176.             <img src="{{ asset('assets/images/paper.svg') }}" alt="Download" height="38" width="30">
  177.             <div class="content-box">
  178.                 <button class="close-reveal">
  179.                     <svg width="16.899" height="16.754" viewBox="0 0 16.899 16.754">
  180.                         <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"/>
  181.                     </svg>
  182.                 </button>
  183.                 <p class="headline">{{ document.getPRoperty('DownloadRevealWindow').getTitle() }}</p>
  184.                 <p>
  185.                     {{ document.getPRoperty('DownloadRevealWindow').getDescription() }}
  186.                 </p>
  187.                 <div class="buttons-row flex center">
  188.                     <button class="primary">
  189.                         <a class="flex" href="{{ document.getPRoperty('DownloadRevealWindow').getPdf() }}" target="_blank">
  190.                             <span>{{ 'DOWNLOAD' | trans }}
  191.                             <svg width="15.708" height="10.709" viewBox="0 0 15.708 10.709">
  192.                                 <g transform="translate(0 0.354)">
  193.                                     <g transform="translate(0)">
  194.                                         <path class="line" d="M7.5,18h15" transform="translate(-7.5 -13)" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="1"/>
  195.                                         <path class="arrow" d="M18,7.5l5.026,5L18,17.5" transform="translate(-8.027 -7.5)" fill="none" stroke="#fff" stroke-width="1"/>
  196.                                     </g>
  197.                                 </g>
  198.                             </svg>
  199.                             </span>
  200.                         </a>
  201.                     </button>
  202.                 </div>
  203.             </div>
  204.         </div>
  205.         {% endif %}
  206.     {% endif %}
  207.     {{ block('content') }}
  208. </div>
  209. {# -- block Content END -- #}
  211. {% if not editmode %}
  212.     {{ include('includes/blocks/cookies-eu-banner.html.twig') }}
  213. {% endif %}
  215. {# footer START #}
  216. {{ pimcore_inc(document.getProperty('footer')) }}
  217. {# footer END #}
  219. {% block headscripts deferred %}
  220. {# {{ pimcore_head_script() | raw }} #}
  221. {{ pimcore_head_script() }}
  222. {% endblock %}
  224. </body>
  225. </html>