-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
41 lines (41 loc) · 2.48 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
<!DOCTYPE html>
<html>
<head>
<title>Lathe-R-Beam : Everyone must turn, turn, turn.</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="http://netdna.bootstrapcdn.com/bootswatch/3.0.0/flatly/bootstrap.min.css" rel="stylesheet">
<link href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" href="css/Lathe-R-Beam.css">
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico">
</head>
<body>
<div class="container">
<div class="header">
<h1 id="logo">Lathe-R-Beam</h1>
<a href="https://github.com/makenai/Lathe-R-Beam"><img style="position: absolute; top: 0; right: 0; border: 0;" src="images/forkme_right_orange_ff7600.png" alt="Fork me on GitHub"></a>
</div>
<div id="canvasContainer">
<div id="windows"></div>
<button class="btn btn-success" id="lathe" disabled="disabled"><i class="icon-refresh"></i> Lathe</button>
<button class="btn btn-warning" id="undo"><i class="icon-undo"></i> Undo</button>
<button class="btn btn-info" id="exportstl" disabled="disabled"><i class="icon-download-alt"></i> Export to STL</button>
<button class="btn btn-danger" id="clear"><i class="icon-trash"></i> Clear</button>
</div>
<h3>Instructions</h3>
<p>Click three or more times in the left window to create a profile shape. Try to make the first and last points as close to the dotted line as possible. When you're done, click 'Lathe' and see your creation turned into a 3D shape!</p>
<p>You can rotate the 3D shape by click and dragging your mouse over the right window, or export to STL format for 3D printing. Running through <a href="http://cloud.netfabb.com/">netfabb</a> before attempting to print is highly recommended.</p>
<div class="footer">
By <a href="http://twitter.com/noopkat">@noopkat</a> and <a href="http://twitter.com/makenai">@makenai</a> aka (by their powers combined) Amalgamation of Cats.
<img src="images/amalgamation.png" alt="An amalgamation of cats.">
</div>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="js/lib/three.min.js"></script>
<script src="js/CanvasBox.js"></script>
<script src="js/Viewport.js"></script>
<script src="js/lib/FileSaver.js"></script>
<script src="js/Export.js"></script>
<script src="js/Lathe-R-Beam.js"></script>
</body>
</html>