<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!--
INFO 343 Lab 4
(from CSE 190 M Lab 6, Victoria Kirst & Kevin Wallace)
Use this file for your lab, but do not edit its contents.
-->
<head>
<title>Maze!</title>
<!-- provided files; do not modify -->
<link href="http://info343.ischool.uw.edu/labs/4/maze.css" type="text/css" rel="stylesheet" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
<!-- your code -->
<script src="maze.js" type="text/javascript"></script>
</head>
<body>
<h1>The Amazing Mouse Maze!</h1>
<h2 id="status">Move your mouse over the "S" to begin.</h2>
<!-- This part of the page represents the maze -->
<div id="maze">
<div id="start">S</div>
<div class="boundary"></div>
<div class="boundary"></div>
<div class="boundary"></div>
<div class="boundary"></div>
<div class="boundary"></div>
<div id="end">E</div>
</div>
<p>
The object of this game is to guide the mouse cursor through the start area and get to the end area. Be sure to avoid the walls:
</p>
<div class="boundary example"></div>
<p>
Good luck!
</p>
</body>
</html>