templates/base.html.twig line 28

  1. <!DOCTYPE html>
  2. <html lang="{{ app.request.locale|split('_')[0] }}">
  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">
  8.         <link rel="preconnect" href="https://fonts.googleapis.com">
  9.         <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  10.         <link href="https://fonts.googleapis.com/css2?family=Oleo+Script&display=swap" rel="stylesheet">
  11.         {% block meta %}
  12.             {% include "@SuluWebsite/Extension/seo.html.twig" with {
  13.             "seo": extension.seo|default([]),
  14.             "content": content|default([]),
  15.             "localizations": localizations|default([]),
  16.             "shadowBaseLocale": shadowBaseLocale|default(),
  17.         } %}
  18.         {% endblock %}
  20.         {% block stylesheets %}
  21.             {{ encore_entry_link_tags('app') }}
  22.         {% endblock %}
  24.         {% block style %}{% endblock %}
  25.     </head>
  26.     <body class="flex flex-col min-h-screen bg-gray-100">
  27.         <header>
  28.             {% block header %}
  29.                 <nav class="relative w-full py-4 px-6 bg-[#4A9FCD] text-white hover:text-gray-700 focus:text-gray-700 shadow-lg navbar navbar-expand-md navbar-light">
  30.                     <div class="container flex items-center justify-between flex-wrap mx-auto">
  31.                         <a href="{{ sulu_content_root_path() }}" class="flex items-center flex-shrink-0 mr-6">
  32.                             <img class="object-cover h-22 w-60" src="https://www.lerepere.ch/img/logo.png"/>
  33.                         </a>
  34.                         <div>
  35.                             {% block header_secondary %}{% endblock %}
  36.                         </div>
  38.                         <button class="flex items-center px-3 py-2 navbar-toggler border rounded text-white border-teal-400 hover:text-white hover:border-white" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
  39.                             <svg class="fill-current h-3 w-3" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
  40.                                 <title>Menu</title><path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"/></svg>
  41.                         </button>
  43.                         {{ render_esi(controller('Sulu\\Bundle\\CommunityBundle\\Controller\\LoginController::embedAction', {
  44.                             '_portal' : request.portalKey|default('default_portal_key'),
  45.                             '_locale' : app.request.locale
  46.                         })) }}
  47.                     </div>
  48.                     <div class="container collapse navbar-collapse flex-grow items-center mx-auto" id="navbarSupportedContent">
  49.                         <ul class="navbar-nav flex flex-col pl-0 list-style-none mr-auto">
  51.                             <li class="nav-item p-2">
  52.                                 <a href="/" class="block mt-4 font-bold lg:inline-block lg:mt-0 text-white hover:text-neutral-400 mr-4 {{ app.request.pathInfo == '/'  ? 'underline underline-offset-8' : '' }}" title="Accueil">
  53.                                     Accueil
  54.                                 </a>
  55.                             </li>
  56.                             {% for item in sulu_navigation_root_tree('main') %}
  57.                                 {% set itemUrl = sulu_content_path(item.url, item.webspaceKey) %}
  58.                                 <li class="nav-item p-2">
  59.                                     <a href="{{ itemUrl }}" class="block mt-4 font-bold lg:inline-block lg:mt-0 text-white hover:text-neutral-400 mr-4 {{ app.request.uri starts with itemUrl ? 'underline underline-offset-8' : '' }}" title="{{ item.title }}">
  60.                                         {{ item.title }}
  61.                                     </a>
  62.                                 </li>
  63.                             {% endfor %}
  64.                         </ul>
  65.                         <div></nav>
  66.                     {% endblock %}
  67.                 </header>
  68.                 <main>
  69.                     <div class="md:container md:mx-auto content"> {% block content %}{% endblock %}
  70.                         </div>
  71.                     </main>
  73.                     <footer class="bg-gray-200 text-center lg:text-left mt-auto">
  74.                         <div class="text-gray-700 text-center p-4" style="background-color: rgba(0, 0, 0, 0.2);">
  75.                             {% block footer %}
  76.                                 ©
  77.                                 {{ 'now'|date('Y') }}
  78.                                 Copyright:
  79.                                 <a class="text-gray-800" href="https://lerepere.ch/">Association Repère</a>
  80.                             {% endblock %}
  81.                         </div>
  82.                     </footer>
  84.                     {% block javascripts %}
  85.                         {{ encore_entry_script_tags('app') }}
  86.                     {% endblock %}
  87.                 </body>
  88.             </html>
  89.         </body>
  90.     </html>