/
tta.html
57 lines (53 loc) · 1.95 KB
/
tta.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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<html>
<head>
<title>tta</title>
<link rel='stylesheet' href='luk.css'>
<script src='luk.js'></script>
<link rel='stylesheet' href='tta.css'>
<script src='tta.js'></script>
</head>
<body>
<div id='background-box'>
<div id='synth-box'>
<div>
<div class='knob-box'>
<div class='label'>w</div>
<div id='wave'></div>
</div>
<div class='knob-box'>
<div class='label'>a</div>
<div id='attack'></div>
</div>
<div class='knob-box'>
<div class='label'>d</div>
<div id='decay'></div>
</div>
<div class='knob-box'>
<div class='label'>s</div>
<div id='sustain'></div>
</div>
<div class='knob-box'>
<div class='label'>r</div>
<div id='release'></div>
</div>
</div>
<div>
<div id='s' class='key black'>s</div>
<div id='d' class='key black'>d</div>
<div id='g' class='key black'>g</div>
<div id='h' class='key black'>h</div>
<div id='j' class='key black'>j</div>
</div>
<div>
<div id='z' class='key'>z</div>
<div id='x' class='key'>x</div>
<div id='c' class='key'>c</div>
<div id='v' class='key'>v</div>
<div id='b' class='key'>b</div>
<div id='n' class='key'>n</div>
<div id='m' class='key'>m</div>
</div>
</div>
</div>
</body>
</html>