-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
45 lines (45 loc) · 2.08 KB
/
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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Security-Policy" content="script-src 'self'; style-src 'self' 'sha256-b1lMh1fPgVuV7tx5kfgTX0A3+qHgEM5ksM3SjCQma6Y='; img-src 'self';">
<link rel="stylesheet" href="index.css">
</head>
<body>
<div id="controls">
<div id="switch-percent-nominal-container">
<div id="switch-percent-nominal-text">pct/abs</div>
<input type="checkbox" id="switch-percent-nominal" class="input-switch"
data-src="./images/buttons/switch_offon.png" data-diameter="80" checked/>
</div>
<div id="first-knob-row">
<div class="knob-container">
<label id="soak-label" for="soak-knob">SOAK</label>
<input type="range" id="soak-knob" class="input-knob soak" data-diameter="120"
data-src="./images/buttons/knob70.png" data-sprites="100"
min="0" max="127" value="127" />
<div id="soak-value" class="soak"></div>
</div>
</div>
<div id="second-knob-row">
<div class="knob-container">
<label for="gain-knob">GAIN</label>
<input type="range" id="gain-knob" class="input-knob gain" data-diameter="120"
data-src="./images/buttons/knob70.png" data-sprites="100"
min="0" max="127" value="127" />
<div id="gain-value" class="gain"></div>
</div>
<div class="knob-container">
<label for="master-knob">MASTER</label>
<input type="range" id="master-knob" class="input-knob master" data-diameter="120"
data-src="./images/buttons/knob70.png" data-sprites="100"
min="0" max="127" value="127" />
<div id="master-value" class="master"></div>
</div>
</div>
</div>
<script src="./input-knobs.js"></script>
<script src="./index.js"></script>
</body>
</html>