-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsorta-helix.html
41 lines (34 loc) · 1.26 KB
/
sorta-helix.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Some Sorta Helix?</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
</head>
<body>
<div class="well col-sm-3 col-xs-4">
<h1>Heeeeelix</h1>
<form role="form">
<div class="form-group">
<label for="n">Rectangle count</label>
<input id="rectangle_count" class="form-control" type="text" name="n" value="20">
</div>
<div class="form-group">
<label for="w">Rectangle width</label>
<input class="form-control" type="text" name="w" value="10">
</div>
<div class="form-group">
<label for="h">Rectangle height</label>
<input class="form-control" type="text" name="h" value="10">
</div>
<button name="animate" class="btn btn-success" type="submit">Animate!</button>
<button name="stop" class="btn btn-danger" type="button">Stop!</button>
<button name="reset" class="btn btn-default" type="button">Reset</button>
</form>
</div>
<div class="col-sm-9 col-xs-8">
<canvas id="myCanvas" width="1200" height="800"></canvas>
</div>
<script src="js/helix.js"></script>
</body>
</html>