1 files changed, 72 insertions, 0 deletions
diff --git a/rectangles-canvas-only.html b/rectangles-canvas-only.html
new file mode 100644
index 0000000..b0c2436
--- /dev/null
+++ b/rectangles-canvas-only.html
@@ -0,0 +1,72 @@
+<!doctype html>
+<html>
+<head>
+	<link rel="stylesheet" type="text/css" href="assets/stylesheets/css.css">
+<style type="text/css">
+body { background: #fff; }
+body > div {
+	float: left;
+}
+#info {
+	padding: 30px;
+}
+#hud {
+	position: absolute;
+	top:0;left:0;
+	z-index: 10;
+}
+.face {
+	background-color: #fff;
+}
+.front { background-color: #ddd; }
+.back  { background-color: #bbb; }
+.left  { background-color: #aaa; }
+.right { background-color: #888; }
+#map canvas {
+	border-bottom: 2px solid #ddd;
+	border-right: 2px solid #ddd;
+}
+</style>
+</head>
+<body>
+
+	<div id="hud">
+		<div id="map" style="display: block">
+		</div>
+
+		<div id="info">
+			<select id="palette">
+				<option>colors</option>
+				<option>redblue</option>
+				<option>gray</option>
+				<option selected>alpha</option>
+			</select>
+			<div id="intersects"></div>
+		</div>
+	</div>
+
+</body>
+<script src="assets/javascripts/vendor/jquery.min.js"></script>
+<script type="text/javascript" src="assets/javascripts/vendor/tube.js"></script>
+<script type="text/javascript" src="assets/javascripts/vendor/loader.js"></script>
+<script type="text/javascript" src="assets/javascripts/vendor/polyfill.js"></script>
+<script type="text/javascript" src="assets/javascripts/util.js"></script>
+
+<script type="text/javascript" src="assets/javascripts/rectangles/_env.js"></script>
+<script type="text/javascript" src="assets/javascripts/rectangles/colors.js"></script>
+<script type="text/javascript" src="assets/javascripts/rectangles/debug.js"></script>
+<script type="text/javascript" src="assets/javascripts/rectangles/tree.js"></script>
+<script type="text/javascript" src="assets/javascripts/rectangles/room.js"></script>
+<script type="text/javascript" src="assets/javascripts/rectangles/rect.js"></script>
+<script type="text/javascript" src="assets/javascripts/rectangles/vec2.js"></script>
+<script type="text/javascript" src="assets/javascripts/rectangles/draw.js"></script>
+<script type="text/javascript" src="assets/javascripts/rectangles/sort.js"></script>
+<script type="text/javascript" src="assets/javascripts/rectangles/wheel.js"></script>
+<script type="text/javascript" src="assets/javascripts/rectangles/builder.js"></script>
+<script type="text/javascript" src="assets/javascripts/rectangles/clipper.js"></script>
+
+<script>
+	environment.init()
+</script>
+
+</html>