From 23fa5ba1a698aa61cfed5d4a16aabe1bed946f61 Mon Sep 17 00:00:00 2001
From: lare <lare@lare.cc>
Date: Mon, 5 Jun 2023 00:19:23 +0200
Subject: [PATCH] [web] add new Kioubit Auth button

---
 web/frontend/login.html      | 13 ++++++++++---
 web/frontend/static/auth.css |  1 +
 web/frontend/static/auth.svg |  3 +++
 3 files changed, 14 insertions(+), 3 deletions(-)
 create mode 100644 web/frontend/static/auth.css
 create mode 100644 web/frontend/static/auth.svg

diff --git a/web/frontend/login.html b/web/frontend/login.html
index 25c8302..f83de73 100644
--- a/web/frontend/login.html
+++ b/web/frontend/login.html
@@ -5,7 +5,7 @@
 <form action="https://dn42.g-load.eu/auth/">
   <link
     rel="stylesheet"
-    href="https://dn42.g-load.eu/auth/assets/button-font/auth.css"
+    href="{{config['base-dir']}}static/auth.css"
   />
   <input
     type="hidden"
@@ -15,9 +15,16 @@
   />
   <button
     type="submit"
-    class="kioubit-btn kioubit-btn-primary kioubit-btn-dark kioubit-btn-main"
+    class="kioubit-btn-dark"
   >
-    <span class="icon-kioubit-auth"></span>Authenticate with Kioubit.dn42
+    <object
+      width="35px"
+      height="35px"
+      type="image/svg+xml"
+      data="{{config['base-dir']}}static/auth.svg"
+      class="kioubit-btn-logo"
+    ></object>
+    Authenticate with Kioubit.dn42
   </button>
 </form>
 
diff --git a/web/frontend/static/auth.css b/web/frontend/static/auth.css
new file mode 100644
index 0000000..895a5a3
--- /dev/null
+++ b/web/frontend/static/auth.css
@@ -0,0 +1 @@
+.kioubit-btn-dark,.kioubit-btn-light{font-weight:400;font-size:1rem;line-height:1.5;padding:.5em;display:flex;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.kioubit-btn-dark{color:#fff;background-color:#343a40;vertical-align:middle;border:1px solid transparent;border-radius:.4rem;align-items:center}.kioubit-btn-dark:hover{color:#fff;background-color:#651fff;border-color:#1d2124}.kioubit-btn-dark:focus,.kioubit-btn-light:focus{outline:0;box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.kioubit-btn-light{color:#fafafa;background-color:#2962ff;border:1px solid transparent;border-radius:.4rem;align-items:center}.kioubit-btn-light:hover{color:#fff;background-color:#311b92;border-color:#1d2124}.kioubit-btn-logo{margin-right:.5em;filter:invert(100%) sepia(5%) saturate(7480%) hue-rotate(81deg) brightness(125%) contrast(106%)}
diff --git a/web/frontend/static/auth.svg b/web/frontend/static/auth.svg
new file mode 100644
index 0000000..43f6713
--- /dev/null
+++ b/web/frontend/static/auth.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -64 1024 1024">
+  <path d="M375.899 935.372C149.064 861.488 15.555 660.577 28.517 410.41 37.59 225.053 133.509 77.286 295.535-1.782c80.365-40.182 95.919-42.775 216.466-42.775 116.658 0 136.101 3.889 197.023 36.294C899.566 91.545 994.189 262.643 982.523 485.59c-9.073 185.357-104.992 333.124-267.018 412.192-73.884 37.59-101.104 42.775-197.023 45.367-60.922 1.296-124.435-1.296-142.582-7.777zm268.314-124.435c67.403-28.516 167.21-129.62 198.319-203.504 40.182-93.327 40.182-226.835 1.296-314.977-60.922-138.694-198.319-230.724-344.79-230.724-97.215 0-156.841 24.628-238.501 101.104-84.253 79.068-120.547 164.618-121.843 285.165-1.296 270.906 264.425 462.744 505.519 362.937zM311.089 448V156.354h89.438l7.777 256.648 107.585-128.324c102.4-123.139 108.881-128.324 158.137-128.324 28.516 0 51.848 2.592 51.848 5.185 0 3.889-58.329 72.587-128.324 152.952L469.226 460.962l98.511 110.177c54.441 60.922 110.177 123.139 124.435 139.99l24.628 28.516h-50.552c-49.256 0-55.737-6.481-154.248-121.843L408.304 494.663l-3.889 123.139-3.889 121.843h-89.438V447.999z"/>
+</svg>