135 lines
3.0 KiB
Twig
135 lines
3.0 KiB
Twig
{% extends 'base.html.twig' %}
|
|
|
|
{% block stylesheets %}
|
|
<link rel="stylesheet" href="../../../assets/styles/login.css">
|
|
{% endblock %}
|
|
|
|
|
|
{% block title %}Login{% endblock %}
|
|
|
|
{% block body %}
|
|
|
|
<style>
|
|
html {
|
|
background-image: url("asset/image/BackgroundLogin.jpg"); background-repeat: no-repeat; background-size: cover;
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
body {
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
.Login {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.Circle {
|
|
background: #db5559;
|
|
width: 41%;
|
|
height: 80%;
|
|
margin: 0 auto;
|
|
border-style: solid;
|
|
border-radius: 50%;
|
|
border-color: white;
|
|
border-width: 5px;
|
|
}
|
|
.Form {
|
|
background: #791c1c;
|
|
height: 40%;
|
|
width: 55%;
|
|
margin: auto;
|
|
border-style: solid;
|
|
border-radius: 50px;
|
|
border-color: white;
|
|
border-width: 2px;
|
|
text-align: center;
|
|
font-family: "Qwitcher Grypen", cursive;
|
|
font-size: 40px;
|
|
font-style: italic;
|
|
color: white;
|
|
padding-bottom: 0;
|
|
|
|
}
|
|
|
|
.Logo {
|
|
display: flex;
|
|
margin: auto;
|
|
margin-top: 8%;
|
|
}
|
|
|
|
.Title1 {
|
|
font-size: 60px;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.Title2 {
|
|
display: grid;
|
|
place-items: center;
|
|
height: 7vh;
|
|
color: black;
|
|
font-family: "Qwitcher Grypen", cursive;
|
|
font-size: 40px;
|
|
margin: 0;
|
|
}
|
|
|
|
.form-group{
|
|
display: grid;
|
|
place-items: center;
|
|
height: 7vh;
|
|
align-items: center;
|
|
text-align: center;
|
|
/*margin-bottom: 10px;*/
|
|
}
|
|
|
|
.form-control{
|
|
background-color: #f19595;
|
|
margin-left: 10px;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.btn{
|
|
background-color: #279b63;
|
|
border-radius: 6px;
|
|
height: 30px;
|
|
}
|
|
|
|
</style>
|
|
|
|
<div class="Login">
|
|
<div class="Circle">
|
|
<img src="asset/image/LogoHegre.png" class="Logo">
|
|
<div class="Form">
|
|
<form method="post">
|
|
|
|
<h1 class="Title1">Bienvenue !</h1>
|
|
|
|
<div class="form-group">
|
|
<label for="UserIdentifier">Email:</label>
|
|
<input type="text" id="UserIdentifier" name="UserIdentifier" value="{{ last_username }}" required autofocus>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="Password">Mot de passe:</label>
|
|
<input type="password" id="Password" name="Password" required>
|
|
</div>
|
|
|
|
<input type="hidden" name="_csrf_token"
|
|
value="{{ csrf_token('authenticate') }}"
|
|
>
|
|
|
|
<div class="form-group">
|
|
<button class="btn btn-lg btn-primary" type="submit">
|
|
Connexion
|
|
</button>
|
|
</div>
|
|
|
|
<h1 class="Title2">Volaille en fête, Saveurs parfaites !</h1>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|