<!DOCTYPE html>
<html>
<head>
	<title>Crowdsourced Annotations</title>
	<link rel="stylesheet" type="text/css" href="style.css"></script>
	<script type="text/javascript" src="https://cdn.firebase.com/js/client/2.2.1/firebase.js"></script>
	<script type="text/javascript" src="https://code.jquery.com/jquery.min.js"></script>
	<script type="text/javascript" src="utils.js"></script>
	<script type="text/javascript" src="annotations.js"></script>
	<script type="text/javascript" src="https://www.youtube.com/iframe_api"></script>
</head>
<body>
	<div class="text">
		<p id="instructions"></p>
	</div>
	<div id="video">
		<div id="player"></div>
	</div>
	<div>
		<div id="response_area">
		</div>
		<div>
			<button id="submit" disabled>Submit HIT</button>
		</div>
	</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
	<title>Crowdsourced Annotations</title>
	<link rel="stylesheet" type="text/css" href="style.css"></script>
	<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
	<script type="text/javascript" src="https://cdn.firebase.com/js/client/2.2.1/firebase.js"></script>
	<script type="text/javascript" src="https://code.jquery.com/jquery.min.js"></script>
	<script type="text/javascript" src="utils.js"></script>
	<script type="text/javascript" src="annotations.js"></script>
	<script type="text/javascript" src="https://www.youtube.com/iframe_api"></script>
</head>
<body>
	<div id="instructions_area">
		<ol id="instructions"></ol>
	</div>
	<div id="video">
		<div id="player"></div>
	</div>
	<div>
		<div id="response_area">
		</div>
		<div>
			<button id="submit" disabled>Submit HIT</button>
		</div>
	</div>
</body>
</html>
Add Google Font and ol for instructions
Add Google Font and ol for instructions
