Files
fermentardoise/index.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

43 lines
2.4 KiB
HTML

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- JQuery integration -->
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
<script src="https://cdn.tailwindcss.com"></script>
<script src="public_html/js/utils.js"></script>
<script src="public_html/js/home.js" defer></script>
</head>
<body>
<header class="fixed flex justify-between p-2.5 bg-lime-600 top-0 w-full">
<h2 class="text-white">Fermentardoise</h2>
<div class="flex gap-x-5 flex-wrap" id="header-right">
<div class="lg:inline-flex sm:max-lg:flex-col space-x-3 sm:max-lg:space-y-2 group">
<input type="search" name="" id=""
class="bg-green-500 rounded-full align-middle hidden scale-0 px-2.5
text-white placeholder:text-white
focus:scale-100 group-focus-within:scale-100 focus:flex group-focus-within:flex"
placeholder="Rechercher">
<button class="bg-slate-400 rounded-xl px-1.5 focus:ring focus:ring-red-600">
<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="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z" />
</svg>
</button>
</div>
<a href="login.html" class="rounded-full border bg-rose-600 text-white px-1.5 hover:bg-green-500" id="connexion">
<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.25V15m3 0l3-3m0 0l-3-3m3 3H9" />
</svg>
</a>
<div id="profile-info" class="group"></div>
</div>
</header>
<main class="flex justify-center w-full h-screen">
<img src="public_html/img/temp_logo.png" alt="Logo Ferment'ISEN" class="self-center">
</main>
<footer class="fixed bottom-0 w-full text-center bg-lime-300 py-2">
Made with ❤️ & 🍺 by Appen
</footer>
</body>
</html>