templates/partials/burger-menu.html.twig line 1

  1. <section id="bg-burger-menu"
  2.          class="absolute top-0 bottom-0 right-0 left-0 flex flex-row-reverse">
  3.     <div id="burger-menu" class="relative w-full md:w-2/5 h-screen pt-6 pl-6 bg-black text-light delay-100 duration-300 transition-all ease-in-out -right-full md:-right-[40%]">
  4.         <ion-icon id="close-burger" class="text-4xl hover:cursor-pointer" name="chevron-forward-outline"></ion-icon>
  5.         <nav id="burger" class="h-[95%] py-16 flex flex-col items-center justify-between text-xl uppercase">
  6.             <div class="flex items-center flex-col gap-y-8">
  7.                 <a class="flex hover:underline" href="{{ path('app_home') }}">
  8.                     <ion-icon class="text-3xl" name="home"></ion-icon>
  9.                     <span class="ml-5">accueil</span>
  10.                 </a>
  11.                 <a class="flex items-center hover:underline" href="{{ path('app_legends', {giant: 'isidore'}) }}">
  12.                     <ion-icon class="text-3xl" name="book"></ion-icon>
  13.                     <span class="ml-5">légendes</span>
  14.                 </a>
  15.                 <a class="flex items-center hover:underline" href="{{ path('app_press') }}">
  16.                     <ion-icon class="text-3xl" name="document-text"></ion-icon>
  17.                     <span class="ml-5">espace presse</span>
  18.                 </a>
  19. {#                <a class="flex items-center hover:underline" href="{{ path('app_about') }}">#}
  20. {#                    <ion-icon class="text-3xl" name="help-circle"></ion-icon>#}
  21. {#                    <span class="ml-5">à propos</span>#}
  22. {#                </a>#}
  23.             </div>
  24.             {% if app.user %}
  25.                 <div class="flex flex-col gap-8 mb-10 md:mb-0">
  26.                     <a class="flex items-center hover:underline" href="{{ path('app_user') }}">
  27.                         <ion-icon class="text-4xl" name="person-circle-outline"></ion-icon>
  28.                         <span class="ml-5">compte</span>
  29.                     </a>
  30.                     <a class="flex items-center hover:underline" href="{{ path('app_logout') }}">
  31.                         <ion-icon class="text-4xl" name="log-out-outline"></ion-icon>
  32.                         <span class="ml-5">déconnexion</span>
  33.                     </a>
  34.                 </div>
  35.             {% else %}
  36.                 <a class="mb-10 md:mb-0 hover:underline" href="{{ path('app_login') }}">Connexion</a>
  37.             {% endif %}
  38.         </nav>
  39.     </div>
  40. </section>