index.html

<html>
<head>
	<title>Typist</title>
	
	<link rel="stylesheet" type="text/css" href="./css/typist.css" />

	<script type='text/javascript' src='./js/MochiKit.js'></script>
	<script type='text/javascript' src='./js/Clipperz/YUI/Utils.js'></script>
	<script type='text/javascript' src='./js/Clipperz/Base.js'></script>
	<script type='text/javascript' src='./js/Clipperz/Logging.js'></script>
	<script type='text/javascript' src='./js/Clipperz/Async.js'></script>
	<script type='text/javascript' src='./js/Clipperz/Signal.js'></script>
	<script type='text/javascript' src='./js/Clipperz/Visual.js'></script>


	<script type='text/javascript' src='./js/Lesson.js'></script>
	<script type='text/javascript' src='./js/Lessons.js'></script>

	<script type='text/javascript' src='./js/Target.js'></script>

	<script type='text/javascript' src='./js/MainController.js'></script>
	<script type='text/javascript' src='./js/TargetController.js'></script>


	<script type='text/javascript' src='./js/main.js'></script>
	
</head>
<body>

	<div id="splashScreen">
		<h1>Typist</h1>
		<div id="startBox">
			<h3 id="startButton">start</h3>
			<form id="initialLesson">
				<label>lesson</label>
				<select id="initialLessonSelect">
				</select>
			</form>
		</div>
	</div>

	<div id="readySteadyGo">
		<h3 id="ready">ready</h3>
		<h2 id="steady">steady</h2>
		<h1 id="go">go!</h1>
	</div>

	<div id="playground">
		<div id="header">
			<div id="score">Score: <span id="scoreValue"></span></div>
			<div id="errors">Errors: <span id="triggeredErrors"></span><span id="availableErrors"></span></div>
		</div>
		<div id="targets"></div>
	</div>

</body>
</html>