2019-01-02 18:00:16 +01:00
|
|
|
<!--/*https://codepen.io/colorlib/pen/rxddKy*/-->
|
|
|
|
<html>
|
|
|
|
<head>
|
|
|
|
{% include 'header.html.twig' %}
|
|
|
|
<link rel="stylesheet" href="./css/login.css?{{ date().timestamp }}" />
|
|
|
|
</head>
|
|
|
|
|
|
|
|
<body>
|
|
|
|
<div class="login-page">
|
|
|
|
<div class="form">
|
2019-01-02 19:50:36 +01:00
|
|
|
<form class="register-form" action="./post.php" method="post">
|
|
|
|
<input type="hidden" name="newUser" value="true">
|
2019-01-02 18:00:16 +01:00
|
|
|
<div class="login">
|
|
|
|
<div for="login"class="userExist infoRules">L'utilisateur existe déja !</div>
|
|
|
|
<div for="login" class="ruleExcept infoRules">le login comporte entre 8 et 16 caractères parmi a..z</div>
|
|
|
|
<input type="text" name="login" placeholder="name"/>
|
|
|
|
</div>
|
|
|
|
<div class="datene"><input type="date" name="datene" placeholder="date de naisance"/></div>
|
|
|
|
<div class="email"><input type="text" name="email" placeholder="email address"/></div>
|
|
|
|
<div class="pw">
|
|
|
|
<div for"pw" class="infoRules">le mot de passe comporte entre 8 et 16 caractères parmi a..z A..Z 0..9</div>
|
|
|
|
<input type="password" name="pw" placeholder="password"/></div>
|
2019-01-02 19:50:36 +01:00
|
|
|
<div class="pw2"><input type="password" name="pw2" placeholder="retape password"/></div>
|
|
|
|
<button class="createUser">create</button>
|
2019-01-02 18:00:16 +01:00
|
|
|
<p class="message">Already registered? <a href="#">Sign In</a></p>
|
|
|
|
</form>
|
2019-01-02 19:50:36 +01:00
|
|
|
<form class="login-form" action="./control/login.php" method="post">
|
|
|
|
<input name="login" type="text" placeholder="username"/>
|
|
|
|
<input name="pw" type="password" placeholder="password"/>
|
|
|
|
|
2019-01-02 18:00:16 +01:00
|
|
|
<button>login</button>
|
2019-01-02 19:50:36 +01:00
|
|
|
<button onclick="window.location.href='?page=table';return false;">Enter withouth login</button>
|
2019-01-02 18:00:16 +01:00
|
|
|
<p class="message">Not registered? <a href="#">Create an account</a></p>
|
|
|
|
</form>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<script type="text/javascript">
|
|
|
|
$('.message a').click(function(){
|
|
|
|
$('form').animate({height: "toggle", opacity: "toggle"}, "slow");
|
|
|
|
});</script>
|
|
|
|
</body>
|
|
|
|
</html>
|