From 6a7a67c3911a81093e7555de921184b74b15a29b Mon Sep 17 00:00:00 2001 From: Imran Hussain <imranh@sucs.org> Date: Fri, 1 Nov 2019 10:28:36 +0000 Subject: [PATCH] Tweak login form(s) to have a better UX --- public/index.php | 20 +++++++++++++++----- 1 file changed, 15 insertions(+), 5 deletions(-) diff --git a/public/index.php b/public/index.php index 455f23f..746f124 100755 --- a/public/index.php +++ b/public/index.php @@ -132,7 +132,7 @@ if ( isset($_POST["username"]) && isset($_POST["password"]) && !$RATELIMITED ) { <div class="h-100 container justify-content-center text-center"> <div class="h-100 row d-flex justify-content-center align-items-center"> <div class="col-8"> - <div class="card mb-4"> + <div class="card mb-4 mt-4"> <?php @@ -155,12 +155,24 @@ if ($RATELIMITED) { print(' <div class="card-body"> <h4 class="card-title">🔑</h4> - <p class="card-text">Hello stranger!</p> + <p class="card-text">Hello stranger! Try your SUCS Login</p> <form method="post"> <div class="form-group"> - <input type="text" name="username" size="15" class="form-control" placeholder="Enter SUCS or ISS username" /><br /> + <input type="text" name="username" size="15" class="form-control" placeholder="Enter SUCS username" /><br /> <input type="password" name="password" size="15" class="form-control" placeholder="Enter password" /><br /> <input type="submit" class="btn btn-primary" value="SUCS Login" /> + </div> + </form> + </div> + </div> + <div class="card mb-4"> + <div class="card-body"> + <h4 class="card-title">🔑</h4> + <p class="card-text">Hello stranger! Try your ISS Login</p> + <form method="post"> + <div class="form-group"> + <input type="text" name="username" size="15" class="form-control" placeholder="Enter ISS username (student number)" /><br /> + <input type="password" name="password" size="15" class="form-control" placeholder="Enter password" /><br /> <input type="submit" class="btn btn-primary" value="ISS Login" /> </div> </form> @@ -180,7 +192,6 @@ if ($RATELIMITED) { <div class="form-group"> <input type="text" name="username" size="15" class="form-control" placeholder="Enter ISS username" /><br /> <input type="password" name="password" size="15" class="form-control" placeholder="Enter password" /><br /> - <input type="submit" class="btn btn-primary" value="SUCS Login" disabled/> <input type="submit" class="btn btn-primary" value="ISS Login" /> </div> </form> @@ -202,7 +213,6 @@ if ($RATELIMITED) { <input type="text" name="username" size="15" class="form-control" placeholder="Enter SUCS username" /><br /> <input type="password" name="password" size="15" class="form-control" placeholder="Enter password" /><br /> <input type="submit" class="btn btn-primary" value="SUCS Login" /> - <input type="submit" class="btn btn-primary" value="ISS Login" disabled/> </div> </form> </div> -- GitLab