index.html

<style>
	body {
		font-family: Helvetica, Arial, sans-serif;
	}

	#container {
		margin: 100px auto 0;
		max-width: 980px;
	}

	a,
	a:visited,
	a:active {
		color: #456476;
	}

	a:hover {
		color: #719F6E;
	}

	li {
		margin: 6px 0;
	}

	small {
		margin-right: 15px;
	}

	.status {
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		font-size: 10px;
		font-weight: bold;
		color: #fff;
		margin-left: 10px;
		padding: 3px 5px;
		display: inline-block;
	}

	.done {
		background: #57cc14;
	}

	.in-progress {
		background: #c5cc14;
	}

	.problem {
		background: #E81A1A;
	}
</style>
<div id="container">
	<h1><a href="http://www.packtpub.com/jquery-hotshot/book">jQuery Hotshot</a></h1>
	<h4>by <a href="http://www.danwellman.co.uk/">Dan Wellman</a></h4>

	<p>This is the working HTML of the projects covered in the jQuery Hotshot book completed during <a href="http://www.meetup.com/Denver-Code-Club/">Denver Code Club</a>'s study groups.</p>

	<ul>
		<li><a href="proj1/">Project One: Sliding Puzzle</a><span class="status done">Completed</span></li>
		<li><a href="proj2/">Project Two: Fixed Sidebar</a><span class="status done">Completed</span></li>
		<li><a href="proj3/">Project Three: Google Map</a><span class="status done">Completed</span></li>
		<li><a href="proj4/">Project Four: Bounty Hunter</a><span class="status done">Completed</span></li>
		<li><a href="proj5/">Project Five: jQuery File Uploader</a><span class="status done">Completed</span></li>
		<li>
			<a href="https://github.com/cfree/hotshot/tree/gh-pages/proj6">Project Six: Extending Chrome with jQuery</a><span class="status problem">Unknown Issue</span>
			<ul>
				<li>Instructions: <a href="http://developer.chrome.com/extensions/external_extensions.html">Copy files into Chrome as an extension</a></li>
			</ul>
		</li>
		<li><a href="proj7/jquery-source/jquery/test">Project 7: Build Your Own jQuery</a><span class="status done">Completed</span></li>
		<li><a href="proj8/">Project 8: Inifnite Scrolling with jQuery</a><span class="status done">Completed</span></li>
		<li><a href="proj9/">Project 9: jQuery Heat Map</a><span class="status in-progress">In Progress</span></li>
	</ul>

	<hr>
	<small><a href="https://github.com/cfree/hotshot/">Project Repository</a></small>
</div>