index.html

<!DOCTYPE html>

<html>

	<head>
		
		<title>Cloud MeX</title>

		<link href=".\assets\stylesheets\reset.css" rel="stylesheet" type="text/css">
		<link href=".\assets\stylesheets\styles.css" rel="stylesheet" type="text/css">

	</head>

	<body>

		<div class="flyout">

			<h1>Cloud MeX</h1>

			<button id="fetch" type="button" onclick="loadXMLDoc()">Fetch</button>
			<button id="play_btn" type="button" onclick="play()">Play</button>
			<input id="lower" type="number" min="0" max="4094" value="0" oninput="lower_callback()" class="color_range">
			<input id="upper" type="number" min="1" max="4095" value="4095" oninput="upper_callback()" class="color_range">

			<hr><br>

			<div class="container" id="container"></div>

		</div>

		<script src=".\assets\javascripts\myscript.js"></script>

	</body>

</html>