/
index.html
45 lines (39 loc) · 1.38 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!doctype html>
<title>Futupuri</title>
<link rel="stylesheet" href="../css/style.css">
<audio hidden="hidden" id="camera-shutter" src="../audio/camera-shutter.ogg">
camera-shutter.ogg is licensed CC BY 3.0.
Attribution goes to Jormarp http://www.freesound.org/people/Jormarp/sounds/142638/
</audio>
<video class="main-panel video" autoplay id="js-video"></video>
<canvas class="main-panel output" id="js-output" width="640" height="480"></canvas>
<div class="main-panel effects" id="js-effects"></div>
<div class="controls">
<div></div
><div><button class="snap"><i class="icon-camera"></i></button></div
><div><button class="effects-button">Effects</button></div>
</div>
<div class="photographs">
</div>
<footer class="metadata">
<span class="photo-value">0</span> photos
</footer>
<article id="templates">
<script type="text/html" id="picture">
<div class="picture">
<i class="remove">x</i>
<i class="save icon-save"></i>
<img src="{{ src }}" data-id="{{ id }}"></img>
</div>
</script>
<script type="text/html" id="effectDemo">
<div class="effect-demo">
<canvas width="{{ width }}" height="{{ height }}" data-filter="{{ filter }}"></canvas>
</div>
</script>
</article>
<script src="../js/jquery.js"></script>
<script src="../js/tools.js"></script>
<script src="../js/pixel.js"></script>
<script src="../js/templates.js"></script>
<script src="../js/camera.js"></script>