source/View/Templates/Layouts/corporate.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8"/>
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  7.     {% include "Layouts/_favico.html.twig" %}
  8.     {# TODO: create svg logo, so zilla-slab font can be removed #}
  9.     <link rel="preload" href="{{ asset('build/fonts/Zilla_Slab-normal-400.woff') }}" as="font" crossorigin="">
  10.     <link rel="preload" href="{{ asset('build/fonts/Zilla_Slab-normal-600.woff') }}" as="font" crossorigin="">
  11.     <link rel="preload" href="{{ asset('build/fonts/Open_Sans-normal-400.woff') }}" as="font" crossorigin="">
  12.     <link rel="preload" href="{{ asset('build/fonts/Open_Sans-normal-500.woff') }}" as="font" crossorigin="">
  13.     <link rel="preload" href="{{ asset('build/fonts/Open_Sans-normal-600.woff') }}" as="font" crossorigin="">
  14.     <link rel="preload" href="{{ asset('build/fonts/Open_Sans-normal-700.woff') }}" as="font" crossorigin="">
  15.     <title>
  16.         {% if block("title") is defined %}
  17.             {{ block("title") }} - {{ "product.name"|trans }}
  18.         {% else %}
  19.             {{ "product.name"|trans }} - {{ "product.tagline"|trans }}
  20.         {% endif %}
  21.     </title>
  22.     {% block stylesheets %}
  23.         {{ encore_entry_link_tags("app") }}
  24.     {% endblock %}
  25.     {% block javascripts %}
  26.         {{ encore_entry_script_tags("app") }}
  27.     {% endblock %}
  28. </head>
  29. <body>
  31. <div class="flex items-center justify-between h-24 max-w-screen-xl px-12 mx-auto bg-white">
  32.     <a href="https://leibniz-psychology.org/" class="flex items-center no-linkout" target="_blank" rel="noreferrer"
  33.        title="Visit Leibniz Psychology website"><img
  34.                 src="{{ asset('build/images/leibniz_psychology.svg') }}" alt="Leibniz Psychology" width="257"
  35.                 height="56"></a>
  36.     <a href="#" class="text-lg">{{ "product.contact"|trans }}</a>
  37. </div>
  38. {% block header %}
  39.     {# TODO: check gradient colors #}
  40.     <div class="bg-gradient-to-r from-[#240d46] to-zpid-purple-700">
  41.         <header class="max-w-screen-xl mx-auto">
  42.             <div class="flex flex-wrap items-center h-32 bg-right bg-no-repeat bg-zpid-blue bg-header-cyan">
  43.                 {# TODO: use img/svg instead as loading font just for logo is too heavy #}
  44.                 <span class="flex mt-6" style="flex: 0 0 100%">
  45.                     <a class="flex ml-12 font-serif text-6xl text-white" href="/">
  46.                         <span class="font-semibold">Data</span>Wiz<span
  47.                                 class="self-start px-1.5 font-sans text-sm italic font-medium bg-white border rounded-md text-zpid-blue-800">beta</span>
  48.                     </a>
  49.                 </span>
  50.                 <span class="mb-2 text-lg text-white shadow ml-[11.5rem]">{{ "product.tagline"|trans }}</span>
  52.             </div>
  53.             <div class="flex items-center h-12 px-12 bg-white border-l border-r border-mono-500">
  54.                 {{ include("Components/_navigationHeader.html.twig") }}
  55.                 {{ include("Components/_userProfileReference.html.twig") }}
  56.             </div>
  57.         </header>
  58.     </div>
  59. {% endblock %}
  61. <div class="max-w-screen-xl px-12 py-px pb-12 mx-auto bg-white border-l border-r border-mono-500">
  62.     {% block body %}{% endblock %}
  63. </div>
  64. {{ include("Components/_footer.html.twig") }}
  65. </body>
  66. </html>