-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
95 lines (87 loc) · 7.75 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
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Tokens</title>
<link rel="stylesheet" type="text/css" href="./assets/styles/style.css">
<script type="text/javascript" src="./assets/scripts/packages/jquery.min.js"></script>
<script type="text/javascript" src="./assets/scripts/packages/jquery-ui.min.js"></script>
</head>
<body>
<div class="container">
<video id="videoDefault" autoplay loop>
<source src="./assets/videos/Tos_Tokens.mp4" type="video/mp4">
</video>
<video id="goalReached" pause>
<source src="./assets/videos/goalReached.mp4" type="video/mp4">
</video>
<div class="tokensWrapper">
<img src="./assets/images/token_small.png" id="1" class="token" id="1" style="z-index: 78; left: 30px; top: 110px;">
<img src="./assets/images/token_small.png" id="2" class="token" id="2" style="z-index: 48; left: 136px; top: -38px;">
<img src="./assets/images/token_small.png" id="3" class="token" id="3" style="z-index: 43; left: 1708px; top: 62px;">
<img src="./assets/images/token_small.png" id="4" class="token" id="4" style="z-index: 51; left: -14px; top: 387px;">
<img src="./assets/images/token_small.png" id="5" class="token" id="5" style="z-index: 37; left: 1680px; top: 697px;">
<img src="./assets/images/token_small.png" id="6" class="token" id="6" style="z-index: 79; left: 390px; top: -63px;">
<img src="./assets/images/token_small.png" id="7" class="token" id="7" style="z-index: 54; left: 1422px; top: 791px;">
<img src="./assets/images/token_small.png" id="8" class="token" id="8" style="z-index: 72; left: 774px; top: 862px;">
<img src="./assets/images/token_small.png" id="9" class="token" id="9" style="z-index: 52; left: 68px; top: 790px;">
<img src="./assets/images/token_small.png" id="10" class="token" id="10" style="z-index: 42; left: 1587px; top: 298px;">
<img src="./assets/images/token_small.png" id="11" class="token" id="11" style="z-index: 50; left: 159px; top: 572px;">
<img src="./assets/images/token_small.png" id="12" class="token" id="12" style="z-index: 77; left: 228px; top: 369px;">
<img src="./assets/images/token_small.png" id="13" class="token" id="13" style="z-index: 68; left: 1416px; top: 111px;">
<img src="./assets/images/token_small.png" id="14" class="token" id="14" style="z-index: 22; left: 1457px; top: 547px;">
<img src="./assets/images/token_small.png" id="15" class="token" id="15" style="z-index: 74; left: 1204px; top: 753px;">
<img src="./assets/images/token_small.png" id="16" class="token" id="16" style="z-index: 20; left: 339px; top: 740px;">
<img src="./assets/images/token_small.png" id="17" class="token" id="17" style="z-index: 41; left: 1348px; top: 295px;">
<img src="./assets/images/token_small.png" id="18" class="token" id="18" style="z-index: 34; left: 360px; top: 143px;">
<img src="./assets/images/token_small.png" id="19" class="token" id="19" style="z-index: 75; left: 547px; top: 670px;">
<img src="./assets/images/token_small.png" id="20" class="token" id="20" style="z-index: 16; left: 1224px; top: -5px;">
<img src="./assets/images/token_small.png" id="21" class="token" id="21" style="z-index: 73; left: 884px; top: 712px;">
<img src="./assets/images/token_small.png" id="22" class="token" id="22" style="z-index: 13; left: 1221px; top: 492px;">
<img src="./assets/images/token_small.png" id="23" class="token" id="23" style="z-index: 12; left: 447px; top: 498px;">
<img src="./assets/images/token_small.png" id="24" class="token" id="24" style="z-index: 60; left: 1047px; top: 217px;">
<img src="./assets/images/token_small.png" id="25" class="token" id="25" style="z-index: 65; left: 647px; top: 65px;">
<img src="./assets/images/token_small.png" id="26" class="token" id="26" style="z-index: 63; left: 715px; top: 452px;">
<img src="./assets/images/token_small.png" id="27" class="token" id="27" style="z-index: 66; left: 937px; top: 35px;">
<img src="./assets/images/token_small.png" id="28" class="token" id="28" style="z-index: 64; left: 629px; top: 278px;">
<img src="./assets/images/token_small.png" id="29" class="token" id="29" style="z-index: 69; left: 1031px; top: 470px;">
<img src="./assets/images/token_small.png" id="30" class="token" id="30" style="z-index: 61; left: 832px; top: 251px;">
<!-- <img src="./assets/images/token_small.png" alt="" class="token" id="31" style="z-index: 82; left: 804px; top: 667px;">
<img src="./assets/images/token_small.png" alt="" class="token" id="32" style="z-index: 36; left: -131px; top: -133px;">
<img src="./assets/images/token_small.png" alt="" class="token" id="33" style="z-index: 25; left: 588px; top: 232px;">
<img src="./assets/images/token_small.png" alt="" class="token" id="34" style="z-index: 87; left: 1689px; top: 642px;">
<img src="./assets/images/token_small.png" alt="" class="token" id="35" style="z-index: 85; left: 1180px; top: 523px;">
<img src="./assets/images/token_small.png" alt="" class="token" id="36" style="z-index: 21; left: 1674px; top: 177px;">
<img src="./assets/images/token_small.png" alt="" class="token" id="37" style="z-index: 119; left: 924px; top: 8px;">
<img src="./assets/images/token_small.png" alt="" class="token" id="38" style="z-index: 71; left: -51px; top: 651px;">
<img src="./assets/images/token_small.png" alt="" class="token" id="39" style="z-index: 35; left: -146px; top: 281px;">
<img src="./assets/images/token_small.png" alt="" class="token" id="40" style="z-index: 106; left: 171px; top: 628px;">
<img src="./assets/images/token_small.png" alt="" class="token" id="41" style="z-index: 132; left: 629px; top: 650px;">
<img src="./assets/images/token_small.png" alt="" class="token" id="42" style="z-index: 12; left: 1253px; top: -2px;">
<img src="./assets/images/token_small.png" alt="" class="token" id="43" style="z-index: 11; left: 372px; top: 463px;">
<img src="./assets/images/token_small.png" alt="" class="token" id="44" style="z-index: 125; left: 376px; top: -106px;">
<img src="./assets/images/token_small.png" alt="" class="token" id="45" style="z-index: 9; left: 1373px; top: 456px;">
<img src="./assets/images/token_small.png" alt="" class="token" id="46" style="z-index: 81; left: 946px; top: 523px;">
<img src="./assets/images/token_small.png" alt="" class="token" id="47" style="z-index: 62; left: 240px; top: 132px;">
<img src="./assets/images/token_small.png" alt="" class="token" id="48" style="z-index: 6; left: 45px; top: 478px;">
<img src="./assets/images/token_small.png" alt="" class="token" id="49" style="z-index: 118; left: 706px; top: 35px;">
<img src="./assets/images/token_small.png" alt="" class="token" id="50" style="z-index: 4; left: 1644px; top: -115px;"> -->
</div>
<div id="chat"></div>
<div id="whiteOverlay" class="overlay"></div>
<!-- <div id="goalCounter" class="timeKeepers">
<p><span id="tokensAmount">0</span>/25 tokens to goal</p>
</div> -->
<div id="goalTimer" class="timeKeepers">
<p><span id="timeLeft">5:00</span> to show reset</p>
</div>
<audio preload="auto" id="sound-1" src="./assets/sounds/tip_tiny.mp3" type="audio/mp3"> ... src & fallback ... </audio>
<audio preload="auto" id="sound-2" src="./assets/sounds/tip_small.mp3" type="audio/mp3"> ... src & fallback ... </audio>
<audio preload="auto" id="sound-3" src="./assets/sounds/tip_medium.mp3" type="audio/mp3"> ... src & fallback ... </audio>
<audio preload="auto" id="sound-4" src="./assets/sounds/tip_large.mp3" type="audio/mp3"> ... src & fallback ... </audio>
<audio preload="auto" id="sound-5" src="./assets/sounds/tip_huge.mp3" type="audio/mp3"> ... src & fallback ... </audio>
<audio preload="auto" id="sound-6" src="./assets/sounds/tip_show.mp3" type="audio/mp3"> ... src & fallback ... </audio>
</div>
<script src="./assets/scripts/App_full_screen.js"></script>
</body>
</html>