You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
44 lines
1.3 KiB
HTML
44 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Module test</title>
|
|
<script src="{{url_for('static', filename='js/input-knobs.js')}}"></script>
|
|
<link rel="stylesheet" href="{{url_for('static', filename='css/style.css')}}" />
|
|
</head>
|
|
<body>
|
|
<ul>
|
|
{% for module in modules%}
|
|
<li>{{module}}</li>
|
|
{% endfor %}
|
|
</ul>
|
|
|
|
<form class="module" method="POST">
|
|
<div class="control">
|
|
<input type="range" class="input-knob" name="attack" data-fgcolor="white" />
|
|
<label for="attack">Attack</label>
|
|
</div>
|
|
|
|
<div class="control">
|
|
<input type="range" class="input-knob" name="decay" data-fgcolor="white" />
|
|
<label for="decay">Decay</label>
|
|
</div>
|
|
|
|
<div class="control">
|
|
<input type="range" class="input-knob" name="sustain" data-fgcolor="white" />
|
|
<label for="sustain">Sustain</label>
|
|
</div>
|
|
|
|
<div class="control">
|
|
<input type="range" class="input-knob" name="release" data-fgcolor="white" />
|
|
<label for="release">Release</label>
|
|
</div>
|
|
|
|
<input type="text" name="name" id="name" placeholder="Name" />
|
|
<input type="submit" id="submit" value="Save" />
|
|
</form>
|
|
</body>
|
|
</html>
|