From 1b220e118ff37f6ef93964a6c28f0f4d6d217229 Mon Sep 17 00:00:00 2001
From: Karol Wypchlo <kwypchlo@gmail.com>
Date: Mon, 14 Dec 2020 15:53:39 +0100
Subject: [PATCH] more overrides

---
 docker-compose.yml                            |   4 +++
 .../kratos-selfservice-ui-node/branding.css   |   8 +++--
 docker/kratos-selfservice-ui-node/favico.ico  | Bin 0 -> 1977 bytes
 .../kratos-selfservice-ui-node/icon_logo.hbs  |   5 ++++
 docker/kratos-selfservice-ui-node/login.hbs   |  28 ++++++++++++++++++
 .../registration.hbs                          |  27 +++++++++++++++++
 6 files changed, 70 insertions(+), 2 deletions(-)
 create mode 100644 docker/kratos-selfservice-ui-node/favico.ico
 create mode 100644 docker/kratos-selfservice-ui-node/icon_logo.hbs
 create mode 100644 docker/kratos-selfservice-ui-node/login.hbs
 create mode 100644 docker/kratos-selfservice-ui-node/registration.hbs

diff --git a/docker-compose.yml b/docker-compose.yml
index 87782e80..5df8b407 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -250,7 +250,11 @@ services:
     logging: *default-logging
     volumes:
       - ./docker/kratos-selfservice-ui-node/main.hbs:/usr/src/app/views/layouts/main.hbs:ro
+      - ./docker/kratos-selfservice-ui-node/login.hbs:/usr/src/app/views/views/login.hbs:ro
+      - ./docker/kratos-selfservice-ui-node/registration.hbs:/usr/src/app/views/views/registration.hbs:ro
+      - ./docker/kratos-selfservice-ui-node/icon_logo.hbs:/usr/src/app/views/partials/icon_logo.hbs:ro
       - ./docker/kratos-selfservice-ui-node/branding.css:/usr/src/app/public/branding.css:ro
+      - ./docker/kratos-selfservice-ui-node/favico.png:/usr/src/app/public/favico.png:ro
     environment:
       - PORT=4435
       - SECURITY_MODE=jwks
diff --git a/docker/kratos-selfservice-ui-node/branding.css b/docker/kratos-selfservice-ui-node/branding.css
index 3799c122..91fe5848 100644
--- a/docker/kratos-selfservice-ui-node/branding.css
+++ b/docker/kratos-selfservice-ui-node/branding.css
@@ -6,9 +6,13 @@
   --base-dark: #19191d;
   --base-black: #000000;
   --primary-light: #ecfdfe;
-  --primary-half: #95e1f9;
-  --primary-main: #3dacfc;
+  --primary-half: #4ea156;
+  --primary-main: #57b560;
   --primary-dark: #2e0473;
   --red-strong: #f44336;
   --green-strong: #43a047;
 }
+
+.logo {
+  margin: 0 auto;
+}
diff --git a/docker/kratos-selfservice-ui-node/favico.ico b/docker/kratos-selfservice-ui-node/favico.ico
new file mode 100644
index 0000000000000000000000000000000000000000..30c2af533f6aae5f0f060aa93d5be1c48ae0f36b
GIT binary patch
literal 1977
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
LNkvXXu0mjf={uo+

literal 0
HcmV?d00001

diff --git a/docker/kratos-selfservice-ui-node/icon_logo.hbs b/docker/kratos-selfservice-ui-node/icon_logo.hbs
new file mode 100644
index 00000000..e5ee2e5c
--- /dev/null
+++ b/docker/kratos-selfservice-ui-node/icon_logo.hbs
@@ -0,0 +1,5 @@
+<svg class="logo" viewBox="0 0 66 66" width="66" height="66" xmlns="http://www.w3.org/2000/svg">
+    <path
+        d="M52 52V33.287C52 22.784 43.599 14.052 33.096 14 22.544 13.948 13.948 22.543 14 33.096 14.052 43.599 22.784 52 33.287 52H52zM33 1c17.673 0 32 14.326 32 32v32H33C15.326 65 1 50.673 1 33 1 15.326 15.326 1 33 1z"
+        fillRule="nonzero" stroke="currentColor" strokeWidth="2" fill="none" />
+</svg>
\ No newline at end of file
diff --git a/docker/kratos-selfservice-ui-node/login.hbs b/docker/kratos-selfservice-ui-node/login.hbs
new file mode 100644
index 00000000..42fb184d
--- /dev/null
+++ b/docker/kratos-selfservice-ui-node/login.hbs
@@ -0,0 +1,28 @@
+<div class="auth">
+    <div class="container">
+        {{> icon_logo}}
+        <h5 class="subheading">Welcome to siasky.net!</h5>
+
+        {{> messages messages=messages className="global"}}
+
+        {{#if password}}
+        <div id="login-password">
+            {{> form submitLabel="Sign in" form=password}}
+        </div>
+        {{/if}}
+
+        {{#if oidc}}
+        <div id="login-oidc">
+            {{> form form=oidc}}
+        </div>
+        {{/if}}
+
+        <hr class="divider">
+
+        <div class="alternative-actions">
+            <!-- <a href="auth/registration">Recover password</a> -->
+            <a href="{{pathPrefix}}auth/registration">Register new account</a>
+            <a href="{{pathPrefix}}recovery">Reset password</a>
+        </div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/docker/kratos-selfservice-ui-node/registration.hbs b/docker/kratos-selfservice-ui-node/registration.hbs
new file mode 100644
index 00000000..51d7cf57
--- /dev/null
+++ b/docker/kratos-selfservice-ui-node/registration.hbs
@@ -0,0 +1,27 @@
+<div class="auth">
+    <div class="container">
+        {{> icon_logo}}
+        <h5 class="subheading">Welcome to siasky.net! <br />
+            Use the form below to sign up:</h5>
+
+        {{> messages messages=messages className="global"}}
+
+        {{#if password}}
+        <div id="registration-password">
+            {{> form submitLabel="Sign up" form=password}}
+        </div>
+        {{/if}}
+
+        {{#if oidc}}
+        <div id="registration-oidc">
+            {{> form form=oidc}}
+        </div>
+        {{/if}}
+
+        <hr class="divider">
+
+        <div class="alternative-actions">
+            <a href="{{pathPrefix}}auth/login">Already have an account? Log in instead</a>
+        </div>
+    </div>
+</div>
\ No newline at end of file