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) %}
  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. {{ pimcore_head_title() }}
  54. {{ pimcore_head_meta() }}
  55. {# {% block layout_head_meta deferred %}
  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="Annavation" />
  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. {{ pimcore_head_link() }}
  72. {# {% block head_stylesheets deferred %}
  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="250" height="70" {% else %}width="300" height="70"{% 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' %}
  136. {#
  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') }}
  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. {{ pimcore_head_script() }}
  209. {# {% block headscripts deferred %}
  210. {% endblock %} #}
  212. {% endif %}
  214. {{ include('layouts/components/svg-clippaths.html.twig') }}
  217. </body>
  218. </html>