Add login & welcome theme

2022-06-16 11:35:20 +03:00 · 2022-06-16 11:35:20 +03:00 · 6ec14dc919
commit 6ec14dc919
parent 2c8f83cfbb
13 changed files with 153 additions and 0 deletions
--- a/cwchristerw/login/resources/css/cwchristerw.css
+++ b/cwchristerw/login/resources/css/cwchristerw.css
@ -0,0 +1,56 @@
+body {
+    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../img/galaxy-2643089-low.jpg") !important;
+    background-color: #111111;
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: cover !important;
+}
+
+@font-face {
+    font-family: "Akashi";
+    src: url('../fonts/Akashi.ttf');
+}
+
+#kc-header-wrapper {
+    font-family: "Akashi", sans-serif;
+}
+
+@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("../img/keycloak-bg.png") 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);
+    }
+}
+
+#social-warengroup .kc-social-provider-name, #social-cwchristerw .kc-social-provider-name {
+    font-family: "Akashi", sans-serif;
+    color: #000000;
+}
--- a/cwchristerw/login/resources/fonts/Akashi.ttf
+++ b/cwchristerw/login/resources/fonts/Akashi.ttf
--- a/cwchristerw/login/resources/img/favicon.ico
+++ b/cwchristerw/login/resources/img/favicon.ico
--- a/cwchristerw/login/resources/img/galaxy-2643089-low.jpg
+++ b/cwchristerw/login/resources/img/galaxy-2643089-low.jpg
--- a/cwchristerw/login/resources/img/galaxy-2643089.jpg
+++ b/cwchristerw/login/resources/img/galaxy-2643089.jpg
--- a/cwchristerw/login/theme.properties
+++ b/cwchristerw/login/theme.properties
@ -0,0 +1,2 @@
+parent=keycloak
+styles=css/login.css css/tile.css css/cwchristerw.css
--- a/cwchristerw/welcome/index.ftl
+++ b/cwchristerw/welcome/index.ftl
@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Christer Warén - SSO</title>
+
+    <meta charset="utf-8">
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <meta name="robots" content="noindex, nofollow">
+
+    <link rel="shortcut icon" href="${resourcesPath}/img/favicon.ico" />
+
+    <#if properties.styles?has_content>
+        <#list properties.styles?split(' ') as style>
+            <link href="${resourcesPath}/${style}" rel="stylesheet" />
+        </#list>
+    </#if>
+</head>
+
+<body>
+    <header>
+        <h1>Christer Warén</h1>
+        <p>Single Sign-On</p>
+    </header>
+    <main>
+        <a href="admin">Administration Console</a>
+        <hr>
+        <a href="https://christerwaren.fi">Website</a>
+    </main>
+    <footer>
+        <p class="copyright">&copy;2022 <a href="https://christerwaren.fi">Christer Warén</a></p>
+    </footer>
+</body>
+</html>
--- a/cwchristerw/welcome/resources/css/cwchristerw.css
+++ b/cwchristerw/welcome/resources/css/cwchristerw.css
@ -0,0 +1,60 @@
+body {
+    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../img/galaxy-2643089-low.jpg") !important;
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: cover !important;
+    background-color: #111111;
+    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: "Akashi", sans-serif;
+}
+
+@font-face {
+    font-family: "Akashi";
+    src: url('../fonts/Akashi.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;
+}
+
+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;
+}
--- a/cwchristerw/welcome/resources/fonts/Akashi.ttf
+++ b/cwchristerw/welcome/resources/fonts/Akashi.ttf
--- a/cwchristerw/welcome/resources/img/favicon.ico
+++ b/cwchristerw/welcome/resources/img/favicon.ico
--- a/cwchristerw/welcome/resources/img/galaxy-2643089-low.jpg
+++ b/cwchristerw/welcome/resources/img/galaxy-2643089-low.jpg
--- a/cwchristerw/welcome/resources/img/galaxy-2643089.jpg
+++ b/cwchristerw/welcome/resources/img/galaxy-2643089.jpg
--- a/cwchristerw/welcome/theme.properties
+++ b/cwchristerw/welcome/theme.properties
@ -0,0 +1,2 @@
+parent=keycloak
+styles=css/cwchristerw.css