doctor/rappaurio-sae501_502
1
0
Fork 0
mirror of https://scm.univ-tours.fr/22107988t/rappaurio-sae501_502.git synced 2025-12-23 02:31:29 +01:00
Code Issues Packages Projects Releases Wiki Activity

Started with database connection

Browse Source
This commit is contained in:
doctor
2023-09-25 23:49:50 +02:00
parent d9c96a973f
commit a8129d8a8c
176 changed files with 28149 additions and 900 deletions
Download Patch File Download Diff File Expand all files Collapse all files

97
app/views/contains/signup.hbs
View File

@@ -1,34 +1,45 @@
<section class="relative overflow-hidden z-10 pt-[180px] pb-[120px]">
<div class="container">
<div class="flex flex-wrap mx-[-16px]">
<div class="w-full px-4">
<div class="max-w-[500px] mx-auto bg-dark bg-opacity-15 dark:bg-dark rounded-md p-12 sm:p-[60px]">
<h3 class="font-bold text-white dark:text-white text-2xl mb-6 sm:text-3xl text-center">
Créez votre compte
</h3>
<form id="formulaire-inscription" method="POST" autocomplete="off">
<div class="mb-8">
<label for="name" class="block text-sm font-medium text-white dark:text-white mb-3">
Nom <sup class="text-body-color">*</sup>
</label>
<input type="text" name="name" id="name" placeholder="Entrer votre nom..."
required="required" autocomplete="new-password"
class="w-full border border-transparent bg-primary bg-opacity-10 dark:bg-[#242B51] rounded-md shadow-one dark:shadow-signUp py-3 px-6 text-body-color text-base placeholder-body-color outline-none focus-visible:shadow-none focus:border-primary" />
</div>
<div class="mb-8">
<label for="email" class="block text-sm font-medium text-white dark:text-white mb-3">
Email <sup class="text-body-color">*</sup>
</label>
<input type="email" name="email" id="email" placeholder="Entrer votre Email..."
required="required" autocomplete="new-password"
class="w-full border border-transparent bg-primary bg-opacity-10 dark:bg-[#242B51] rounded-md shadow-one dark:shadow-signUp py-3 px-6 text-body-color text-base placeholder-body-color outline-none focus-visible:shadow-none focus:border-primary" />
</div>
<div class="mb-12">
<label for="password" class="block text-sm font-medium text-white dark:text-white mb-3">
Mot de passe <sup class="text-body-color">*</sup>
</label>
<input type="password" name="password" id="password"
placeholder="Entrer votre mot de passe..." required="required"
autocomplete="new-password"
class="w-full border border-transparent bg-primary bg-opacity-10 dark:bg-[#242B51] rounded-md shadow-one dark:shadow-signUp py-3 px-6 text-body-color text-base placeholder-body-color outline-none focus-visible:shadow-none focus:border-primary" />
</div>
<section class="relative overflow-hidden z-10 pt-[180px] pb-[120px]">
<div class="container">
<div class="flex flex-wrap mx-[-16px]">
<div class="w-full px-4">
<div class="max-w-[500px] mx-auto bg-dark bg-opacity-15 dark:bg-dark rounded-md p-12 sm:p-[60px]">
<h3 class="font-bold text-white dark:text-white text-2xl sm:text-3xl mb-6 text-center">
Créez votre compte
</h3>
<form>
<div class="mb-8">
<label for="name" class="block text-sm font-medium text-white dark:text-white mb-3">
Votre nom </label>
<input type="text" name="name" placeholder="Entrer votre nom..."
class="w-full border border-transparent bg-primary bg-opacity-10 dark:bg-[#242B51] rounded-md shadow-one dark:shadow-signUp py-3 px-6 text-body-color text-base placeholder-body-color outline-none focus-visible:shadow-none focus:border-primary" />
</div>
<div class="mb-8">
<label for="email" class="block text-sm font-medium text-white dark:text-white mb-3">
Votre Email </label>
<input type="email" name="email" placeholder="Entrer votre Email..."
class="w-full border border-transparent bg-primary bg-opacity-10 dark:bg-[#242B51] rounded-md shadow-one dark:shadow-signUp py-3 px-6 text-body-color text-base placeholder-body-color outline-none focus-visible:shadow-none focus:border-primary" />
</div>
<div class="mb-12">
<label for="password" class="block text-sm font-medium text-white dark:text-white mb-3">
Votre mot de passe
</label>
<input type="password" name="password" placeholder="Entrer votre mot de passe..."
class="w-full border border-transparent bg-primary bg-opacity-10 dark:bg-[#242B51] rounded-md shadow-one dark:shadow-signUp py-3 px-6 text-body-color text-base placeholder-body-color outline-none focus-visible:shadow-none focus:border-primary" />
</div>
<!-- CONDITIONS D'UTILISATION
<div class="mb-8">
<sup class="text-body-color">* champs obligatoires</sup>
</div>
<!-- CONDITIONS D'UTILISATION
<div class="flex mb-8">
<label for="checkboxLabel"
@@ -60,19 +71,19 @@
-->
<div class="mb-6">
<button
class="w-full flex items-center justify-center text-base font-medium text-white bg-primary py-4 px-9 hover:shadow-signUp hover:bg-opacity-80 transition duration-300 ease-in-out rounded-md">
Inscription
</button>
</div>
</form>
<p class="font-medium text-base text-body-color text-center">
Déjà un compte?
<a href="/connexion" class="text-primary hover:underline"> Connexion </a>
</p>
</div>
<div class="mb-6">
<button
class="w-full flex items-center justify-center text-base font-medium text-white bg-primary py-4 px-9 hover:shadow-signUp hover:bg-opacity-80 transition duration-300 ease-in-out rounded-md">
Inscription
</button>
</div>
</form>
<p class="font-medium text-base text-body-color text-center">
Déjà un compte?
<a href="/connexion" class="text-primary hover:underline"> Connexion </a>
</p>
</div>
</div>
</div>
</section>
</div>
</section>