-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
77 lines (58 loc) · 3.36 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
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<!DOCTYPE html>
<html>
<head>
<title>Boothy</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<!-- <link rel='stylesheet' href='public/css/bootstrap.min.css'>
<link rel='stylesheet' href='public/css/pygments.css'> -->
<link rel='stylesheet' href='public/css/boothy.css'>
<!-- ios notification -->
<link rel='stylesheet' href='public/css/notify.css'>
</head>
<body>
<div id="loading" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url(http://subtlepatterns.subtlepatterns.netdna-cdn.com/patterns/low_contrast_linen.png) #000; z-index: 1000; display: block; text-align: center;">
<div style="margin: auto; display: block; vertical-align: middle; margin-top: 100px; width: 200px;" id="avatars">
<a data-username="Boothy" href="#" class="avatar pin" style="background-image: url(public/img/boothy-icon.png);"></a>
</div>
<div id="password">
<button onclick="Nimbus.Auth.authorize('Dropbox')">Login With Dropbox</button>
<button onclick="Nimbus.Auth.authorize('GDrive')">Login With Google Drive</button>
</div>
</div>
<div id="one" class="say-cheese">
<!-- <div id="picturediv" style="position: absolute;">
<img src="public/img/camera.png" id="currentpic" style="margin: 10%; width: 80%;" />
</div> -->
<div id='say-cheese-container'>
<div id='action-buttons'>
<button class='snapbutton' style="box-shadow: none; position: relative; top:140px;" id='take-snapshot'><img src="public/img/camera2.png" style="width: 50px; position: relative; top: -23px;" /></button>
<button class='snapbutton' onclick="window.save_image()" style="box-shadow: none; position: relative; left: 475px; top: 5px" id='save'><img src="public/img/disk.png" style="width: 50px; position: relative; top: -17px;" /></button>
</div>
<canvas id="currentpic" style="width: 460px; height: 345px; box-shadow: 0px 0px 8px 1px #222; background: #333;"></canvas>
</div>
<div class="rightmenu">
<h1 id="logo" style="text-align: center; font-size: 16px; font-weight: 300; margin-top: 5px;">Filters</h1>
<hr style="color: #222; margin-bottom: 10px; width: 80%" />
<a class="button" onClick="filter('clarity')">clarity</a>
<a class="button" onClick="filter('sunrise')">sunrise</a>
<a class="button" onClick="filter('lomo')">lomo</a>
<a class="button" onClick="filter('vintage')">vintage</a>
<a class="button" onClick="filter('jarques')">jarques</a>
<a class="button" onClick="filter('love')">love</a>
<a class="button" onClick="window.log_out()" style="position: absolute; bottom: 5px">Sign Out</a>
</div>
</div>
<div id="two">
<div id="scroll">
<div id='say-cheese-snapshots'></div>
</div>
</div>
<script src="http://nimbusbase.com/static/nimbus.min.js"></script>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js'></script>
<script src='public/js/bootstrap.min.js'></script>
<script src='public/js/say-cheese.js'></script>
<script src='public/js/boothy.js'></script>
<script type="text/javascript" src="public/js/caman.full.js"></script>
<script type="text/javascript" src="public/js/ios.notify.js"></script>
</body>
</html>