lumbung.space/login/messages/messages_en.properties

@@ -1,4 +1,4 @@
-doLogIn=Sign In
+doLogIn=sign in
 doRegister=Register
 doCancel=Cancel
 doSubmit=Submit
@@ -22,7 +22,7 @@ kerberosNotConfiguredTitle=Kerberos Not Configured
 bypassKerberosDetail=Either you are not logged in by Kerberos or your browser is not set up for Kerberos login.  Please click continue to login in through other means
 kerberosNotSetUp=Kerberos is not set up.  You cannot login.
 registerTitle=Register
-loginAccountTitle=Sign in to lumbung.space
+loginAccountTitle= sign in to
 loginTitle=Sign in to {0}
 loginTitleHtml={0}
 impersonateTitle={0} Impersonate User
@@ -58,14 +58,14 @@ consentDenied=Consent denied.
 
 noAccount=New user?
 username=Username
-usernameOrEmail=Username or email
+usernameOrEmail=username or email
 firstName=First name
 givenName=Given name
 fullName=Full name
 lastName=Last name
 familyName=Family name
 email=Email
-password=Password
+password=password
 passwordConfirm=Confirm password
 passwordNew=New Password
 passwordNewConfirm=New Password confirmation

lumbung.space/login/resources/css/login.css

@@ -1,9 +1,29 @@
-body {
-
-  font-size:1.3em;
-  font-family: sans-serif;
-  
+@font-face {
+  font-family: Gudea;
+  font-style: normal;
+  font-weight: 400;
+  src: url(../fonts/gudea.woff2) format("woff2");
 }
+
+@font-face {
+  font-family: Gudea;
+  font-style: italic;
+  font-weight: 400;
+  src: url(../fonts/gudea-italic.woff2) format("woff2");
+}
+
+@font-face {
+  font-family: Gudea;
+  font-style: bold;
+  font-weight: 700;
+  src: url(../fonts/gudea-bold.woff2) format("woff2");
+}
+
+body {
+  font-size:1.3em;
+  font-family: Gudea sans-serif;
+}
+
 a {
     color: #1B4C8A;
  }
@@ -13,9 +33,6 @@ a {
         border:2px solid black;
         max-width:500px;
         margin:auto;
-        box-shadow:1em 1em 0 #d2d1c8;
-        background-color: #fff09d;
-        transform: rotate(-1deg);
         margin-top: 2em;
 }
 
@@ -23,29 +40,33 @@ a {
     display: flex;
 }
 
-.card-pf #kc-content #kc-content-wrapper {
-  padding: 1em;
-
-}
-
 /*Login form */
 
 .login-pf-header {
-  border-bottom: 2px solid black;
+  background-color: #BCE1D1;
+  height: 3.6em;
 }
 
 
+.header-container {
+  display: flex;
+  flex-direction: column;
+  margin-top: -3em;
+}
+
+.logo {
+  background-color: white;
+  border: 1px solid black;
+  margin-left: 5.5em;
+  transform: rotate(5deg);
+}
+
 #kc-page-title {
-  border-right: 2px solid black;
-  margin: 0;
-  padding: 0.2em;
-  padding-left: 0.5em;
-  padding-right: 0.5em;
+  margin-left: 0.75em;
   font-size: 1em;
   display: inline-block;
-  text-transform: uppercase;
-
-
+  height: 100%;
+  font-weight: normal;
 }
 
 #kc-form-wrapper {
@@ -63,7 +84,6 @@ a {
 .form-group {
   font-size: 14px;
   margin: 10px auto;
-  border:2px solid #0e0e22;
   width: 440px;
   display: flex;
   flex-direction: column;
@@ -86,22 +106,35 @@ a {
 }
 
 .form-group label {
-  font-weight: bold;
-  padding: 0.5em;
+  padding-bottom: 0.5em;
 }
 
 #kc-form-buttons {
-  margin: 0;
-  align-self: end;
-  margin-top: 1em;
-  }
+  all: unset;
+  display: inline-block;
+  width: 100%;
+  height: 2em;
+  align-self: center;
+  background-color: #AFAFAF;
+  border-top: 2px solid black;
+}
+
+.login-button {
+  all: unset;
+  display: block;
+  border: none;
+  color: #FFFFFF;
+  font-size: 1em;
+  font-weight: bold;
+  margin: auto;
+  padding: 0.3em;
+}
 
 .pf-c-form-control {
   border: none;
   padding: 5px 5px 5px 5px;
-  border-top: 2px solid black;
+  border: 2px solid black;
   flex-grow: 1;
-
 }
 
 /*OTP Login*/
@@ -190,20 +223,12 @@ div#kc-username:before{
 
 @media screen and (max-width: 530px) {
 
+  #kc-page-title {
+    border: unset;
+  }
 
-.card-pf {
-    transform: initial;
-    box-shadow: unset;
-    width: 100%;
-}
-
-#kc-page-title {
-  border: unset;
-}
-
-#kc-register-form {
+  #kc-register-form {
     margin: unset;
     margin-bottom: 1.5em;
+  }
 }
-    .......
-}