-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
31 lines (30 loc) · 1013 Bytes
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<html>
<style>
html, body { width: 100%; height: 100%; overflow: hidden; padding: 0; margin: 0; }
body { background:#222; color:#fff; font-family: sans-serif; font-size: 9pt; }
button { background:#bbb; }
textarea, canvas { background:#777; width:400px; height:260px;}
canvas { background: #333; }
html, body { display: flex; }
#left { flex: 1; }
#right { max-height: 100%; overflow-y: scroll; padding: 10px; white-space: pre; width: 100%; }
</style>
<body style="background: #222; color: #bbb">
<div id="left">
<button id="buttonPlay">play</button>
<button id="buttonStop">stop</button>
<button id="buttonBench">bench</button>
<input id="inputBenchTimes" type="number" step="1" value="3" min="1" max="10e6" title="bench iterations">
<select id="exampleSelect"></select>
<br>
<textarea id="codeEditor">
bpm(120)
mod(1/4).saw(50).exp(10).out().plot()
</textarea><br>
<canvas id="canvas" width=800 height=520></canvas>
</div>
<div id="right">
</div>
<script src="/script.js" type="module"></script>
</body>
</html>