init project cleaned

This commit is contained in:
2023-01-05 11:21:32 +01:00
commit bc98268740
54 changed files with 3861 additions and 0 deletions

View File

@@ -0,0 +1,78 @@
<form class="" action="/register" method="post" enctype="multipart/form-data">
{# Error message #}
{% if message_register is defined %}<div class="text-danger font-weight-bold mt-3">{{ message_register }}</div>{% endif %}
{# UserName #}
<div class="form-floating mt-3">
<input class="form-control" name="username" type="text" placeholder="JohnDoe" required>
<label for="username">Nom d'utilisateur</label>
</div>
{# Email #}
<div class="form-floating mt-3">
<input class="form-control" name="email" type="email" placeholder = "mail@example.com" required>
<label for="username">Email</label>
</div>
{# Password #}
<div class="form-floating mt-3">
<input class="form-control rounded-4" name="password" type="password" placeholder="mdp" required>
<label for="password">Mot de passe</label>
</div>
{# Password again #}
<div class="form-floating mt-3">
<input class="form-control" name="repassword" type="password" placeholder="mdp" required>
<label for="repassword">Confirmez le mot de passe</label>
</div>
{# Image #}
<div class="form-group mt-3">
<label for="input-image" class="input-label-img d-flex">
<input name="image" type="file" accept="image/png, image/jpg, image/gif, image/jpeg"/>
<span>Image de profil </span>
</label>
{# <label class="" for="image">Image</label>
<input class="form-control" name="image" type="file"> #}
</div>
{# Submit button #}
<button class="w-100 mt-3 mb-3 btn btn-lg rounded-4 btn-primary" type="submit">S'inscrire</button>
{# Login #}
<a href="/forgotpassword" class="color-hover">Mot de passe oublié ?</a><br>
<a href="/login" class="color-hover">Se connecter</a>
{# Divider #}
<hr class="my-4">
{# Third-Party #}
<h2 class="fs-5 fw-bold mb-3 text-center">Ou</h2>
{# Google #}
<div id="g_id_onload"
data-client_id="723424966880-015kn0qncavlgbj4j3k1ggs3arn7tdkd.apps.googleusercontent.com"
data-login_uri="/auth"
data-auto_prompt="false">
</div>
<div class="g_id_signin d-flex justify-content-center mb-2"
data-type="standard"
data-size="large"
data-theme="filled_black"
data-text="sign_in_with"
data-shape="rectangular"
data-logo_alignment="left">
</div>
{# GitHub #}
<button class=" w-100 py-2 mb-2 btn btn-outline-secondary rounded-4" type="submit">
<span class="mdi mdi-github"></span>
Se connecter avec GitHub
</button>
</form>
{# CSS #}
<style media= "screen" >
.input-label-img {
border: 1px solid #ccc;
display: inline-block;
padding: 6px 12px;
cursor: pointer;
width: 100%;
border-radius: 0.25rem;
height: calc(3.5rem + 2px);
padding: 1rem 0.75rem;
}
.input-label-img > input {
display: none;
}
</style>