Add welcome theme

2022-06-16 11:40:45 +03:00
parent 9919412740
commit 196cad67ae
3 changed files with 96 additions and 0 deletions
--- a/warengroup/welcome/index.ftl
+++ b/warengroup/welcome/index.ftl
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Warén Group - 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>Warén Group</h1>
+        <p>Single Sign-On</p>
+    </header>
+    <main>
+        <a href="admin">Administration Console</a>
+        <hr>
+        <a href="https://waren.io">Website</a>
+    </main>
+    <footer>
+        <p class="copyright">&copy;2022 <a href="https://waren.io">Warén Group</a></p>
+    </footer>
+</body>
+</html>
--- a/warengroup/welcome/resources/css/warengroup.css
+++ b/warengroup/welcome/resources/css/warengroup.css
@@ -0,0 +1,61 @@
+body {
+    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-face {
+    font-family: "Akashi";
+    src: url('../fonts/Akashi.ttf');
+}
+
+body, main {
+    display: flex;
+    flex-direction: column;
+}
+
+p, main a {
+    font-family: "Akashi", sans-serif;
+    font-weight: bold;
+    font-size: 1.5em;
+}
+
+h1 {
+    font-size: 3em;
+    margin-bottom: 0;
+    background-image: url(../img/logo-light.svg);
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: contain;
+    color: transparent;
+}
+
+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/warengroup/welcome/theme.properties
+++ b/warengroup/welcome/theme.properties
@@ -0,0 +1,2 @@
+parent=keycloak
+styles=css/warengroup.css