From 302e7c2877f165bdaa67683a1e790643360acc38 Mon Sep 17 00:00:00 2001
From: Maxim Devaev <mdevaev@gmail.com>
Date: Sun, 9 Feb 2025 20:32:38 +0200
Subject: [PATCH] web: placed pikvm logo on login page

---
 web/login/index.html          | 11 ++++++++++-
 web/login/index.pug           | 13 ++++++++-----
 web/share/css/login/login.css |  8 ++++++++
 3 files changed, 26 insertions(+), 6 deletions(-)

diff --git a/web/login/index.html b/web/login/index.html
index 973ced9e..ce64eab2 100644
--- a/web/login/index.html
+++ b/web/login/index.html
@@ -51,6 +51,15 @@
       <div id="login-box">
         <div id="login">
           <table>
+            <tr>
+              <td><img class="svg-gray" id="login-logo" src="../share/svg/logo.svg" alt="&amp;pi;-kvm"></td>
+              <td></td>
+            </tr>
+            <tr>
+              <td colspan="2">
+                <hr>
+              </td>
+            </tr>
             <tr>
               <td>Username:&nbsp;</td>
               <td>
@@ -95,7 +104,7 @@
             <tr>
               <td></td>
               <td>
-                <button class="key" id="login-button" style="width:100%">Login</button>
+                <button class="key" id="login-button">Login</button>
               </td>
             </tr>
           </table>
diff --git a/web/login/index.pug b/web/login/index.pug
index d45dc9c3..156b143b 100644
--- a/web/login/index.pug
+++ b/web/login/index.pug
@@ -24,6 +24,11 @@ block body
 		#login-box
 			#login
 				table
+					tr
+						td #[img.svg-gray#login-logo(src=`${svg_dir}/logo.svg` alt="&pi;-kvm")]
+						td
+					tr
+						td(colspan=2) #[hr]
 					tr
 						td Username:&nbsp;
 						td #[input#user-input(type="text" autocapitalize="off")]
@@ -34,8 +39,7 @@ block body
 						td 2FA code:&nbsp;
 						td #[input#code-input(type="text" placeholder="if enabled")]
 					tr
-						td(colspan=2)
-							hr
+						td(colspan=2) #[hr]
 					tr
 						td Remember me:&nbsp;
 						td
@@ -45,11 +49,10 @@ block body
 								{"title": "Forever", "value": "0", "checked": true},
 							])
 					tr
-						td(colspan=2)
-							hr
+						td(colspan=2) #[hr]
 					tr
 						td
-						td #[button.key#login-button(style="width:100%") Login]
+						td #[button.key#login-button Login]
 
 	ul.footer
 		li.left
diff --git a/web/share/css/login/login.css b/web/share/css/login/login.css
index c5e5a28d..7bcf2e75 100644
--- a/web/share/css/login/login.css
+++ b/web/share/css/login/login.css
@@ -42,6 +42,14 @@ div#login {
 	padding: 15px;
 }
 
+img#login-logo {
+	height: 30px;
+}
+
+button#login-button {
+	width: 100%;
+}
+
 input[type="text"]#user-input,
 input[type="password"]#passwd-input,
 input[type="text"]#code-input {