1 files changed, 77 insertions, 0 deletions
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..245074f
--- /dev/null
+++ b/index.html
@@ -0,0 +1,77 @@
+<html>
+<head>
+<title>gun violence</title>
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+<link rel="stylesheet" type="text/css" href="index.css" />
+</head>
+<body class='loading'>
+<div>
+<div class='tools'>
+	<div>
+		<h2>Sonification of gun violence</h2>
+		<div class='buttons'>
+			<button id="export_midi">Export dataset as MIDI</button>
+			<button id="record_midi">Record MIDI</button>
+			<span id='recording_msg'>Recording</span>
+		</div>
+		<label>
+			<span>scale</span>
+			<select id="scale"></select>
+		</label>
+		<label>
+			<span>dataset</span>
+			<select id="dataset"></select>
+		</label>
+		<label>
+			<span>behavior</span>
+			<select id="behavior"></select>
+		</label>
+		<div class='radio'>
+			<div id="timing"></div>
+			<span class='val'></span>
+		</div>
+		<div class='row'>
+			<div class='block'>
+				<div id="tempo"></div>
+				<span class='val'></span>
+				<span>Tempo</span>
+			</div>
+			<div class='block'>
+				<div id="duration"></div>
+				<span class='val'></span>
+				<span>Duration</span>
+			</div>
+			<div class='block'>
+				<div id="octave"></div>
+				<span class='val'></span>
+				<span>Octave</span>
+			</div>
+			<div class='block'>
+				<div id="offset"></div>
+				<span class='val'></span>
+				<span>Offset</span>
+			</div>
+			<div class='block'>
+				<div id="multiply"></div>
+				<span class='val'></span>
+				<span>Multiply</span>
+			</div>
+			<div class='block'>
+				<div id="interval"></div>
+				<span class='val'></span>
+				<span>Interval</span>
+			</div>
+		</div>
+	</div>
+</div>
+<div class="corner left">
+</div>
+<div class="corner right">
+</div>
+</body>
+<script>
+	var s = document.createElement('script');
+	s.setAttribute('src','bundle.js?' + Date.now());
+	document.body.appendChild(s)
+</script>
+</html>