diff options
| author | pommicket <leonardomtenenbaum@gmail.com> | 2016-08-31 14:58:23 -0400 |
|---|---|---|
| committer | pommicket <leonardomtenenbaum@gmail.com> | 2016-08-31 14:58:23 -0400 |
| commit | a982632b1cc3218d74acec2b5f6a69ffc5e97ead (patch) | |
| tree | d7a7761c1a905450c3d57f4ae75048616850c06b /AutoAudio.html | |
| parent | afff994f985121e89de4b1e3bb509b62eb956e5a (diff) | |
Cleaned up code and improved website layout.
Diffstat (limited to 'AutoAudio.html')
| -rw-r--r-- | AutoAudio.html | 77 |
1 files changed, 52 insertions, 25 deletions
diff --git a/AutoAudio.html b/AutoAudio.html index 8b452a8..e4c57b6 100644 --- a/AutoAudio.html +++ b/AutoAudio.html @@ -14,42 +14,69 @@ <script src="navbar.js"></script>
<h2>AutoAudio</h2>
+ <div class="container-fluid">
+ <div class="col-lg-4 col-md-6 col-sm-8 col-xs-12" id="explanation">
+ AutoAudio is a program that creates computer generated audio.
+ An explanation of AutoAudio can be found <a href="explanation.html">here</a>.
+ To download the audio, right-click on the play button, and click "Save audio as...".
+ </div>
+ </div>
- <p>AutoAudio is a program that creates computer generated audio.<br>
- For an explanation of AutoAudio, go <a href="explanation.html">here</a> <br>
- After you click "Create", please wait until the audio finishes before listening to it.
- </p>
- <p id='Error'></p>
-
-
-
-
- <form id='Options'>
- <fieldset>
<legend>Options</legend>
- Length: <input type="number" name="leninput" value="5"><br>
- <input type='checkbox'> Notify me when it finishes.
- </fieldset>
- <fieldset>
+ <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">Length</span>
+ <input id="length" class="form-control" type="number" value="5">
+ </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">
+ <input id="notify" class="checkbox" type="checkbox">
+ </span>
+ <span class="form-control">Notify me when it finishes.</span>
+ </div>
+ </div>
+ </div><br>
<legend>Advanced Options</legend>
- Single operator weight: <input type='number' value='1'><br>
- Number weight: <input type='number' value='1'><br>
- Function length: <input type='number' value='60'><br>
- </fieldset>
- </form>
+ <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">Single operator weight</span>
+ <input id="single" class="form-control" type="number" value="1">
+ </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">Number weight</span>
+ <input id="number" class="form-control" type="number" value="1">
+ </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">Function length</span>
+ <input id="flength" class="form-control" type="number" value="60">
+ </div>
+ </div>
+ <br>
+ </div>
<br>
- <button onclick="start();" type='button' id="Create" class="btn btn-success">Create</button>
+ <button onclick="start();" type="button" id="Create" class="btn btn-success">Create</button>
<br><br>
- <audio id='Audio' controls></audio>
+ <audio id="Audio" controls></audio>
<br><br>
- <p id='Time'></p>
+ <p id="Error" class="text-danger"></p>
+ <p id="Time"></p>
- <div id='Function' lang='latex'></div>
+ <div id="Function" lang="latex"></div>
<script src="js/AutoAudio.js"></script>
<noscript>
@@ -58,6 +85,6 @@ </body>
<footer>
- <p>AutoArt is licensed under the <a href='LICENSE.txt'>GNU General public license</a>.</p>
+ <p>AutoArt is licensed under the <a href="LICENSE.txt">GNU General public license</a>.</p>
</footer>
</html>
|