-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·67 lines (56 loc) · 6.88 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
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Non Negotiable Painting Annotations</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
<link rel="stylesheet" href="css/main.css">
<script>if (typeof module === 'object') {window.module = module; module = undefined;}</script>
<script src="http://cdn.jsdelivr.net/keen.js/3.3.0/keen.min.js" type="text/javascript"></script>
<script src="js/vendor/modernizr-2.8.3.min.js"></script>
<script src="js/vendor/jquery-1.11.2.min.js"></script>
<script src="js/vendor/TweenMax.min.js"></script>
<script src="js/vendor/rhill-voronoi-core.min.js"></script>
<script src="js/VoronoiLayer.js"></script>
<script src="js/ScreenSaver.js"></script>
<script src="js/keen.js"></script>
<script src="js/main.js"></script>
</head>
<body>
<div class="brand-wrapper">
<div class="bottom">
</div>
<h1>Touch any <span> <button class='btn'> <i class="glyphicon glyphicon-plus"> </i> </button> </span> to learn more.</h1>
</div>
<div class="painting">
<img src="img/painting.png">
</div>
<div class="annotations">
<button id="a_whipple" annotation-x="910" annotation-y="540" cutout="{x:-220, y:-100, w:390, h:450}" media-path="videos/bishop-whipple-v02.mp4"></button>
<!-- <button id="b_lincoln" annotation-x="1007" annotation-y="440" cutout="{x:-80, y:10, w:130, h:354}" media-path="videos/clip2.mp4"></button> -->
<button id="c_chickens" annotation-x="1203" annotation-y="949" cutout="{x:-144, y:-110, w:300, h:150}" media-path="videos/chickens-v02.mp4"></button>
<button id="d_dandelions" annotation-x="408" annotation-y="854" cutout="{x:-113, y:-40, w:180, h:180}" media-path="videos/dandelion-v02.mp4"></button>
<button id="e_police" annotation-x="1454" annotation-y="939" cutout="{x:-33, y:-215, w:236, h:250}" media-path="videos/police-car-v02.mp4"></button>
<button id="f_sears" annotation-x="1646" annotation-y="321" cutout="{x:-50, y:-15, w:108, h:165}" media-path="videos/sears-v02.mp4"></button>
<button id="g_rabbit" annotation-x="1581" annotation-y="1045" cutout="{x:-30, y:-65, w:130, h:90}" media-path="videos/rabbit-v02.mp4"></button>
<button id="h_signature" annotation-x="308" annotation-y="1057" cutout="{x:-11, y:-33, w:215, h:53}" media-path="videos/signature-v03.mp4"></button>
<button id="i_dog" annotation-x="782" annotation-y="389" cutout="{x:-73, y:-26, w:170, h:110}" media-path="videos/dog-v02.mp4"></button>
<button id="j_starving" annotation-x="416" annotation-y="639" cutout="{x:-60, y:-120, w:220, h:190}" media-path="videos/starving-v03.mp4"></button>
<button id="k_churches" annotation-x="1157" annotation-y="189" cutout="{x:-75, y: -0, w: 150, h: 125}" media-path="videos/twin-churches-v02.mp4"></button>
<button id="l_crow" annotation-x="571" annotation-y="342" cutout="{x:-106, y:-80, w:220, h:180}" media-path="videos/little-crow-v03.mp4"></button>
<button id="m_stump" annotation-x="1263" annotation-y="1046" cutout="{x:-212, y:-170, w:195, h:210}" media-path="videos/stump-chickens-v03.mp4"></button>
<button id="n_golf" annotation-x="1411" annotation-y="416" cutout="{x:-60, y:-110, w:140, h:140}" media-path="videos/golf-v02.mp4"></button>
<button id="o_twoface" annotation-x="756" annotation-y="921" cutout="{x:-215, y:-95, w:380, h:220}" media-path="videos/two-faced-man-v02.mp4"></button>
</div>
<svg id='structure' class="horizontal-break" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1945.5 96.5'><defs><style></style></defs><title>horizontal-break</title><g id='top_star' data-name='top star'><polygon class='cls-1' points='991.65 60.14 981.68 50.16 995.79 50.16 1005.77 60.14 991.65 60.14'/><polygon class='cls-1' points='1011.19 60.14 1001.21 50.16 1015.32 50.16 1025.3 60.14 1011.19 60.14'/><polygon class='cls-1' points='1005.47 73.96 995.49 63.98 1009.6 63.98 1019.58 73.96 1005.47 73.96'/><polygon class='cls-1' points='965.15 62.85 975.13 52.88 975.13 66.99 965.15 76.97 965.15 62.85'/><polygon class='cls-1' points='965.15 82.39 965.15 96.5 975.13 86.52 975.13 72.41 965.15 82.39'/><polygon class='cls-1' points='951.34 76.67 961.32 66.69 961.32 80.8 951.34 90.78 951.34 76.67'/><polygon class='cls-1' points='962.45 36.35 972.42 46.33 958.31 46.33 948.33 36.35 962.45 36.35'/><polygon class='cls-1' points='942.91 36.35 952.89 46.33 938.78 46.33 928.8 36.35 942.91 36.35'/><polygon class='cls-1' points='948.63 22.54 958.61 32.52 944.5 32.52 934.52 22.54 948.63 22.54'/><polygon class='cls-1' points='988.95 33.65 978.97 43.62 978.97 29.51 988.95 19.53 988.95 33.65'/><polygon class='cls-1' points='988.94 0 978.97 9.98 978.97 24.09 988.95 14.11 988.95 0 988.94 0'/><polygon class='cls-1' points='1002.76 19.83 992.78 29.81 992.78 15.7 1002.76 5.72 1002.76 19.83'/><polygon class='cls-1' points='962.45 60.14 972.42 50.16 958.31 50.16 948.33 60.14 962.45 60.14'/><polygon class='cls-1' points='942.91 60.14 952.89 50.16 938.78 50.16 928.8 60.14 942.91 60.14'/><polygon class='cls-1' points='948.63 73.96 958.61 63.98 944.5 63.98 934.52 73.96 948.63 73.96'/><polygon class='cls-1' points='988.95 62.85 978.97 52.88 978.97 66.99 988.95 76.97 988.95 62.85'/><polygon class='cls-1' points='978.97 86.52 988.95 96.5 988.95 82.39 978.97 72.41 978.97 86.52'/><polygon class='cls-1' points='1002.76 76.67 992.78 66.69 992.78 80.8 1002.76 90.78 1002.76 76.67'/><polygon class='cls-1' points='991.65 36.35 981.68 46.33 995.79 46.33 1005.77 36.35 991.65 36.35'/><polygon class='cls-1' points='1011.19 36.35 1001.21 46.33 1015.32 46.33 1025.3 36.35 1011.19 36.35'/><polygon class='cls-1' points='1005.47 22.54 995.49 32.52 1009.6 32.52 1019.58 22.54 1005.47 22.54'/><polygon class='cls-1' points='965.15 33.65 975.13 43.62 975.13 29.51 965.15 19.53 965.15 33.65'/><polygon class='cls-1' points='965.15 0 965.15 14.11 975.13 24.09 975.13 9.98 965.16 0 965.15 0'/><polygon class='cls-1' points='951.34 19.83 961.32 29.81 961.32 15.7 951.34 5.72 951.34 19.83'/><polygon class='cls-1' points='0.04 36.36 0.04 46.33 915.56 46.33 905.58 36.36 0.04 36.36'/><polygon class='cls-1' points='0 50.16 0 60.14 905.58 60.14 915.56 50.16 0 50.16'/><polygon class='cls-1' points='1050.31 36.36 1038.54 46.33 1945.45 46.33 1945.45 36.36 1050.31 36.36'/><polygon class='cls-1' points='1038.54 50.16 1050.31 60.14 1945.5 60.14 1945.5 50.16 1038.54 50.16'/></g></svg>
<div class="overlay"></div>
<div class="content" style="display:none;">
<video id="fullscreen_video" autoplay></video>
<div class="home-btn" annotation-role="button"></div>
</div>
</body>
</html>