Use contours on all login pages

Author: tariqksoliman

public/images/contours.png

@@ -3,8 +3,13 @@
   src: url(/public/fonts/sourcesanspro/SourceSansPro-Regular.ttf);
 }
 
-body,
 html {
+  padding: 0;
+  margin: 0;
+}
+
+body {
+  background-image: url(/public/images/contours.png);
   font-family: "Source Sans Pro", sans-serif;
   background-color: #1a1a1a;
   padding: 0;
@@ -202,4 +207,4 @@ img {
 #toggle:hover {
   background: #08aeea;
   color: white;
-}
+}

public/login.css

@@ -89,9 +89,10 @@ function login() {
   }
 }
 function toggle() {
-  if (toggleState == "login") {
+  if (toggleState === "login") {
     document.getElementById("container").style.height = "635px";
     document.getElementById("login").innerHTML = "Sign Up";
+    document.getElementById("toggle").innerHTML = "Or Log In";
 
     document.getElementById("email_label").style.display = "block";
 
@@ -105,7 +106,8 @@ function toggle() {
     toggleState = "signup";
   } else {
     document.getElementById("container").style.height = "440px";
-    document.getElementById("login").innerHTML = "Sign In";
+    document.getElementById("login").innerHTML = "Log In";
+    document.getElementById("toggle").innerHTML = "Or Sign Up";
 
     document.getElementById("email_label").style.display = "none";
 

public/login.js

@@ -3,8 +3,13 @@
   src: url(/public/fonts/sourcesanspro/SourceSansPro-Regular.ttf);
 }
 
-body,
 html {
+  padding: 0;
+  margin: 0;
+}
+
+body {
+  background-image: url(/public/images/contours.png);
   font-family: "Source Sans Pro", sans-serif;
   background-color: #1a1a1a;
   padding: 0;

public/resetPassword.css

@@ -16,7 +16,7 @@ html(lang='en')
       span#msg.error
       form.box(name='form1')
         h4
-          | Sign in
+          | Log in
           span to your account.
         h5 If you do not have an account,<br>sign up or request one from your administrator.
         label#username_label(for="username" style="position: absolute; color: #a1a4ad; top: 203px; left: 50%; transform: translateX(-50%); background: #1c1c1c; border-radius: 10px; font-size: 14px; width: 100px; text-align: center;") Username
@@ -29,7 +29,7 @@ html(lang='en')
         div#pwd_description Must be at least 8 characters long and contain at least: 1 uppercase letter, 1 lowercase letter, 1 number and 1 symbol.
         label#pwd_retype_label(for="pwd_retype" style="position: absolute; color: #a1a4ad; top: 464px; left: 50%; transform: translateX(-50%); background: #1c1c1c; border-radius: 10px; font-size: 14px; width: 120px; text-align: center;") Retype Password
         input#pwd_retype(type='password' name='password' placeholder='Retype Password' autocomplete='off')
-        div#login.btn1(onClick='login()' title='Log in to MMGIS!') Sign in
+        div#login.btn1(onClick='login()' title='Log in to MMGIS!') Log In
         div#toggleWrapper
           div#toggle(onClick='toggle()') Or Sign Up
     .footer(style='position: absolute; bottom: 0; padding: 44px; box-sizing: border-box; width: 100%; color: #adadad; font-size: 14px; display: flex; justify-content: flex-end; text-align: end;')