<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">




<head>

	<title>Blobular</title>

	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	<meta name="author" content="The Man in Blue" />
	<meta name="robots" content="all" />
	<meta name="MSSmartTagsPreventParsing" content="true" />
	<meta name="description" content="" />
	<meta name="keywords" content="" />
	
	<link rel="stylesheet" href="css/html.css" />
	<link rel="stylesheet" href="css/svg.css" />
	
	<script type="text/javascript" src="scripts/blobular.js"></script>
	<script type="text/javascript">
		var _gaq = _gaq || [];
		_gaq.push(['_setAccount', 'UA-2120330-1']);
		_gaq.push(['_trackPageview']);

		(function() {
			var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
			ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
			var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
		})();
	</script>
	
</head>




<body>
    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"  id="svg-root" width="100%" height="100%" viewBox="0,0,800,600" version="1.1" baseProfile="tiny">
    </svg>

	<div id="header">
		<h1>
			<img src="images/logo.png" width="174" height="31" alt="Blobular" />
		</h1>
		<ul id="options">
			<li id="join" class="on">
				<h2>
					Auto-join
				</h2>
			</li>
			<li>
				<h2>
					Viscosity
				</h2>
				<div id="viscosity" class="slider">
					<div class="sliderIndicator">
					</div>
				</div> <!-- END #viscosity -->
			</li>
			<li>
				<h2>
					Colour
				</h2>
				<div id="colour" class="slider">
					<div class="sliderIndicator">
					</div>
				</div> <!-- END #colour -->
			</li>
		</ul>
	</div>
	<div id="instructions">
		Pull me from the edges,<br />
		drag me from the centre.
	</div>
</body>




</html>
