diff options
| author | Teddy Wing | 2013-11-09 15:48:40 -0500 |
|---|---|---|
| committer | Teddy Wing | 2013-11-09 15:48:40 -0500 |
| commit | 26ddd8e6ca882d30e1545ab84fa8e8b505e0b79d (patch) | |
| tree | 1854571b3cd782609464e3e3b1003875a483e8db /index.html | |
| parent | cab4fc2e272a119ccd5ca07818c34b5dfb07790e (diff) | |
| download | clip-play-26ddd8e6ca882d30e1545ab84fa8e8b505e0b79d.tar.bz2 | |
Set up progress bar and clip chooser
Initial setup for a progress bar and basic interface for choosing a
sample clip. Includes a bar with two draggable lines to set a range
within the bar.
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 43 |
1 files changed, 43 insertions, 0 deletions
diff --git a/index.html b/index.html new file mode 100644 index 0000000..1c24c97 --- /dev/null +++ b/index.html @@ -0,0 +1,43 @@ +<!doctype html> +<html lang="en"> +<head> +<meta http-equiv="content-type" content="text/html; charset=utf-8"> + <meta charset="utf-8"> + <meta http-equiv="cache-control" content="no-cache" /> + <title></title> + <meta name="description" content=""> + + <meta name="viewport" content="width=device-width"> + + <link rel="stylesheet" href="/assets/css/reset.css" /> + <link rel="stylesheet" href="/assets/css/application.css" /> + <link rel="stylesheet" href="/assets/css/sample-editor.css" /> +</head> +<body> + <div role="main"> + <div id="samples"> + <div class="edit-sample js-edit-sample"> + <div class="progress-bar"> + <div class="clip-line js-clip-line js-start-position"> + <div class="drag-handle js-drag-handle"></div> + </div> + + <div class="clip-line js-clip-line js-end-position"> + <div class="drag-handle js-drag-handle"></div> + </div> + </div> + + <div> + <input type="text" class="js-keyboard-key" placeholder="a" /> + </div> + </div> + </div> + </div> + + + <script src="/assets/js/libs/jquery-2.0.3.min.js"></script> + <script src="/assets/js/libs/jquery-ui-1.10.3.custom.min.js"></script> + <script src="/assets/js/sample-editor.js"></script> + <script src="/assets/js/app.js"></script> +</body> +</html> |