diff --git a/assets/fonts/Luckiest Guy.ttf b/assets/fonts/Luckiest Guy.ttf new file mode 100644 index 0000000..01b535a Binary files /dev/null and b/assets/fonts/Luckiest Guy.ttf differ diff --git a/files/keycloak/themes/pvjjk-tjas/login/resources/css/pvjjk-tjas.css b/files/keycloak/themes/pvjjk-tjas/login/resources/css/pvjjk-tjas.css new file mode 100644 index 0000000..8d0a2c9 --- /dev/null +++ b/files/keycloak/themes/pvjjk-tjas/login/resources/css/pvjjk-tjas.css @@ -0,0 +1,56 @@ +body { + background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("https://christerwaren.fi/files/ai-generated-9087010-2.jpg") !important; + background-color: #111111; + background-repeat: no-repeat; + background-position: center; + background-size: cover !important; +} + +@font-face { + font-family: "Luckiest Guy"; + src: url('../fonts/Luckiest Guy.ttf'); +} + +#kc-header-wrapper { + font-family: "Luckiest Guy", sans-serif; +} + +div.kc-logo-text.kc-logo-custom { + background-image: url(../img/logo.svg); + background-position: center; +} + +@media (max-width: 767px){ + #kc-header { + text-align: center; + } + + #kc-header-wrapper { + color: inherit; + font-size: 29px; + padding: 62px 10px 20px; + } + + div.kc-logo-text { + height: 63px; + width: 300px; + margin: auto; + } + + .login-pf body { + background: url("https://christerwaren.fi/files/ai-generated-9087010-2.jpg") no-repeat center center fixed; + } + + .login-pf-page { + margin: 20px; + } + + .login-pf-page .card-pf { + max-width: 500px; + margin-left: auto; + margin-right: auto; + padding-top: 10px; + border-top: 4px solid; + border-color: var(--pf-global--primary-color--100); + } +} diff --git a/files/keycloak/themes/pvjjk-tjas/login/resources/fonts/Luckiest Guy.ttf b/files/keycloak/themes/pvjjk-tjas/login/resources/fonts/Luckiest Guy.ttf new file mode 100644 index 0000000..01b535a Binary files /dev/null and b/files/keycloak/themes/pvjjk-tjas/login/resources/fonts/Luckiest Guy.ttf differ diff --git a/files/keycloak/themes/pvjjk-tjas/login/resources/img/logo.svg b/files/keycloak/themes/pvjjk-tjas/login/resources/img/logo.svg new file mode 100644 index 0000000..6e07e25 --- /dev/null +++ b/files/keycloak/themes/pvjjk-tjas/login/resources/img/logo.svg @@ -0,0 +1,273 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/files/keycloak/themes/pvjjk-tjas/login/theme.properties b/files/keycloak/themes/pvjjk-tjas/login/theme.properties new file mode 100644 index 0000000..c1ea23c --- /dev/null +++ b/files/keycloak/themes/pvjjk-tjas/login/theme.properties @@ -0,0 +1,2 @@ +parent=keycloak +styles=css/login.css css/tile.css css/pvjjk-tjas.css diff --git a/files/keycloak/themes/pvjjk-tjas/welcome/index.ftl b/files/keycloak/themes/pvjjk-tjas/welcome/index.ftl new file mode 100755 index 0000000..bc3516b --- /dev/null +++ b/files/keycloak/themes/pvjjk-tjas/welcome/index.ftl @@ -0,0 +1,32 @@ + + + + PVJJK TJAS - SSO + + + + + + + <#if properties.styles?has_content> + <#list properties.styles?split(' ') as style> + + + + + + +
+

TJAS

+

Single Sign-On

+
+
+ Administration Console +
+ Account Management +
+ + + diff --git a/files/keycloak/themes/pvjjk-tjas/welcome/resources/css/pvjjk-tjas.css b/files/keycloak/themes/pvjjk-tjas/welcome/resources/css/pvjjk-tjas.css new file mode 100644 index 0000000..89d8ca3 --- /dev/null +++ b/files/keycloak/themes/pvjjk-tjas/welcome/resources/css/pvjjk-tjas.css @@ -0,0 +1,61 @@ +body { + background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("https://christerwaren.fi/files/ai-generated-9087010-2.jpg") !important; + align-items: center; + justify-content: center; + width: 100vw; + height: 100vh; + text-align: center; +} + +*, *:active, *:focus, *:hover, *:visited, *:link { + color: #ffffff; + text-decoration: none; + font-family: "Luckiest Guy", sans-serif; +} + +@font-face { + font-family: "Luckiest Guy"; + src: url('../fonts/Luckiest Guy.ttf'); +} + +body, main { + display: flex; + flex-direction: column; +} + +p, main a { + font-weight: bold; + font-size: 1.5em; +} + +h1 { + font-size: 3em; + margin-bottom: 0; + background-image: url(../img/logo.svg); + background-repeat: no-repeat; + background-position: center; + background-size: contain; + color: transparent !important; +} + +p { + margin: 0; +} + +hr { + width: 100%; + margin: 0; +} + +main { + margin-top: 50px; + margin-bottom: 50px; +} + +main a { + padding: 10px 20px; +} + +main a:hover { + background-color: #ffffff14; +} diff --git a/files/keycloak/themes/pvjjk-tjas/welcome/resources/fonts/Luckiest Guy.ttf b/files/keycloak/themes/pvjjk-tjas/welcome/resources/fonts/Luckiest Guy.ttf new file mode 100644 index 0000000..01b535a Binary files /dev/null and b/files/keycloak/themes/pvjjk-tjas/welcome/resources/fonts/Luckiest Guy.ttf differ diff --git a/files/keycloak/themes/pvjjk-tjas/welcome/resources/img/logo.svg b/files/keycloak/themes/pvjjk-tjas/welcome/resources/img/logo.svg new file mode 100644 index 0000000..6e07e25 --- /dev/null +++ b/files/keycloak/themes/pvjjk-tjas/welcome/resources/img/logo.svg @@ -0,0 +1,273 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/files/keycloak/themes/pvjjk-tjas/welcome/theme.properties b/files/keycloak/themes/pvjjk-tjas/welcome/theme.properties new file mode 100755 index 0000000..22404f0 --- /dev/null +++ b/files/keycloak/themes/pvjjk-tjas/welcome/theme.properties @@ -0,0 +1,3 @@ +parent=keycloak +styles=css/pvjjk-tjas.css +redirectToAdmin=false