index.html

<!DOCTYPE html>
<html lang="en">
<head>
        <meta charset="utf-8" />
        <title>Coverage Circles</title>
        <!--[if IE]>
                <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
		<link rel="stylesheet" href="src/circles.css" type="text/css" charset="utf-8">
		<link rel="stylesheet" href="bootstrap.min.css" type="text/css" charset="utf-8">
		<link rel="shortcut icon" href="dots_16x16.png" type="image/x-icon" />
		<link rel="icon" href="dots_16x16.png" type="image/x-icon" />
</head>
<body>
	<div class="topbar">
      <div class="fill">
        <div class="container">
			<h3>
				<a class="brand" href="./">Coverage Circles</a>
			</h3>
			<ul class="nav">
				<li class="dropdown" data-dropdown="dropdown">
					<a href="#" class="dropdown-toggle">Game Level</a>
					<ul class="dropdown-menu">
						<li><a href="./?mode=1">1: Single</a></li>
						<li><a href="./?mode=2">2: Grid</a></li>
						<li><a href="./?mode=3">3: --Nothing--</a></li>
						<li><a href="./?mode=4">4: Adjustable Grid</a></li>
						<li><a href="./?mode=5">5: Choose Your Grid</a></li>
					</ul>
				</li>
			</ul>
        </div>
      </div>
    </div>
	<div class="container">
		<div id="main" class="row">
		</div>
	</div>
	<script src="libs/underscore.js" type="text/javascript" charset="utf-8"></script>
	<script src="libs/color.js" type="text/javascript" charset="utf-8"></script>
	<script src="src/circles.js" type="text/javascript" charset="utf-8"></script>
	<script src="libs/jquery-1.6.2-min.js" type="text/javascript" charset="utf-8"></script>
	<script src="libs/raphael-min.js" type="text/javascript" charset="utf-8"></script>
	<script src="bootstrap-dropdown.js" type="text/javascript" charset="utf-8"></script>
	<script src="src/application.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>