diff --git a/lumbung.space/login/login.ftl b/lumbung.space/login/login.ftl index dcace58..9fdafa1 100755 --- a/lumbung.space/login/login.ftl +++ b/lumbung.space/login/login.ftl @@ -1,7 +1,27 @@ <#import "template.ftl" as layout> <@layout.registrationLayout displayMessage=!messagesPerField.existsError('username','password') displayInfo=realm.password && realm.registrationAllowed && !registrationDisabled??; section> <#if section = "header"> - ${msg("loginAccountTitle")} +
+ +
${msg("loginAccountTitle")}
+
<#elseif section = "form">
@@ -57,7 +77,7 @@
value="${auth.selectedCredential}"/> - +
diff --git a/lumbung.space/login/messages/messages_en.properties b/lumbung.space/login/messages/messages_en.properties index ad3b3d7..1ba5319 100755 --- a/lumbung.space/login/messages/messages_en.properties +++ b/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 diff --git a/lumbung.space/login/resources/assets/lumbung-space-logo.svg b/lumbung.space/login/resources/assets/lumbung-space-logo.svg new file mode 100644 index 0000000..db16486 --- /dev/null +++ b/lumbung.space/login/resources/assets/lumbung-space-logo.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/lumbung.space/login/resources/css/login.css b/lumbung.space/login/resources/css/login.css index f2c8a69..649c662 100644 --- a/lumbung.space/login/resources/css/login.css +++ b/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; + } } - ....... -} \ No newline at end of file diff --git a/lumbung.space/login/resources/fonts/gudea-bold.woff2 b/lumbung.space/login/resources/fonts/gudea-bold.woff2 new file mode 100644 index 0000000..e27401b Binary files /dev/null and b/lumbung.space/login/resources/fonts/gudea-bold.woff2 differ diff --git a/lumbung.space/login/resources/fonts/gudea-italic.woff2 b/lumbung.space/login/resources/fonts/gudea-italic.woff2 new file mode 100644 index 0000000..ed7ac6b Binary files /dev/null and b/lumbung.space/login/resources/fonts/gudea-italic.woff2 differ diff --git a/lumbung.space/login/resources/fonts/gudea.woff2 b/lumbung.space/login/resources/fonts/gudea.woff2 new file mode 100644 index 0000000..90d5f2a Binary files /dev/null and b/lumbung.space/login/resources/fonts/gudea.woff2 differ