templates/base.html.twig line 1

  1. <!DOCTYPE html>
  2. <html lang="fr">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0" name="viewport">
  7.     {% block favicon %}
  8.         <link rel="apple-touch-icon" sizes="180x180" href="/img/icon/apple-touch-icon.png">
  9.         <link rel="icon" type="image/png" sizes="32x32" href="/img/icon/favicon-32x32.png">
  10.         <link rel="icon" type="image/png" sizes="16x16" href="/img/icon/favicon-16x16.png">
  11.         <link rel="manifest" href="/img/icon/site.webmanifest">
  12.         <link rel="mask-icon" href="/img/icon/safari-pinned-tab.svg" color="#be754f">
  13.         <link rel="shortcut icon" href="/img/icon/favicon.ico">
  14.         <meta name="msapplication-TileColor" content="#be754f">
  15.         <meta name="msapplication-config" content="/img/icon/browserconfig.xml">
  16.         <meta name="theme-color" content="#be754f">
  17.     {% endblock %}
  19.     <title>{% block title %}LADI{% endblock %}</title>
  21.     {% block meta %}
  22.         <meta name="description" content="{{ app.request.server.get('META_GEN_DESCRIPTION') }}">
  23.         <meta name="author" content="{{ app.request.server.get('META_GEN_AUTHOR') }}">
  24.     {% endblock %}
  26.     {% block canonical %}
  27.         <link rel="canonical" href="{{ app.request.server.get('APP_URL') }}">
  28.     {% endblock %}
  31.     {% block fbmeta %}
  32.         <!-- Facebook meta tags -->
  33.         <meta property="og:type" content="website">
  34.         <meta property="og:site_name" content="{{ app.request.server.get('META_FACEBOOK_NAME') }}">
  35.         <meta property="og:url" content="{{ app.request.uri }}">
  36.         <meta property="og:title" content="{{ app.request.server.get('META_FACEBOOK_TITLE') }}">
  37.         <meta property="og:description" content="{{ app.request.server.get('META_FACEBOOK_DESCRIPTION') }}">
  38.         <meta property="og:image" content="{{ app.request.server.get('META_FACEBOOK_IMAGE') }}">
  39.         <meta property="og:image:secure_url" content="{{ app.request.server.get('META_FACEBOOK_IMG') }}">
  40.         <meta property="og:image:url" content="{{ app.request.server.get('META_FACEBOOK_IMG') }}">
  41.         <meta property="og:image:type" content="{{ app.request.server.get('META_FACEBOOK_IMAGE_TYPE') }}">
  42.         <meta property="og:locale" content="fr_FR"/>
  43.     {% endblock %}
  45.     {% block twittermeta %}
  46.         <!-- Twitter meta tags -->
  47.         <meta name="twitter:card" content="summary_large_image">
  48.         <meta property="twitter:url" content="{{ app.request.uri }}">
  49.         <meta name="twitter:title" content="{{ app.request.server.get('META_TWITTER_TITLE') }}">
  50.         <meta name="twitter:description" content="{{ app.request.server.get('META_TWITTER_DESCRIPTION') }}">
  51.         <meta name="twitter:image" content="{{ app.request.server.get('META_TWITTER_IMAGE') }}">
  52.     {% endblock %}
  54.     <script defer type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
  55.     {# Run `composer require symfony/webpack-encore-bundle` to start using Symfony UX #}
  56.     {% block stylesheets %}
  57.         {{ encore_entry_link_tags('app') }}
  58.     {% endblock %}
  60.     {% block javascripts %}
  61.         {{ encore_entry_script_tags('app') }}
  62.     {% endblock %}
  63. </head>
  64. <body class="text-text relative min-h-screen font-poppins overflow-x-hidden">
  66.     <header class="sticky top-0 z-20">
  68.         <div id="header"
  69.              class="px-3 pb-3 w-full md:w-5/6 max-w-[1400px] mx-auto rounded-b-[2.2rem]"
  70.         >
  73.             {% if news is defined and news[0].author %}
  74.             <div id="news"
  75.                  class="flex items-center justify-center gap-x-5 w-fit py-2 px-3 text-2xl bg-bg rounded-b-xl mx-auto text-center"
  76.             >
  77.                 {{ news[0].content | raw }}
  78.                 <ion-icon id="cross"
  79.                           class="hover:text-dark hover:cursor-pointer z-20" name="close"
  80.                 ></ion-icon>
  81.             </div>
  82.             {% endif %}
  84.             <div class="flex flex-row items-center justify-between h-24 md:h-28 md:py-0 pt-6 w-full duration-500 transition-all ease-in-out"
  85.             >
  86.                 <a id="logoLZN" class="h-20 p-2 md:p-3 bg-white/[0.4] rounded-full duration-300 transition-all ease-in-out z-20 hover:bg-white"
  87.                    href="http://www.lezennes.fr/" target="_blank">
  88.                     <img class="hidden md:block h-full" src="{{ asset('img/base/logotype_LZN_transparent.png') }}" alt="logo Lezennes" title="Site de la ville de Lezennes">
  89.                     <img class="md:hidden h-full" src="{{ asset('img/base/logo_LZN_transparent.png') }}" alt="logo Lezennes" title="Site de la ville de Lezennes">
  90.                 </a>
  92.                 <div class="flex flex-row h-full items-center gap-5 md:gap-10 z-20">
  93.                     <a  id="logoLADI" class="h-20 p-2 md:p-3 bg-white/[0.4] rounded-full hover:bg-white duration-300 transition-all ease-in-out"
  94.                         href="{{ path('app_home') }}">
  95.                         <img class="h-full" src="{{ asset('img/homepage/home_isidore.png') }}" alt="logo LADI" title="Retour accueil">
  96.                     </a>
  98.                     <ion-icon id="open-burger" class="p-1 self-center text-4xl md:text-5xl rounded-xl hover:bg-bg hover:cursor-pointer duration-300 transition-all ease-in-out" name="grid"></ion-icon>
  99.                 </div>
  100.             </div>
  102.             {{ include('partials/burger-menu.html.twig') }}
  103.         </div>
  105.     </header>
  107.     <div class="max-w-[1400px] w-5/6 mx-auto mt-20 pb-20 relative">
  108.         {% block body %}{% endblock %}
  109.     </div>
  111.     <footer class="absolute bottom-5 left-0 right-0">
  112.         <div class="flex flex-row justify-center max-w-[1400px] w-5/6 mx-auto">
  113.             <p class="text-xl text-center font-medium">Tous droits réservés. Les Amis D'Isidore - {{ 'now' | date('Y') }}</p>
  114.         </div>
  115.     </footer>
  117. </body>
  118. </html>