templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <title>{% block title %}Welcome!{% endblock %}</title>
  6.         <meta name="viewport" content="width=device-width, initial-scale=1" />
  7.         <link rel="icon" type="image/png" sizes="32x32" href="{{ asset('assets/img/favicon.png') }}">
  8.         <link rel="stylesheet" href="{{ asset('assets/css/opentip.css') }}">
  9.         <link rel="stylesheet" href="{{ asset('assets/css/styles.css') }}">
  10.         <script src="https://cdn.tailwindcss.com"></script>
  12.         {% block stylesheets %}
  13.             {{ encore_entry_link_tags('app') }}
  14.         {% endblock %}
  16.         {% block javascripts %}
  17.             {{ encore_entry_script_tags('app') }}
  18.         {% endblock %}
  19.     </head>
  20.     <body>
  21.         <div class="min-h-screen p-1 md:p-8 bg-gray-200">
  22.             <div class="container mx-auto max-w-screen-lg min-h-max b">
  23.                 <div class="synapse-topbar text-white flex justify-between">
  24.                     <h1 class=" text-xl"><a href="{{ path('front_homepage') }}">Synapse</a></h1>
  26.                     {% if app.user %}
  27.                     <!-- Icône utilisateur avec menu déroulant -->
  28.                     <div class="md:float-right group relative">
  29.                         <div id="user-icon-hover-JS" class="cursor-pointer">
  30.                             <svg class="w-6 h-6 text-gray-600" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
  31.                                 <path fill="#ffffff" d="M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512H418.3c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304H178.3z"/>
  32.                             </svg>
  33.                         </div>
  34.                         <div id="user-menu-hover-JS" class="absolute right-0 mt-2 w-48 bg-white rounded-lg shadow-2xl z-20 text-sm text-gray-700 hidden">
  35.                             <a href="{{ path('user_info_show') }}" class="block px-4 py-2 rounded-t-lg hover:bg-gray-100">Mes informations professionnelles</a>
  36.                             <a href="{{ path('user_mes_marches') }}" class="block px-4 py-2 rounded-b-lg hover:bg-gray-100">Mes marchés</a>
  37.                         </div>
  38.                     </div>
  39.                     {% endif %}
  41.                 </div>
  42.                 <div>
  43.                     <div>
  44.                         <p>{% block sousTitre %}{% endblock %}</p>
  45.                         <p>{% block sousSousTitre %}{% endblock %}</p>
  46.                     </div>
  47.                 </div>
  48.                 <div class="mb-8"></div>
  49.                 {% include '_partials/flash.html.twig' %}
  50.                 <!-- Carte Principale -->
  51.                 {% block body %}{% endblock %}
  53.             </div>
  54.         </div>
  55.         <script src="{{ asset('assets/js/script.js') }}"></script>
  56.     </body>
  57. </html>