diff --git a/warengroup/welcome/index.ftl b/warengroup/welcome/index.ftl new file mode 100755 index 0000000..abe0e70 --- /dev/null +++ b/warengroup/welcome/index.ftl @@ -0,0 +1,33 @@ + + + + Warén Group - SSO + + + + + + + + <#if properties.styles?has_content> + <#list properties.styles?split(' ') as style> + + + + + + +
+

Warén Group

+

Single Sign-On

+
+
+ Administration Console +
+ Website +
+ + + diff --git a/warengroup/welcome/resources/css/warengroup.css b/warengroup/welcome/resources/css/warengroup.css new file mode 100644 index 0000000..c51b2c3 --- /dev/null +++ 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; +} diff --git a/warengroup/welcome/theme.properties b/warengroup/welcome/theme.properties new file mode 100755 index 0000000..2111a19 --- /dev/null +++ b/warengroup/welcome/theme.properties @@ -0,0 +1,2 @@ +parent=keycloak +styles=css/warengroup.css