nfsw/templates/login.html: Restructure.

1 files changed, 35 insertions, 19 deletions

diff --git a/nfsw/templates/login.html b/nfsw/templates/login.html
index 4e523bf..443e844 100644
--- a/nfsw/templates/login.html
+++ b/nfsw/templates/login.html
@@ -3,27 +3,43 @@
 {% block title %}Login{% endblock %}
 
 {% block content %}
-<div class="msg-block">
-    <div class="content">
-        {% for m in get_flashed_messages() %}
-        <p>{{ m }}</p>
-        {% endfor %}
-    </div>
-</div>
 
-<form class="login" method="post">
-    <div class="form-group">
-        <label for="username">Username</label>
-        <input name="username" class="username" required>
-    </div>
+<div  class="auth-grid">
+    <div class="auth-grid-item">
+        <header>
+            <h1>NFSW - Login</h1>
+        </header>
 
-    <div class="form-group">
-        <label for="password">Password</label>
-        <input type="password" name="password" class="password" required>
-    </div>
+        <div class="msg-block">
+            <div class="content">
+                {% for m in get_flashed_messages() %}
+                <p>{{ m }}</p>
+                {% endfor %}
+            </div>
+        </div>
+
+        <form class="login" method="post">
+            <div class="form-group">
+                <label for="username">Username</label>
+                <input type="text" id="username"
+                       name="username" class="username" required>
+            </div>
 
-    <div class="button-group">
-        <input type="submit" value="Login">
+            <div class="form-group">
+                <label for="password">Password</label>
+                <input type="password" id="password"
+                       name="password" class="password" required>
+            </div>
+
+            <div class="button-group">
+                <input type="submit" value="Login">
+            </div>
+        </form>
     </div>
-</form>
+</div>
+
+{% endblock %}
+
+{% block css %}
+<link rel="stylesheet" href="{{ url_for('static', filename='auth.css') }}">
 {% endblock %}