diff options
| -rw-r--r-- | static/main.css | 6 | ||||
| -rw-r--r-- | templates/login.html | 41 |
2 files changed, 34 insertions, 13 deletions
diff --git a/static/main.css b/static/main.css index b1ac6ed..e7e3f01 100644 --- a/static/main.css +++ b/static/main.css @@ -14,9 +14,13 @@ } article > header { - margin-bottom: 2em; + margin-bottom: 2em; } nav .fa { margin-left: 1em; } + +.login { + margin:10em auto +}
\ No newline at end of file diff --git a/templates/login.html b/templates/login.html index d2bb8cb..5e2af32 100644 --- a/templates/login.html +++ b/templates/login.html @@ -1,16 +1,33 @@ {% extends "layout.html" %} {%block title %}Connexion{% endblock %} {% block body %} - <form id = "connection" action="{{ url_for('login') }}" method="post"> - <fieldset> - <legend>Connexion</legend> - <p> - <label for="name">Nom : </label> - <input type="text" id="name" name=username /><br/> - <label for="password">Mot de passe : </label> - <input type="password" id="password" name=password /><br/> - </p> - <p class="submit"><input type="submit" value="Se connecter"/></p> - {% if error %}<p class=error><strong>Erreur:</strong> {{ error }}</p>{% endif %} - </form> +<div class="row login"> + <div class="col-md-offset-4 col-md-6"> + <form id = "connection" action="{{ url_for('login') }}" role="form" + class="form-horizontal" method="post"> + <h4>Connexion</h4> + <div class="form-group"> + <label for="name" class="col-md-2">Nom : </label> + <div class="col-md-4"> + <input type="text" id="name" class="form-control" + name="username" placeholder="Prénom"/> + </div> + </div> + <div class="form-group"> + <label for="password" class="col-md-2">Mot de passe : </label> + <div class="col-md-4"> + <input type="password" id="password" class="form-control" + name="password" placeholder="Mot de passe"/> + </div> + </div> + <div class="col-md-offset-2"> + <button type="submit" class="btn btn-primary" name="login"> + Se Connecter + </button> + </div> + {% if error %} + <p class=error><strong>Erreur:</strong> {{ error }}</p>{% endif %} + </form> + </div> +</div> {% endblock %} |