<!DOCTYPE html>

<html lang="en">
	<head>
		<title>
			Playground
		</title>

		<style>
			@import url(http://fonts.googleapis.com/css?family=Noto+Sans|Droid+Sans+Mono);
			@import url(style.css);
		</style>
	</head>

	<body>
		<div id="content">
			<a href="/">back</a><br>
			<h2>Playground</h2>
			<ul>
				<li><a href="rectangleThing.html">Rectangle thing</a></li>
			</ul>
		</div>
		<script>
			(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
			(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
			m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
			})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

		 	ga('create', 'UA-38628874-4', 'timothyaveni.com');
			ga('send', 'pageview');
		</script>
	</body>
</html>

<!DOCTYPE html>

<html lang="en">
	<head>
		<title>
			Playground
		</title>

		<style>
			@import url(http://fonts.googleapis.com/css?family=Noto+Sans|Droid+Sans+Mono);
			@import url(style.css);
		</style>
	</head>

	<body>
		<div id="content">
			<a href="/">back</a><br>
			<h2>Playground</h2>
			<ul>
				<li><a href="rectangleThing.html">Rectangle thing</a></li>
				<li><a href="/undertow">Metronome for John Mackey's Undertow</a></li>
				<li><a href="/vesuvius">Metronome for Frank Ticheli's Vesuvius (still a WIP)</a></li>
			</ul>
		</div>
		<script>
			(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
			(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
			m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
			})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

		 	ga('create', 'UA-38628874-4', 'timothyaveni.com');
			ga('send', 'pageview');
		</script>
	</body>
</html>

Add metronome links to playground
Add metronome links to playground