mirror of
https://github.com/publiclab/image-sequencer.git
synced 2025-12-12 19:30:00 +01:00
70 lines
1.8 KiB
HTML
70 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<html>
|
|
|
|
|
|
<head>
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="content-type" content="text/html; charset=UTF8">
|
|
|
|
<title>Image Sequencer</title>
|
|
|
|
<link href="../node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<link href="../node_modules/font-awesome/css/font-awesome.min.css" rel="stylesheet">
|
|
<link rel="stylesheet" href="demo.css">
|
|
|
|
<script src="../node_modules/jquery/dist/jquery.min.js"></script>
|
|
<script src="../node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
|
|
<script src="../dist/image-sequencer.js" charset="utf-8"></script>
|
|
<script src="lib/urlHash.js" charset="utf-8"></script>
|
|
<script src="demo.js" charset="utf-8"></script>
|
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
<div class="container-fluid">
|
|
|
|
<header class="text-center">
|
|
<h1>Image Sequencer</h1>
|
|
<p>
|
|
Open Source <a href="https://github.com/publiclab/image-sequencer"><i class="fa fa-github"></i></a> by <a href="https://publiclab.org">Public Lab</a>
|
|
</p>
|
|
</header>
|
|
|
|
<div id="imageSelect">
|
|
<p><i>Select an image to start with!</i></p>
|
|
<center><input type="file" id="file" value=""></center>
|
|
</div>
|
|
|
|
<section id="steps" class="row"></section>
|
|
|
|
<section id="addStep">
|
|
<div class="row">
|
|
<select class="form-control">
|
|
<option value="none" disabled selected>Select a new step...</option>
|
|
</select>
|
|
</div>
|
|
<hr />
|
|
<div class="row">
|
|
<div id="options"></div>
|
|
</div>
|
|
<div class="row add">
|
|
<button class="btn btn-success btn-lg" name="add">Add Step</button>
|
|
</div>
|
|
</section>
|
|
|
|
</div>
|
|
|
|
<script type="text/javascript">
|
|
|
|
var sequencer;
|
|
|
|
</script>
|
|
|
|
</body>
|
|
|
|
</html>
|