-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathindex.html
68 lines (63 loc) · 2.75 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
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<!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, maximum-scale=1, user-scalable=no">
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
<link rel="stylesheet" href="resources/css/bootstrap-slider.min.css">
<link rel="stylesheet" href="resources/css/stylesheet.css">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="container">
<h1>Spiral Pancake Generator</h1>
<canvas id="a" width="400" height="200">
This text is displayed if your browser does not support HTML5 Canvas.
</canvas>
<h4>
To create a spiral pancake, select a point on the sliders starting from the top slider (Clip Angle) and work your way down.
<br> This project is still in beta and will be finalized by January 15, 2016.
</h4>
<h4>
Once you have created the spiral pancake you want, click the Download GCode button, rename the file and copy the file to the SD card.
Insert the SD card into the PancakeBot and select the file and print!
</h4>
<div class="row" style="width: 300px">
<table class="table">
<tbody id="inputControls">
</tbody>
</table>
</div>
</div>
<br><button class="btn btnDefault">Download GCode</button>
<script id="inputControlTemplate" type="x-tmpl-mustache">
{{ #. }}
<tr>
<td nowrap>
<label for="{{ name }}">{{ label }}</label>
</td>
<td>
<div style="height: 40px">
<span id="{{ name }}-label" class="hidden">Example slider label</span>
<input id="{{ name }}" class="slider" type="text"/>
</div>
</td>
</tr>
{{ /. }}
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="resources/js/mustache.min.js"></script>
<script src="resources/js/bootstrap-slider.min.js"></script>
<script src="resources/js/app.js"></script>
</body>
</html>