summaryrefslogtreecommitdiff
path: root/AutoHarmonograph.html
diff options
context:
space:
mode:
authorpommicket <leonardomtenenbaum@gmail.com>2016-08-31 14:58:23 -0400
committerpommicket <leonardomtenenbaum@gmail.com>2016-08-31 14:58:23 -0400
commita982632b1cc3218d74acec2b5f6a69ffc5e97ead (patch)
treed7a7761c1a905450c3d57f4ae75048616850c06b /AutoHarmonograph.html
parentafff994f985121e89de4b1e3bb509b62eb956e5a (diff)
Cleaned up code and improved website layout.
Diffstat (limited to 'AutoHarmonograph.html')
-rw-r--r--AutoHarmonograph.html24
1 files changed, 19 insertions, 5 deletions
diff --git a/AutoHarmonograph.html b/AutoHarmonograph.html
index a55ee71..6080151 100644
--- a/AutoHarmonograph.html
+++ b/AutoHarmonograph.html
@@ -10,11 +10,25 @@
<div id="navbar"></div>
<script src="navbar.js"></script>
<h2>AutoHarmonograph</h2>
-
- Number of pendulums: <input type="number" id="npendulums"><br>
- Maximum damping: <input type="number" id="DMAX"><br>
- <button onclick="start();">Start</button><br>
- <button onclick="saveCanvas();">Save image</button><br>
+ <div class="container-fluid">
+ <div class="row">
+ <div class="input-group input-group-md col-lg-3 col-md-6 col-sm-8 col-xs-10">
+ <span class="input-group-addon">Number of pendulums</span>
+ <input type="number" class="form-control" value="10" id="npendulums">
+ </div>
+ </div>
+ <br>
+ <div class="row">
+ <div class="input-group input-group-md col-lg-3 col-md-6 col-sm-8 col-xs-10">
+ <span class="input-group-addon">Maximum damping</span>
+ <input type="number" class="form-control" value="0.0003" id="DMAX">
+ </div>
+ </div>
+ </div>
+ <br>
+ <button class="btn btn-sm btn-primary with-margin" id="start" onclick="start();">Start</button><br>
+ <button class="btn btn-sm btn-primary with-margin" onclick="saveCanvas();">Save image</button><br>
+ <div id="Error" class="text-danger"></div>
<script src="js/AutoHarmonograph.js"></script>
</body>
</html>