Files
fermentardoise/public_html/html_elements/profile.html
nano 22a1cad926 Nano index (#8)
* begin appearance

* update

* update

* add profile page

* begin

* add login and logout functionality

* update index

* update
2023-04-27 17:50:06 +02:00

25 lines
1.7 KiB
HTML

<button type="button" class="inline-flex items-center gap-x-1 text-sm font-semibold leading-6 text-gray-900" id="profile">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M17.982 18.725A7.488 7.488 0 0012 15.75a7.488 7.488 0 00-5.982 2.975m11.963 0a9 9 0 10-11.963 0m11.963 0A8.966 8.966 0 0112 21a8.966 8.966 0 01-5.982-2.275M15 9.75a3 3 0 11-6 0 3 3 0 016 0z" />
</svg>
</button>
<div id="deconnexion" class="group-focus-within:visible invisible absolute right-0 mt-5 z-10 flex w-50 max-w-50 px-4">
<div class="w-sm max-w-sm flex-auto overflow-hidden rounded-3xl bg-white text-sm leading-6 shadow-lg ring-1 ring-gray-900/5">
<div class=" static p-4">
<p id="profil_name" class="relative -top-1.5 text-center"></p>
<div class="group relative flex rounded-lg gap-x-5 hover:bg-gray-50 align-middle">
<div class="mt-1 flex flex-none items-center justify-center rounded-lg group-hover:bg-gray-50 bg-white">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M15.75 9V5.25A2.25 2.25 0 0013.5 3h-6a2.25 2.25 0 00-2.25 2.25v13.5A2.25 2.25 0 007.5 21h6a2.25 2.25 0 002.25-2.25V15M12 9l-3 3m0 0l3 3m-3-3h12.75" />
</svg>
</div>
<div>
<button type="button" class="font-semibold text-gray-900" id="deconnect">
Déconnexion
<span class="absolute inset-0"></span>
</button>
</div>
</div>
</div>
</div>
</div>