-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
45 lines (42 loc) · 1.26 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>
<head>
<meta charset='utf-8'>
<title>Polyrhythm Generator</title>
<link href='https://fonts.googleapis.com/css2?family=Roboto+Mono&family=Montserrat&display=swap' rel='stylesheet'>
<script src='scripts/math.min.js' type='text/javascript'></script>
<link rel='stylesheet' href='index.css'>
</head>
<body>
<h1>polyrhythm generator</h1>
<content>
<form>
<br>
<uinput type='pulse'>
<label for='pulse'>pulse:</label>
<input type='number' class='pulse' min='2' max='99'>
</uinput><br><br>
<uinput type='cpulse'>
<label for='cpulse'>counterpulse:</label>
<input type='number' class='cpulse' min='2' max='99'><br><br>
</uinput>
</form>
<br>
<h3 class='htable'>table</h3>
<results type='table'>
<tableWrap>
<p class='resolve'></p>
</tableWrap>
</results>
<h3 class='hlines'>line diagram</h3>
<results type='lines'>
<linesWrap>
<canvas class='lines' width=500px></canvas>
</linesWrap>
</results>
</content>
<script type='text/javascript' src='scripts/main.js'></script>
<script type='text/javascript' src='scripts/generator.js'></script>
<script type='text/javascript' src='scripts/draw.js'></script>
</body>
</html>