diff options
| author | Jules Laplace <julescarbon@gmail.com> | 2018-10-07 03:16:22 +0200 |
|---|---|---|
| committer | Jules Laplace <julescarbon@gmail.com> | 2018-10-07 03:16:22 +0200 |
| commit | 5496464966ff34c848538d726819ed91119da1f2 (patch) | |
| tree | f6fed075b6df3fb249f69118f25b743317ac1ac2 /index.html | |
| parent | 852ed2e007deac47292d3e83a374070683c29894 (diff) | |
grep script
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 77 |
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> |