ProxmoxAAS-Dashboard/login.html

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>tronnet - client</title>
		<link rel="icon" href="images/favicon.svg" sizes="any" type="image/svg+xml">
		<link rel="stylesheet" href="css/style.css" type="text/css">
		<link rel="stylesheet" href="css/form.css" type="text/css">
		<link rel="stylesheet" href="css/button.css" type="text/css">
		<script src="scripts/login.js" type="module"></script>
	</head>
	<body>
		<header>
			<h1>tronnet</h1>
			<hr>
			<nav id="nav">
				<a href="login.html">Login</a>
			</nav>
		</header>
		<main>
			<h2>Login</h2><hr>
			<form style="margin-left: auto; margin-right: auto;">
				<fieldset>
					<legend>Proxmox VE Login</legend>
					<div class="input-grid" style="grid-template-columns: repeat(2, auto);">
						<label for="username">Username</label>
						<input type="text" id="username" name="username">
						<label for="password">Password</label>
						<input type="password" id="password" name="password">
						<label for="realm">Realm</label>
						<select id="realm" name="realm"></select>
					</div>
				</fieldset>
				<fieldset class="fieldset-no-border">
					<div class="btn-group">
						<button id="submit">LOGIN</button>
					</div>
				</fieldset>
			</form>
			<p id="status" style="text-align: center;"></p>
		</main>
		<footer><p>&copy; tronnet</p></footer>
	</body>
</html>
add login page 2022-12-12 22:57:43 +00:00			`<!DOCTYPE html>`
			`<html lang="en">`
			`<head>`
			`<meta charset="utf-8">`
improve login form responsiveness Signed-off-by: Arthur Lu <learthurgo@gmail.com> 2023-04-06 22:31:39 +00:00			`<meta name="viewport" content="width=device-width, initial-scale=1.0">`
add login page 2022-12-12 22:57:43 +00:00			`<title>tronnet - client</title>`
add icon to all pages 2023-01-28 03:18:20 +00:00			`<link rel="icon" href="images/favicon.svg" sizes="any" type="image/svg+xml">`
move js to scripts folder, move css to css folder 2022-12-13 00:27:45 +00:00			`<link rel="stylesheet" href="css/style.css" type="text/css">`
populate static elements of config.html, add node info to config page search, change login.css to form.css 2022-12-20 00:13:43 +00:00			`<link rel="stylesheet" href="css/form.css" type="text/css">`
rename buttons.css to button.css, add table styling and prepare for better table generation Signed-off-by: Arthur Lu <learthurgo@gmail.com> 2023-04-05 22:29:15 +00:00			`<link rel="stylesheet" href="css/button.css" type="text/css">`
move js to scripts folder, move css to css folder 2022-12-13 00:27:45 +00:00			`<script src="scripts/login.js" type="module"></script>`
add login page 2022-12-12 22:57:43 +00:00			`</head>`
			`<body>`
major changes to styling: move nav bar to left side and implement hover animations, generalize color scheme using css variables, move button and btn-group related styles to buttons.css, consolidate form input and select styles in form.css Signed-off-by: Arthur Lu <learthurgo@gmail.com> 2023-03-25 23:38:15 +00:00			`<header>`
simplify styling 2023-04-06 03:46:39 +00:00			`<h1>tronnet</h1>`
			`<hr>`
working but hacky 2023-04-06 02:56:37 +00:00			`<nav id="nav">`
simplify styling 2023-04-06 03:46:39 +00:00			`<a href="login.html">Login</a>`
			`</nav>`
major changes to styling: move nav bar to left side and implement hover animations, generalize color scheme using css variables, move button and btn-group related styles to buttons.css, consolidate form input and select styles in form.css Signed-off-by: Arthur Lu <learthurgo@gmail.com> 2023-03-25 23:38:15 +00:00			`</header>`
			`<main>`
simplify styling 2023-04-06 03:46:39 +00:00			`<h2>Login</h2><hr>`
use css vars for coloring Signed-off-by: Arthur Lu <learthurgo@gmail.com> 2023-04-03 22:59:36 +00:00			`<form style="margin-left: auto; margin-right: auto;">`
			`<fieldset>`
			`<legend>Proxmox VE Login</legend>`
			`<div class="input-grid" style="grid-template-columns: repeat(2, auto);">`
			`<label for="username">Username</label>`
			`<input type="text" id="username" name="username">`
			`<label for="password">Password</label>`
			`<input type="password" id="password" name="password">`
			`<label for="realm">Realm</label>`
			`<select id="realm" name="realm"></select>`
			`</div>`
			`</fieldset>`
			`<fieldset class="fieldset-no-border">`
			`<div class="btn-group">`
			`<button id="submit">LOGIN</button>`
			`</div>`
			`</fieldset>`
			`</form>`
			`<p id="status" style="text-align: center;"></p>`
major changes to styling: move nav bar to left side and implement hover animations, generalize color scheme using css variables, move button and btn-group related styles to buttons.css, consolidate form input and select styles in form.css Signed-off-by: Arthur Lu <learthurgo@gmail.com> 2023-03-25 23:38:15 +00:00			`</main>`
			`<footer><p>© tronnet</p></footer>`
add login page 2022-12-12 22:57:43 +00:00			`</body>`
			`</html>`