settings.html

 <!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<title>Settings for OutOfYT</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="">
<style>
	*{
		margin:5px;
	}
</style>

<body>

<div class="settings">
	<form>
		<h1>Change Settings</h1>
		<label for="activeStartH">Start being active at</label><br>
		<input type="range" name="activeStartH" min="0" max="23" step="1" id="activeStartH">

		<p id="startHourValue" style="display:inline-block; margin-left: 10px;"></p>
		<br>

		<label for="activeStopH">Stop being active at</label><br>
		<input type="range" name="activeStopH" min="0" max="23" step="1" id="activeStopH">
		<p id="stopHourValue" style="display:inline-block; margin-left: 10px;"></p>
		<br>

		<label for="redirectUrl">URL to redirect user to </label><br>
		<input type="url" name="redirectUrl" id="urlInputField"><br>
		<input type="submit" value="Save Settings" name="">
	</form>
</div>
<script src="settings_js.js" ></script>

</body>
</html> 