index.html

<!DOCTYPE html>
<html>
	<head>
		<link rel="stylesheet" href="style.css">
	</head>
	<body>
		<div id="stream-container"></div>
		<div class="center-title" id="click-anywhere"><div class="title-text">Click anywhere to begin!</div></div>
		<div class="center-title" id="calibration"><div class="title-text">
			<h1>Calibration</h1>
			<p>Place the top of this window on the top of your screen, or as far up as you can comfortably put it.<br>Resize the window so that it takes up the full height of your available space, including touching the bottom.<br>When you have done this, please press the space bar.</p>
		</div></div>
		<script src="https://cdn.jsdelivr.net/npm/hls.js@latest/dist/hls.min.js"></script>
		<script src="script.js"></script>
	</body>
</html>