Files
image-sequencer/examples/index.html
Varun Gupta e8ab480687 Added native gaussian Blurring module(no dependencies) (#186)
* Added Blur Module

* Issue 177 fixing Blur module

* blur module fixed info json

* fixing blur module

* Delete .DS_Store

* add a native blurring solution

Signed-off-by: tech4GT <varun.gupta1798@gmail.com>

* fixed package.json

Signed-off-by: tech4GT <varun.gupta1798@gmail.com>

* delete .ds_store and update gitignore

Signed-off-by: tech4GT <varun.gupta1798@gmail.com>
2018-02-22 16:43:14 -05:00

72 lines
1.9 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>
<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="lib/imageSelection.js" charset="utf-8"></script>
<script src="demo.js" charset="utf-8"></script>
</head>
<body>
<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">
<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="dropzone">
<p><i>Select or drag in an image to start!</i></p>
<center><input type="file" id="fileInput" 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>