<!doctype html>
<html>

<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Tesla Charge Control</title>
	<link id="favicon" rel="icon"
		href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🎚️</text></svg>">
	<link rel="stylesheet" href="style.css">
	<script src="script.js"></script>
</head>

<body onload="init_pid()">
	<div class="container">
		<p id="pid-control">
		<h3>PID:</h3>
		<input type="number" id="proportional-gain" step="0.1" autocomplete="off" />
		<button id="set-proportional" onclick="set_proportional()">Set proportional gain</button>
		<br><br>
		<input type="number" id="derivative-gain" step="0.1" autocomplete="off" />
		<button id="set-derivative" onclick="set_derivative()">Set derivative gain</button>
		<br><br>
		<input type="number" id="load-divisor" step="1" max="50" min="1" autocomplete="off" />
		<button id="set-load-divisor" onclick="set_load_divisor()">Set load current divisor</button>
		</p>
		<p>
			<a class="outlink" href="/">←Home</a>
		</p>
	</div>
</body>

</html>