own auth

59 files changed, 195 insertions, 90 deletions

diff --git a/web/browserconfig.xml b/web/browserconfig.xml
deleted file mode 100644
index fcb73892..00000000
--- a/web/browserconfig.xml
+++ /dev/null
@@ -1,9 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<browserconfig>
-	<msapplication>
-		<tile>
-			<square150x150logo src="/mstile-150x150.png"/>
-			<TileColor>#2b5797</TileColor>
-		</tile>
-	</msapplication>
-</browserconfig>
diff --git a/web/index.html b/web/index.html
index b628b615..e1113454 100644
--- a/web/index.html
+++ b/web/index.html
@@ -4,22 +4,22 @@
 	<meta charset="utf-8" />
 	<title>Pi-KVM Index</title>
 
-	<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-	<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-	<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-	<link rel="manifest" href="/site.webmanifest">
-	<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
+	<link rel="apple-touch-icon" sizes="180x180" href="/share/apple-touch-icon.png">
+	<link rel="icon" type="image/png" sizes="32x32" href="/share/favicon-32x32.png">
+	<link rel="icon" type="image/png" sizes="16x16" href="/share/favicon-16x16.png">
+	<link rel="manifest" href="/share/site.webmanifest">
+	<link rel="mask-icon" href="/share/safari-pinned-tab.svg" color="#5bbad5">
 	<meta name="msapplication-TileColor" content="#2b5797">
 	<meta name="theme-color" content="#ffffff">
 
-	<link rel="stylesheet" href="css/vars.css">
-	<link rel="stylesheet" href="css/main.css">
-	<link rel="stylesheet" href="css/modals.css">
-	<link rel="stylesheet" href="css/index/index.css">
+	<link rel="stylesheet" href="share/css/vars.css">
+	<link rel="stylesheet" href="share/css/main.css">
+	<link rel="stylesheet" href="share/css/modals.css">
+	<link rel="stylesheet" href="share/css/index/index.css">
 
-	<script src="js/bb.js"></script>
-	<script src="js/tools.js"></script>
-	<script src="js/index/main.js"></script>
+	<script src="share/js/bb.js"></script>
+	<script src="share/js/tools.js"></script>
+	<script src="share/js/index/main.js"></script>
 
 	<script>window.onload = main;</script>
 </head>
@@ -30,7 +30,7 @@
 			<table>
 				<tr>
 					<td valign="top" class="logo">
-						<img class="svg-gray" src="svg/logo.svg" alt="Open Source Hardware" height="40" />
+						<img class="svg-gray" src="share/svg/logo.svg" alt="Open Source Hardware" height="40" />
 					</td>
 					<td valign="top">
 						<table>
diff --git a/web/kvm/index.html b/web/kvm/index.html
index 8cc66513..4472112a 100644
--- a/web/kvm/index.html
+++ b/web/kvm/index.html
@@ -4,40 +4,40 @@
 	<meta charset="utf-8" />
 	<title>Pi-KVM Session</title>
 
-	<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-	<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-	<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-	<link rel="manifest" href="/site.webmanifest">
-	<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
+	<link rel="apple-touch-icon" sizes="180x180" href="/share/apple-touch-icon.png">
+	<link rel="icon" type="image/png" sizes="32x32" href="/share/favicon-32x32.png">
+	<link rel="icon" type="image/png" sizes="16x16" href="/share/favicon-16x16.png">
+	<link rel="manifest" href="/share/site.webmanifest">
+	<link rel="mask-icon" href="/share/safari-pinned-tab.svg" color="#5bbad5">
 	<meta name="msapplication-TileColor" content="#2b5797">
 	<meta name="theme-color" content="#ffffff">
 
-	<link rel="stylesheet" href="../css/vars.css">
-	<link rel="stylesheet" href="../css/main.css">
-	<link rel="stylesheet" href="../css/menu.css">
-	<link rel="stylesheet" href="../css/windows.css">
-	<link rel="stylesheet" href="../css/modals.css">
-	<link rel="stylesheet" href="../css/leds.css">
-	<link rel="stylesheet" href="../css/sliders.css">
-	<link rel="stylesheet" href="../css/switches.css">
-	<link rel="stylesheet" href="../css/progress.css">
-	<link rel="stylesheet" href="../css/kvm/stream.css">
-	<link rel="stylesheet" href="../css/kvm/hid.css">
-	<link rel="stylesheet" href="../css/kvm/msd.css">
-	<link rel="stylesheet" href="../css/kvm/keyboard.css">
-	<link rel="stylesheet" href="../css/kvm/about.css">
+	<link rel="stylesheet" href="../share/css/vars.css">
+	<link rel="stylesheet" href="../share/css/main.css">
+	<link rel="stylesheet" href="../share/css/menu.css">
+	<link rel="stylesheet" href="../share/css/windows.css">
+	<link rel="stylesheet" href="../share/css/modals.css">
+	<link rel="stylesheet" href="../share/css/leds.css">
+	<link rel="stylesheet" href="../share/css/sliders.css">
+	<link rel="stylesheet" href="../share/css/switches.css">
+	<link rel="stylesheet" href="../share/css/progress.css">
+	<link rel="stylesheet" href="../share/css/kvm/stream.css">
+	<link rel="stylesheet" href="../share/css/kvm/hid.css">
+	<link rel="stylesheet" href="../share/css/kvm/msd.css">
+	<link rel="stylesheet" href="../share/css/kvm/keyboard.css">
+	<link rel="stylesheet" href="../share/css/kvm/about.css">
 
-	<script src="../js/bb.js"></script>
-	<script src="../js/tools.js"></script>
-	<script src="../js/wm.js"></script>
-	<script src="../js/kvm/stream.js"></script>
-	<script src="../js/kvm/atx.js"></script>
-	<script src="../js/kvm/keyboard.js"></script>
-	<script src="../js/kvm/mouse.js"></script>
-	<script src="../js/kvm/hid.js"></script>
-	<script src="../js/kvm/msd.js"></script>
-	<script src="../js/kvm/session.js"></script>
-	<script src="../js/kvm/main.js"></script>
+	<script src="../share/js/bb.js"></script>
+	<script src="../share/js/tools.js"></script>
+	<script src="../share/js/wm.js"></script>
+	<script src="../share/js/kvm/stream.js"></script>
+	<script src="../share/js/kvm/atx.js"></script>
+	<script src="../share/js/kvm/keyboard.js"></script>
+	<script src="../share/js/kvm/mouse.js"></script>
+	<script src="../share/js/kvm/hid.js"></script>
+	<script src="../share/js/kvm/msd.js"></script>
+	<script src="../share/js/kvm/session.js"></script>
+	<script src="../share/js/kvm/main.js"></script>
 
 	<script>window.onload = main;</script>
 </head>
@@ -47,16 +47,16 @@
 		<li class="menu-left-items">
 			<a id="menu-logo" href="/">
 				&#8617;&nbsp;&nbsp;
-				<img class="svg-gray" src="../svg/logo.svg" alt="&pi;-kvm" />
+				<img class="svg-gray" src="../share/svg/logo.svg" alt="&pi;-kvm" />
 			</a>
 		</li>
 
 		<li class="menu-right-items">
 			<a class="menu-item" href="#">
-				<img data-dont-hide-menu id="link-led" class="led-gray" src="../svg/link-led.svg" />
-				<img data-dont-hide-menu id="stream-led" class="led-gray" src="../svg/stream-led.svg" />
-				<img data-dont-hide-menu id="hid-keyboard-led" class="led-gray" src="../svg/hid-keyboard-led.svg" />
-				<img data-dont-hide-menu id="hid-mouse-led" class="led-gray" src="../svg/hid-mouse-led.svg" />
+				<img data-dont-hide-menu id="link-led" class="led-gray" src="../share/svg/link-led.svg" />
+				<img data-dont-hide-menu id="stream-led" class="led-gray" src="../share/svg/stream-led.svg" />
+				<img data-dont-hide-menu id="hid-keyboard-led" class="led-gray" src="../share/svg/hid-keyboard-led.svg" />
+				<img data-dont-hide-menu id="hid-mouse-led" class="led-gray" src="../share/svg/hid-mouse-led.svg" />
 				System &#8628;
 			</a>
 			<div data-dont-hide-menu class="menu-item-content">
@@ -118,8 +118,8 @@
 
 		<li class="menu-right-items">
 			<a class="menu-item" href="#">
-				<img data-dont-hide-menu id="atx-power-led" class="led-gray" src="../svg/atx-power-led.svg" />
-				<img data-dont-hide-menu id="atx-hdd-led" class="led-gray" src="../svg/atx-hdd-led.svg" />
+				<img data-dont-hide-menu id="atx-power-led" class="led-gray" src="../share/svg/atx-power-led.svg" />
+				<img data-dont-hide-menu id="atx-hdd-led" class="led-gray" src="../share/svg/atx-hdd-led.svg" />
 				ATX &#8628;
 			</a>
 			<div class="menu-item-content menu-item-content-buttons">
@@ -132,7 +132,7 @@
 
 		<li class="menu-right-items">
 			<a class="menu-item" href="#">
-				<img data-dont-hide-menu id="msd-led" class="led-gray" src="../svg/msd-led.svg" />
+				<img data-dont-hide-menu id="msd-led" class="led-gray" src="../share/svg/msd-led.svg" />
 				Mass Storage &#8628;
 			</a>
 			<div data-dont-hide-menu id="msd-menu" class="menu-item-content">
@@ -140,7 +140,7 @@
 					<div class="menu-item-content-text">
 						<table>
 							<tr>
-								<td><img src="../svg/warning.svg" /></td>
+								<td><img src="../share/svg/warning.svg" /></td>
 								<td><b>Mass Storage Device is not operational</b></td>
 							</tr>
 						</table>
@@ -152,7 +152,7 @@
 					<div class="menu-item-content-text">
 						<table>
 							<tr>
-								<td><img src="../svg/warning.svg" /></td>
+								<td><img src="../share/svg/warning.svg" /></td>
 								<td><b>Current image is broken!</b><br><sub>Perhaps uploading was interrupted</sub></td>
 							</tr>
 						</table>
@@ -164,7 +164,7 @@
 					<div class="menu-item-content-text">
 						<table>
 							<tr>
-								<td><img src="../svg/info.svg" /></td>
+								<td><img src="../share/svg/info.svg" /></td>
 								<td><b>Another user uploads an image</b></td>
 							</tr>
 						</table>
@@ -233,7 +233,7 @@
 
 		<li class="menu-right-items">
 			<a class="menu-item" href="#">
-				<img data-dont-hide-menu id="hid-pak-led" class="led-gray" src="../svg/gear-led.svg" />
+				<img data-dont-hide-menu id="hid-pak-led" class="led-gray" src="../share/svg/gear-led.svg" />
 				Shortcuts &#8628;
 			</a>
 			<div data-dont-hide-menu class="menu-item-content">
@@ -282,7 +282,7 @@
 		</div>
 		<div id="stream-info"></div>
 		<div id="stream-box" class="stream-box-inactive">
-			<img id="stream-image" class="stream-image-inactive" src="../png/blank-stream.png" />
+			<img id="stream-image" class="stream-image-inactive" src="../share/png/blank-stream.png" />
 		</div>
 		<div id="stream-mouse-buttons">
 			<button data-mouse-button="left" class="row50">Left Click</button>
@@ -534,7 +534,7 @@
 			<table>
 				<tr>
 					<td valign="top" class="logo">
-						<img class="svg-gray" src="../svg/logo.svg" alt="Open Source Hardware" height="40" />
+						<img class="svg-gray" src="../share/svg/logo.svg" alt="Open Source Hardware" height="40" />
 					</td>
 					<td valign="top">
 						<table>
diff --git a/web/login/index.html b/web/login/index.html
new file mode 100644
index 00000000..10ca2e2b
--- /dev/null
+++ b/web/login/index.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="utf-8" />
+	<title>Pi-KVM Login</title>
+
+	<link rel="apple-touch-icon" sizes="180x180" href="/share/apple-touch-icon.png">
+	<link rel="icon" type="image/png" sizes="32x32" href="/share/favicon-32x32.png">
+	<link rel="icon" type="image/png" sizes="16x16" href="/share/favicon-16x16.png">
+	<link rel="manifest" href="/share/site.webmanifest">
+	<link rel="mask-icon" href="/share/safari-pinned-tab.svg" color="#5bbad5">
+	<meta name="msapplication-TileColor" content="#2b5797">
+	<meta name="theme-color" content="#ffffff">
+
+	<link rel="stylesheet" href="../share/css/vars.css">
+	<link rel="stylesheet" href="../share/css/main.css">
+	<link rel="stylesheet" href="../share/css/modals.css">
+	<link rel="stylesheet" href="../share/css/login/login.css">
+
+	<script src="../share/js/bb.js"></script>
+	<script src="../share/js/tools.js"></script>
+	<script src="../share/js/login/main.js"></script>
+
+	<script>window.onload = main;</script>
+</head>
+
+<body>
+	<div id="login-box">
+		<div id="login">
+			<table>
+				<tr>
+					<td>Username:</td>
+					<td><input type="text" id="user-input"></td>
+				</tr>
+				<tr>
+					<td>Password:</td>
+					<td><input type="password" id="passwd-input"></td>
+				</tr>
+				<tr>
+					<td></td>
+					<td><button id="login-button">Login</button></td>
+				</tr>
+			</table>
+		</div>
+	</div>
+</body>
+</html>
diff --git a/web/mstile-150x150.png b/web/mstile-150x150.png
deleted file mode 100644
index 353ef691..00000000
--- a/web/mstile-150x150.png
+++ /dev/null
diff --git a/web/android-chrome-192x192.png b/web/share/android-chrome-192x192.png
index 2473df5c..2473df5c 100644
--- a/web/android-chrome-192x192.png
+++ b/web/share/android-chrome-192x192.png
diff --git a/web/apple-touch-icon.png b/web/share/apple-touch-icon.png
index 207dc65e..207dc65e 100644
--- a/web/apple-touch-icon.png
+++ b/web/share/apple-touch-icon.png
diff --git a/web/css/index/index.css b/web/share/css/index/index.css
index 72ab5c24..72ab5c24 100644
--- a/web/css/index/index.css
+++ b/web/share/css/index/index.css
diff --git a/web/css/kvm/about.css b/web/share/css/kvm/about.css
index e6e2360f..e6e2360f 100644
--- a/web/css/kvm/about.css
+++ b/web/share/css/kvm/about.css
diff --git a/web/css/kvm/hid.css b/web/share/css/kvm/hid.css
index 6663a85c..6663a85c 100644
--- a/web/css/kvm/hid.css
+++ b/web/share/css/kvm/hid.css
diff --git a/web/css/kvm/keyboard.css b/web/share/css/kvm/keyboard.css
index 2ff622f3..2ff622f3 100644
--- a/web/css/kvm/keyboard.css
+++ b/web/share/css/kvm/keyboard.css
diff --git a/web/css/kvm/msd.css b/web/share/css/kvm/msd.css
index 4a1c5d28..4a1c5d28 100644
--- a/web/css/kvm/msd.css
+++ b/web/share/css/kvm/msd.css
diff --git a/web/css/kvm/stream.css b/web/share/css/kvm/stream.css
index c99c3c9c..c99c3c9c 100644
--- a/web/css/kvm/stream.css
+++ b/web/share/css/kvm/stream.css
diff --git a/web/css/leds.css b/web/share/css/leds.css
index fe23a434..fe23a434 100644
--- a/web/css/leds.css
+++ b/web/share/css/leds.css
diff --git a/web/share/css/login/login.css b/web/share/css/login/login.css
new file mode 100644
index 00000000..1fae42d6
--- /dev/null
+++ b/web/share/css/login/login.css
@@ -0,0 +1,25 @@
+div#login-box {
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+	text-align: center;
+	min-height: 100vh;
+}
+
+div#login {
+	text-align: left;
+	outline: none;
+	word-wrap: break-word;
+	max-width: 400px;
+	border: var(--border-window-thin);
+	border-radius: 8px;
+	box-sizing: border-box;
+	box-shadow: var(--shadow-big);
+	background-color: var(--cs-window-default-bg);
+	padding: 15px;
+}
+
+input[type="text"]#user-input, input[type="password"]#passwd-input {
+	text-align: center;
+}
diff --git a/web/css/main.css b/web/share/css/main.css
index 28361905..f5f0db75 100644
--- a/web/css/main.css
+++ b/web/share/css/main.css
@@ -62,6 +62,7 @@ img.svg-gray {
 button, select {
 	box-shadow: none;
 	border: none;
+	border-radius: 4px;
 	color: var(--cs-control-default-fg);
 	background-color: var(--cs-control-default-bg);
 	display: block;
@@ -116,8 +117,18 @@ select:active {
 	background-image: url("../svg/select-arrow-intensive.svg") !important;
 }
 
+input[type=text], input[type=password] {
+	overflow-x: auto;
+	font-family: monospace;
+	border: thin;
+	border-radius: 4px;
+	color: var(--cs-code-default-fg);
+	background-color: var(--cs-code-default-bg);
+	padding: 2px;
+}
+
 @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
-	button, select {
+	button, select, input[type=text], input[type=password] {
 		height: 45px !important;
 	}
 }
diff --git a/web/css/menu.css b/web/share/css/menu.css
index 5ececb32..151b82b1 100644
--- a/web/css/menu.css
+++ b/web/share/css/menu.css
@@ -98,6 +98,7 @@ ul#menu li div.menu-item-content-text {
 }
 
 ul#menu li div.menu-item-content button, select {
+	border-radius: 0;
 	text-align: left;
 	padding: 0 16px;
 }
diff --git a/web/css/modals.css b/web/share/css/modals.css
index f557bd08..ed9837c7 100644
--- a/web/css/modals.css
+++ b/web/share/css/modals.css
@@ -47,6 +47,7 @@ div.modal div.modal-window div.modal-buttons {
 }
 
 div.modal div.modal-window div.modal-buttons button {
+	border-radius: 0;
 	height: 40px;
 }
 @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
diff --git a/web/css/progress.css b/web/share/css/progress.css
index 1085e5cf..1085e5cf 100644
--- a/web/css/progress.css
+++ b/web/share/css/progress.css
diff --git a/web/css/sliders.css b/web/share/css/sliders.css
index fe0be262..fe0be262 100644
--- a/web/css/sliders.css
+++ b/web/share/css/sliders.css
diff --git a/web/css/switches.css b/web/share/css/switches.css
index 65e187f9..65e187f9 100644
--- a/web/css/switches.css
+++ b/web/share/css/switches.css
diff --git a/web/css/vars.css b/web/share/css/vars.css
index 57e71c0f..57e71c0f 100644
--- a/web/css/vars.css
+++ b/web/share/css/vars.css
diff --git a/web/css/windows.css b/web/share/css/windows.css
index 32628e55..32628e55 100644
--- a/web/css/windows.css
+++ b/web/share/css/windows.css
diff --git a/web/favicon-16x16.png b/web/share/favicon-16x16.png
index adc66e3e..adc66e3e 100644
--- a/web/favicon-16x16.png
+++ b/web/share/favicon-16x16.png
diff --git a/web/favicon-32x32.png b/web/share/favicon-32x32.png
index 5fec1005..5fec1005 100644
--- a/web/favicon-32x32.png
+++ b/web/share/favicon-32x32.png
diff --git a/web/js/bb.js b/web/share/js/bb.js
index 565a3ab4..565a3ab4 100644
--- a/web/js/bb.js
+++ b/web/share/js/bb.js
diff --git a/web/js/index/main.js b/web/share/js/index/main.js
index 8f5c74a6..8f5c74a6 100644
--- a/web/js/index/main.js
+++ b/web/share/js/index/main.js
diff --git a/web/js/kvm/atx.js b/web/share/js/kvm/atx.js
index ed5f045e..ed5f045e 100644
--- a/web/js/kvm/atx.js
+++ b/web/share/js/kvm/atx.js
diff --git a/web/js/kvm/hid.js b/web/share/js/kvm/hid.js
index 49d659ab..49d659ab 100644
--- a/web/js/kvm/hid.js
+++ b/web/share/js/kvm/hid.js
diff --git a/web/js/kvm/keyboard.js b/web/share/js/kvm/keyboard.js
index 3c821406..3c821406 100644
--- a/web/js/kvm/keyboard.js
+++ b/web/share/js/kvm/keyboard.js
diff --git a/web/js/kvm/main.js b/web/share/js/kvm/main.js
index 5c6d775a..5c6d775a 100644
--- a/web/js/kvm/main.js
+++ b/web/share/js/kvm/main.js
diff --git a/web/js/kvm/mouse.js b/web/share/js/kvm/mouse.js
index 58e46d15..58e46d15 100644
--- a/web/js/kvm/mouse.js
+++ b/web/share/js/kvm/mouse.js
diff --git a/web/js/kvm/msd.js b/web/share/js/kvm/msd.js
index c23de99d..c23de99d 100644
--- a/web/js/kvm/msd.js
+++ b/web/share/js/kvm/msd.js
diff --git a/web/js/kvm/session.js b/web/share/js/kvm/session.js
index e3e74160..5ba43511 100644
--- a/web/js/kvm/session.js
+++ b/web/share/js/kvm/session.js
@@ -14,8 +14,7 @@ function Session() {
 	var __streamer = new Streamer();
 
 	var __init__ = function() {
-		$("link-led").title = "Not connected yet...";
-		__startPoller();
+		__startSession();
 	};
 
 	/********************************************************************************/
@@ -44,24 +43,15 @@ function Session() {
 		$("about-version-streamer").innerHTML = `${state.version.streamer} (${state.streamer})`;
 	};
 
-	var __startPoller = function() {
+	var __startSession = function() {
 		$("link-led").className = "led-yellow";
 		$("link-led").title = "Connecting...";
-
-		var http = tools.makeRequest("GET", "/ws_auth", function() {
-			if (http.readyState === 4) {
-				if (http.status === 200) {
-					var proto = (location.protocol === "https:" ? "wss" : "ws");
-					__ws = new WebSocket(`${proto}://${location.host}/kvmd/ws`);
-					__ws.onopen = __wsOpenHandler;
-					__ws.onmessage = __wsMessageHandler;
-					__ws.onerror = __wsErrorHandler;
-					__ws.onclose = __wsCloseHandler;
-				} else {
-					__wsCloseHandler(null);
-				}
-			}
-		});
+		var proto = (location.protocol === "https:" ? "wss" : "ws");
+		__ws = new WebSocket(`${proto}://${location.host}/kvmd/ws`);
+		__ws.onopen = __wsOpenHandler;
+		__ws.onmessage = __wsMessageHandler;
+		__ws.onerror = __wsErrorHandler;
+		__ws.onclose = __wsCloseHandler;
 	};
 
 	var __wsOpenHandler = function(event) {
@@ -118,7 +108,7 @@ function Session() {
 
 		setTimeout(function() {
 			$("link-led").className = "led-yellow";
-			setTimeout(__startPoller, 500);
+			setTimeout(__startSession, 500);
 		}, 500);
 	};
 
diff --git a/web/js/kvm/stream.js b/web/share/js/kvm/stream.js
index 01ded5bc..01ded5bc 100644
--- a/web/js/kvm/stream.js
+++ b/web/share/js/kvm/stream.js
diff --git a/web/share/js/login/main.js b/web/share/js/login/main.js
new file mode 100644
index 00000000..dc45d03f
--- /dev/null
+++ b/web/share/js/login/main.js
@@ -0,0 +1,36 @@
+function main() {
+	if (checkBrowser()) {
+		tools.setOnClick($("login-button"), __login);
+		document.onkeyup = function(event) {
+			if (event.code == "Enter") {
+				event.preventDefault();
+				__login();
+			}
+		};
+		$("user-input").focus();
+	}
+}
+
+function __login() {
+	var user = $("user-input").value;
+	var passwd = $("passwd-input").value;
+	var body = `user=${encodeURIComponent(user)}&passwd=${encodeURIComponent(passwd)}`;
+	var http = tools.makeRequest("POST", "/kvmd/auth/login", function() {
+		if (http.readyState === 4) {
+			if (http.status === 200) {
+				document.location.href = "/";
+			}
+			__setDisabled(false);
+			$("passwd-input").focus();
+			$("passwd-input").select();
+		}
+	}, body, "application/x-www-form-urlencoded");
+	http.send();
+	__setDisabled(true);
+}
+
+function __setDisabled(disabled) {
+	$("user-input").disabled = disabled;
+	$("passwd-input").disabled = disabled;
+	$("login-button").disabled = disabled;
+}
diff --git a/web/js/tools.js b/web/share/js/tools.js
index 81970ef8..80b074ee 100644
--- a/web/js/tools.js
+++ b/web/share/js/tools.js
@@ -1,12 +1,15 @@
 var tools = new function() {
 	var __debug = (new URL(window.location.href)).searchParams.get("debug");
 
-	this.makeRequest = function(method, url, callback, timeout=null) {
+	this.makeRequest = function(method, url, callback, body=null, content_type=null) {
 		var http = new XMLHttpRequest();
 		http.open(method, url, true);
+		if (content_type) {
+			http.setRequestHeader("Content-Type", content_type);
+		}
 		http.onreadystatechange = callback;
-		http.timeout = (timeout ? timeout : 5000);
-		http.send();
+		http.timeout = 5000;
+		http.send(body);
 		return http;
 	};
 
diff --git a/web/js/wm.js b/web/share/js/wm.js
index c292ece7..c292ece7 100644
--- a/web/js/wm.js
+++ b/web/share/js/wm.js
diff --git a/web/png/blank-stream.png b/web/share/png/blank-stream.png
index f1e11b14..f1e11b14 100644
--- a/web/png/blank-stream.png
+++ b/web/share/png/blank-stream.png
diff --git a/web/safari-pinned-tab.svg b/web/share/safari-pinned-tab.svg
index 86314c0a..86314c0a 100644
--- a/web/safari-pinned-tab.svg
+++ b/web/share/safari-pinned-tab.svg
diff --git a/web/site.webmanifest b/web/share/site.webmanifest
index 409a6c2e..849f6a89 100644
--- a/web/site.webmanifest
+++ b/web/share/site.webmanifest
@@ -3,7 +3,7 @@
 	"short_name": "",
 	"icons": [
 		{
-			"src": "/android-chrome-192x192.png",
+			"src": "/share/android-chrome-192x192.png",
 			"sizes": "192x192",
 			"type": "image/png"
 		}
diff --git a/web/svg/atx-hdd-led.svg b/web/share/svg/atx-hdd-led.svg
index 75987570..75987570 100644
--- a/web/svg/atx-hdd-led.svg
+++ b/web/share/svg/atx-hdd-led.svg
diff --git a/web/svg/atx-power-led.svg b/web/share/svg/atx-power-led.svg
index b82af7bc..b82af7bc 100644
--- a/web/svg/atx-power-led.svg
+++ b/web/share/svg/atx-power-led.svg
diff --git a/web/svg/fan-led.svg b/web/share/svg/fan-led.svg
index 8cbdd76d..8cbdd76d 100644
--- a/web/svg/fan-led.svg
+++ b/web/share/svg/fan-led.svg
diff --git a/web/svg/favicon.svg b/web/share/svg/favicon.svg
index a3fde08f..a3fde08f 100644
--- a/web/svg/favicon.svg
+++ b/web/share/svg/favicon.svg
diff --git a/web/svg/gear-led.svg b/web/share/svg/gear-led.svg
index db9aff21..db9aff21 100644
--- a/web/svg/gear-led.svg
+++ b/web/share/svg/gear-led.svg
diff --git a/web/svg/hid-keyboard-led.svg b/web/share/svg/hid-keyboard-led.svg
index dc17c615..dc17c615 100644
--- a/web/svg/hid-keyboard-led.svg
+++ b/web/share/svg/hid-keyboard-led.svg
diff --git a/web/svg/hid-mouse-led.svg b/web/share/svg/hid-mouse-led.svg
index b922bdde..b922bdde 100644
--- a/web/svg/hid-mouse-led.svg
+++ b/web/share/svg/hid-mouse-led.svg
diff --git a/web/svg/info.svg b/web/share/svg/info.svg
index b28139d5..b28139d5 100644
--- a/web/svg/info.svg
+++ b/web/share/svg/info.svg
diff --git a/web/svg/kvm.svg b/web/share/svg/kvm.svg
index 7a0dcf71..7a0dcf71 100644
--- a/web/svg/kvm.svg
+++ b/web/share/svg/kvm.svg
diff --git a/web/svg/link-led.svg b/web/share/svg/link-led.svg
index 8cc10e13..8cc10e13 100644
--- a/web/svg/link-led.svg
+++ b/web/share/svg/link-led.svg
diff --git a/web/svg/logo.svg b/web/share/svg/logo.svg
index eec39fd3..eec39fd3 100644
--- a/web/svg/logo.svg
+++ b/web/share/svg/logo.svg
diff --git a/web/svg/msd-led.svg b/web/share/svg/msd-led.svg
index a8da7092..a8da7092 100644
--- a/web/svg/msd-led.svg
+++ b/web/share/svg/msd-led.svg
diff --git a/web/svg/select-arrow-inactive.svg b/web/share/svg/select-arrow-inactive.svg
index ba68f05c..ba68f05c 100644
--- a/web/svg/select-arrow-inactive.svg
+++ b/web/share/svg/select-arrow-inactive.svg
diff --git a/web/svg/select-arrow-intensive.svg b/web/share/svg/select-arrow-intensive.svg
index 3223f099..3223f099 100644
--- a/web/svg/select-arrow-intensive.svg
+++ b/web/share/svg/select-arrow-intensive.svg
diff --git a/web/svg/select-arrow-normal.svg b/web/share/svg/select-arrow-normal.svg
index 174663ce..174663ce 100644
--- a/web/svg/select-arrow-normal.svg
+++ b/web/share/svg/select-arrow-normal.svg
diff --git a/web/svg/stream-led.svg b/web/share/svg/stream-led.svg
index 8dfbfbe3..8dfbfbe3 100644
--- a/web/svg/stream-led.svg
+++ b/web/share/svg/stream-led.svg
diff --git a/web/svg/stream-mouse-cursor.svg b/web/share/svg/stream-mouse-cursor.svg
index ff852ef6..ff852ef6 100644
--- a/web/svg/stream-mouse-cursor.svg
+++ b/web/share/svg/stream-mouse-cursor.svg
diff --git a/web/svg/warning.svg b/web/share/svg/warning.svg
index 3137b24d..3137b24d 100644
--- a/web/svg/warning.svg
+++ b/web/share/svg/warning.svg