From 903677549f0abd2e9f2e84e2a7c2338e13fa2100 Mon Sep 17 00:00:00 2001
From: Bob Mottram <bob@freedombone.net>
Date: Thu, 3 Oct 2019 15:43:47 +0100
Subject: [PATCH] Source link on login screen

---
 epicyon-login.css | 150 ++++++++++++++++++++++++----------------------
 webinterface.py   |   1 +
 2 files changed, 81 insertions(+), 70 deletions(-)

diff --git a/epicyon-login.css b/epicyon-login.css
index fa299e61b..e9d2e2806 100644
--- a/epicyon-login.css
+++ b/epicyon-login.css
@@ -98,79 +98,89 @@ span.psw {
 }
 
 @media screen and (min-width: 400px) {
-        body, html {
-                background-color: var(--main-bg-color);
-                color: var(--main-fg-color);
+    body, html {
+        background-color: var(--main-bg-color);
+        color: var(--main-fg-color);
 
-                background-image: url("/login-background.png");
-                height: 100%;
-                font-family: Arial, Helvetica, sans-serif;
-                max-width: 60%;
-                min-width: 600px;
-                margin: 0 auto;
-                font-size: var(--font-size);
-                position: relative;
-                top: 3%;
-        }
-        .login-text {
-                font-size: var(--font-size);
-        }
-        input[type=text], input[type=password] {
-                width: 100%;
-                padding: 12px 20px;
-                margin: 8px 0;
-                display: inline-block;
-                border: 1px solid #ccc;
-                box-sizing: border-box;
-                font-size: var(--font-size);
-        }
-        button {
-                background-color: var(--button-background);
-                color: var(--button-text);
-                padding: 14px 20px;
-                margin: 8px 0;
-                border: none;
-                cursor: pointer;
-                width: 100%;
-                font-size: var(--font-size);
-        }
+        background-image: url("/login-background.png");
+        height: 100%;
+        font-family: Arial, Helvetica, sans-serif;
+        max-width: 60%;
+        min-width: 600px;
+        margin: 0 auto;
+        font-size: var(--font-size);
+        position: relative;
+        top: 3%;
+    }
+    .login-text {
+        font-size: var(--font-size);
+    }
+    input[type=text], input[type=password] {
+        width: 100%;
+        padding: 12px 20px;
+        margin: 8px 0;
+        display: inline-block;
+        border: 1px solid #ccc;
+        box-sizing: border-box;
+        font-size: var(--font-size);
+    }
+    button {
+        background-color: var(--button-background);
+        color: var(--button-text);
+        padding: 14px 20px;
+        margin: 8px 0;
+        border: none;
+        cursor: pointer;
+        width: 100%;
+        font-size: var(--font-size);
+    }
+    .license {
+        float: right;
+        margin: 0% 1%;
+        width: 10%;
+    }
 }
 
 @media screen and (max-width: 1000px) {
-        body, html {
-                background-color: var(--main-bg-color);
-                color: var(--main-fg-color);
+    body, html {
+        background-color: var(--main-bg-color);
+        color: var(--main-fg-color);
 
-                background-image: url("/login-background.png");
-                height: 100%;
-                font-family: Arial, Helvetica, sans-serif;
-                max-width: 95%;
-                min-width: 600px;
-                margin: 0 auto;
-                font-size: var(--font-size-mobile);
-                position: relative;
-                top: 5%;
-        }
-        .login-text {
-                font-size: var(--font-size-mobile);
-        }
-        input[type=text], input[type=password] {
-                width: 100%;
-                padding: 12px 20px;
-                margin: 8px 0;
-                display: inline-block;
-                border: 1px solid #ccc;
-                box-sizing: border-box;
-                font-size: var(--font-size-mobile);
-        }
-        button {
-                background-color: var(--button-background);
-                color: var(--button-text);
-                padding: 14px 20px;
-                margin: 8px 0;
-                border: none;
-                cursor: pointer;
-                width: 100%;
-                font-size: var(--font-size-mobile);
-        }
+        background-image: url("/login-background.png");
+        height: 100%;
+        font-family: Arial, Helvetica, sans-serif;
+        max-width: 95%;
+        min-width: 600px;
+        margin: 0 auto;
+        font-size: var(--font-size-mobile);
+        position: relative;
+        top: 5%;
+    }
+    .login-text {
+        font-size: var(--font-size-mobile);
+    }
+    input[type=text], input[type=password] {
+        width: 100%;
+        padding: 12px 20px;
+        margin: 8px 0;
+        display: inline-block;
+        border: 1px solid #ccc;
+        box-sizing: border-box;
+        font-size: var(--font-size-mobile);
+    }
+    button {
+        background-color: var(--button-background);
+        color: var(--button-text);
+        padding: 14px 20px;
+        margin: 8px 0;
+        border: none;
+        cursor: pointer;
+        width: 100%;
+        font-size: var(--font-size-mobile);
+    }
+    .license {
+        float: right;
+        margin: 0% 1%;
+        width: 20%;
+    }
 }
diff --git a/webinterface.py b/webinterface.py
index d2eec686c..c05738e0d 100644
--- a/webinterface.py
+++ b/webinterface.py
@@ -743,6 +743,7 @@ def htmlLogin(translate: {},baseDir: str) -> str:
         registerButtonStr+loginButtonStr+ \
         '  </div>' \
         '</form>'
+    loginForm+='<a href="https://gitlab.com/bashrc2/epicyon"><img class="license" src="/icons/agpl.png" /></a>'
     loginForm+=htmlFooter()
     return loginForm