diff options
| author | Thibaut Horel <thibaut.horel@gmail.com> | 2018-12-27 10:13:29 -0500 |
|---|---|---|
| committer | Thibaut Horel <thibaut.horel@gmail.com> | 2018-12-27 10:13:29 -0500 |
| commit | 0adcee59a57178dc7706a43a15aa5b90fe1cb1ee (patch) | |
| tree | 565a730e9952c431452f0f83de88f7ba2608242b /templates/login.tmpl | |
| parent | b953a2c81fa8a66a58a9c0ec185da48ce853e8d9 (diff) | |
| download | id-0adcee59a57178dc7706a43a15aa5b90fe1cb1ee.tar.gz | |
WIP: add login template
Diffstat (limited to 'templates/login.tmpl')
| -rw-r--r-- | templates/login.tmpl | 49 |
1 files changed, 49 insertions, 0 deletions
diff --git a/templates/login.tmpl b/templates/login.tmpl new file mode 100644 index 0000000..bb97d2e --- /dev/null +++ b/templates/login.tmpl @@ -0,0 +1,49 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <title></title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> + <meta name="viewport" content="width=device-width, initial-scale=1" /> +<style> +body{width:400px; margin: 0 auto; font-family: "Source Sans Pro"; font-size: 15px} +form{margin-top: 10em} +form hr{border: none; border-top: 1px solid #e6e6e6; margin: 1.5em 0} +form h4{font-weight: 300; font-size: 19px} +label {font-weight: bold} +input {border: 1px solid #cccccc; border-radius: 0; height:1em; padding: 1em; + transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; + -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; } +input:focus { border-color: #66afe9; outline: 0; + -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6); + box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);} +button { height: 1em; padding: 1em; border: 1px solid #2780e3; border-radius: + 0; vertical-align: middle; text-align: center; background-color: #2780e3; +line-height: 1em; color: white; font-size: inherit; font-family: inherit;} +</style> + </head> + <body> + +<form action="/login" role="form" method="post"> + <h4>Connexion</h4> + <hr> + <div> + <label for="name">Nom :</label> + <input type="text" id="name" name="username" placeholder="Prénom"/> + </div> + <div> + <label for="password">Mot de passe :</label> + <input type="password" id="password" name="password" placeholder="Mot de passe"/> + </div> + <div> + <button type="submit" name="login">Se Connecter</button> + </div> + <hr> +</form> + +<div class="alert alert-danger" role="alert"> + <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"> + </span> +</div> + + </body> +</html> |