Commit 2168cee0ef7e8b91377b689e777da38471892218

Update login template to new bootstrap
  • mouchak/templates/login.html 106 ---------------------------------------------------------------+++++++++++++++++++++++++++++++++++++++++++
  • Diff rendering mode:
  • inline
  • side by side

mouchak/templates/login.html

1<!DOCTYPE html>
2<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
3<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
4<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
5<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
6 <head>
7 <meta charset="utf-8">
8 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
9 <title> Mouchak | Login</title>
10 <meta name="description" content="">
11 <meta name="viewport" content="width=device-width">
1{% extends "base.html" %}
2{% block head %}
3<style type="text/css">
4 .form-wrapper {
5 width: 500px;
6 margin: 100px auto;
7 padding: 30px;
8 }
9</style>
10{% endblock %}
1211
13 <!-- Place favicon.ico in the root directory -->
14
15 <link rel="stylesheet" href="{{url_for('static', filename='css/normalize.css')}}">
16 <link rel="stylesheet" href="{{url_for('static', filename='css/bootstrap.min.css')}}">
17 <style type="text/css">
18 .form-wrapper {
19 height: 300px;
20 width: 500px;
21 margin: 100px auto;
22 padding: 30px;
23 }
24 </style>
25 </head>
26 <body>
27 <!--[if lt IE 7]>
28 <p class="chromeframe">You are using an outdated browser. <a href="http://browsehappy.com/">Upgrade your browser today</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
29 <![endif]-->
30
31 <div class="container" id="container">
32 <div class="form-wrapper well">
33 {% if error %}
34 <div class="alert alert-error"><b>Error:</b> {{ error }} </div>
35 {% endif %}
36 <h3> Mouchak Login </h3>
37 <p class="lead"> Please enter admin credentials to login</p>
38 <form class="form-horizontal" action="{{ url_for('login') }}" method="POST">
39 <div class="control-group">
40 <label class="control-label" for="inputUsername">Username</label>
41 <div class="controls">
42 <input type="text" id="inputUsername" name="username" placeholder="Username">
43 </div>
44 </div>
45 <div class="control-group">
46 <label class="control-label" for="inputPassword">Password</label>
47 <div class="controls">
48 <input type="password" id="inputPassword" name="password" placeholder="Password">
49 </div>
50 </div>
51 <div class="control-group">
52 <div class="controls">
53 <!--label class="checkbox">
54 <input type="checkbox"> Remember me
55 </label-->
56 <button type="submit" class="btn btn-primary">Login</button>
57 </div>
58 </div>
59 <div class="clearfix"></div>
60 </form>
12{% block body %}
13<div class="container" id="container">
14 <div class="form-wrapper well">
15 {% if error %}
16 <div class="alert alert-danger"><b>Error:</b> {{ error }} </div>
17 {% endif %}
18 <h3> Mouchak Login </h3>
19 <p class="lead"> Please enter admin credentials to login</p>
20 <form class="form-horizontal" action="{{ url_for('login') }}" method="POST">
21 <div class="form-group">
22 <label class="form-label" for="inputUsername">Username</label>
23 <div class="controls">
24 <input type="text" class="form-control" id="inputUsername" name="username" placeholder="Username">
25 </div>
61 </div>26 </div>
62 </div>
63 </body>
64</html>
27 <div class="form-group">
28 <label class="form-label" for="inputPassword">Password</label>
29 <div class="controls">
30 <input type="password" class="form-control" id="inputPassword" name="password" placeholder="Password">
31 </div>
32 </div>
33 <div class="form-group">
34 <div class="controls">
35 <!--label class="checkbox">
36 <input type="checkbox"> Remember me
37 </label-->
38 <button type="submit" class="btn btn-primary btn-lg">Login</button>
39 </div>
40 </div>
41 <div class="clearfix"></div>
42 </form>
43 </div>
44</div>
45{% endblock %}