From: Michael Tremer <michael.tremer@ipfire.org>
Date: Sat, 1 Sep 2018 13:03:28 +0000 (+0100)
Subject: Redesign login page
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=6a2f18b869651a0a09f35a386ff7d40684f11415;p=ipfire.org.git

Redesign login page

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>
---

diff --git a/src/templates/auth/login.html b/src/templates/auth/login.html
index 046186e5..5bf91c75 100644
--- a/src/templates/auth/login.html
+++ b/src/templates/auth/login.html
@@ -1,30 +1,33 @@
 {% extends "../base.html" %}
 
-{% block title %}{{ _("Log in") }}{% end block %}
-
-{% block body %}
-<div class="container">
-	<section class="features-content col-12">
-		
-		<div class="row">
-			<div class="col-md-6 offset-md-3">
-				<h3>{{ _("Log In") }}</h3>
-			</div>
-		</div>
-		
-		<div class="row">
-			<div class="col-md-6 offset-md-3">
-				<form action="" method="POST">
-					<input type="text" class="form-control" id="inputUsername"
-						name="username" placeholder="{{ _("Username") }}" required autofocus>
-					<input type="password" class="form-control" id="inputPassword"
-						name="password" placeholder="{{ _("Password") }}" required>
-					<br>
-					<button type="submit" class="btn btn-primary">{{ _("Log in") }}</button>
-					{% raw xsrf_form_html() %}
-				</form>
+{% block title %}{{ _("Log In") }}{% end block %}
+
+{% block content %}
+	<div class="row justify-content-center my-5">
+		<div class="col col-md-4">
+			<div class="card">
+				<div class="card-body">
+					<h5 class="card-title text-center mb-4">{{ _("Log In") }}</h5>
+
+					<form action="" method="POST">
+						{% raw xsrf_form_html() %}
+
+						<input type="hidden" name="next" value="{{ next }}">
+
+						<input type="text" class="form-control form-control-lg"
+							name="username" placeholder="{{ _("Username") }}" required autofocus>
+
+						<input type="password" class="form-control form-control-lg"
+							name="password" placeholder="{{ _("Password") }}" required>
+
+						<br>
+
+						<button type="submit" class="btn btn-primary btn-block">
+							{{ _("Log in") }}
+						</button>
+					</form>
+				</div>
 			</div>
 		</div>
-	</section>
-</div>
+	</div>
 {% end block %}