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">
  4.     <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%]">
  6.         <ion-icon id="close-burger" class="text-4xl hover:cursor-pointer" name="chevron-forward-outline"></ion-icon>
  8.         <nav id="burger" class="h-[95%] py-16 flex flex-col items-center justify-between text-xl uppercase">
  10.             <div class="flex items-center flex-col gap-y-8">
  11.                 <a class="flex hover:underline" href="{{ path('app_home') }}">
  12.                     <ion-icon class="text-3xl" name="home"></ion-icon>
  13.                     <span class="ml-5">accueil</span>
  14.                 </a>
  16.                 <a class="flex items-center hover:underline" href="{{ path('app_legends', {giant: 'isidore'}) }}">
  17.                     <ion-icon class="text-3xl" name="book"></ion-icon>
  18.                     <span class="ml-5">légendes</span>
  19.                 </a>
  21.                 <a class="flex items-center hover:underline" href="{{ path('app_press') }}">
  22.                     <ion-icon class="text-3xl" name="document-text"></ion-icon>
  23.                     <span class="ml-5">espace presse</span>
  24.                 </a>
  26. {#                <a class="flex items-center hover:underline" href="{{ path('app_about') }}">#}
  27. {#                    <ion-icon class="text-3xl" name="help-circle"></ion-icon>#}
  28. {#                    <span class="ml-5">à propos</span>#}
  29. {#                </a>#}
  30.             </div>
  33.             {% if app.user %}
  34.                 <div class="flex flex-col gap-8 mb-10 md:mb-0">
  35.                     <a class="flex items-center hover:underline" href="{{ path('app_user') }}">
  36.                         <ion-icon class="text-4xl" name="person-circle-outline"></ion-icon>
  37.                         <span class="ml-5">compte</span>
  38.                     </a>
  39.                     <a class="flex items-center hover:underline" href="{{ path('app_logout') }}">
  40.                         <ion-icon class="text-4xl" name="log-out-outline"></ion-icon>
  41.                         <span class="ml-5">déconnexion</span>
  42.                     </a>
  43.                 </div>
  45.             {% else %}
  46.                 <a class="mb-10 md:mb-0 hover:underline" href="{{ path('app_login') }}">Connexion</a>
  47.             {% endif %}
  50.         </nav>
  52.     </div>
  55. </section>