-
Notifications
You must be signed in to change notification settings - Fork 0
/
timer.html
67 lines (66 loc) · 7.81 KB
/
timer.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
<html>
<head>
<link rel="stylesheet" href="assets/css/flipclock.css">
<link rel="stylesheet" href="assets/css/timer.css">
</head>
<body>
<div class="clock-wrapper">
<div class="your-clock"></div>
<div class="btn-wrapper">
<button class="btn-stop">
<svg height="100%" width="100%" x="0px" y="0px" viewBox="0 0 24.0241 24.0552" class="icon">
<path d="M23.5,0.0552h-23c-0.27637,0-0.5,0.22363-0.5,0.5v23.00049c0,0.27637,0.22363,0.49994,0.5,0.49994h23
c0.27637,0,0.5-0.22357,0.5-0.49994V0.5552C24,0.27883,23.77637,0.0552,23.5,0.0552z M23,23.05569H1V1.0552h22V23.05569z"/>
</svg>
</button>
<button class="btn-pause">
<svg height="100%" width="100%" x="0px" y="0px" viewBox="0 0 24 24.0552" class="icon">
<g>
<path d="M9.47949,0.0552H4.48096c-0.27637,0-0.5,0.22363-0.5,0.5v23.00049c0,0.27637,0.22363,0.49994,0.5,0.49994h4.99854
c0.27637,0,0.5-0.22357,0.5-0.49994V0.5552C9.97949,0.27883,9.75586,0.0552,9.47949,0.0552z M8.97949,23.05569H4.98096V1.0552
h3.99854V23.05569z"/>
<path d="M19.48047,0.0552h-4.99805c-0.27637,0-0.5,0.22363-0.5,0.5v23.00049c0,0.27637,0.22363,0.49994,0.5,0.49994h4.99805
c0.27637,0,0.5-0.22357,0.5-0.49994V0.5552C19.98047,0.27883,19.75684,0.0552,19.48047,0.0552z M18.98047,23.05569h-3.99805V1.0552
h3.99805V23.05569z"/>
</g>
</svg>
</button>
<button class="btn-play">
<svg height="100%" width="100%" x="0px" y="0px" viewBox="0 0 24 24" class="icon">
<path d="M18.43555,11.62939L4.84375,0.50049c-0.15039-0.12354-0.3584-0.14893-0.53076-0.06494
c-0.1748,0.08252-0.28613,0.2583-0.28613,0.45166v22.25537c0,0.19336,0.11133,0.36914,0.28613,0.45215
c0.06787,0.03223,0.14111,0.04785,0.21387,0.04785c0.11328,0,0.22559-0.03809,0.31689-0.11328l13.5918-11.12646
c0.11621-0.09473,0.18359-0.23682,0.18359-0.38672S18.55176,11.72412,18.43555,11.62939z M5.02686,22.08691V1.94287
l12.30322,10.07324L5.02686,22.08691z"/>
</svg>
</button>
</div>
<svg id="logo" viewBox="0 0 102 15">
<g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="logo" transform="translate(1.000000, 0.000000)" fill-rule="nonzero">
<g id="Group" fill="#1C75BC">
<path d="M8.644,0.989 L6.758,0.989 L6.758,4.375 L4.758,4.375 L4.758,0.989 L2.872,0.989 L2.872,4.375 L0.616,4.375 L0.616,6.261 L2.872,6.261 L2.872,8.543 L0.616,8.543 L0.616,10.429 L2.872,10.429 L2.872,13.391 L4.758,13.391 L4.758,10.429 L6.758,10.429 L6.758,13.391 L8.644,13.391 L8.644,10.429 L10.9,10.429 L10.9,8.543 L8.644,8.543 L8.644,6.261 L10.9,6.261 L10.9,4.375 L8.644,4.375 L8.644,0.989 Z M6.758,8.544 L4.758,8.544 L4.758,6.262 L6.758,6.262 L6.758,8.544 Z" id="Shape"></path>
<rect id="Rectangle-path" x="13.117" y="10.43" width="2.239" height="2.962"></rect>
<rect id="Rectangle-path" x="13.117" y="0.989" width="2.239" height="7.555"></rect>
</g>
<g class="text" transform="translate(22.000000, 0.000000)" fill="currentColor">
<path d="M10.966,3.816 C10.209,3.816 9.452,4.058 8.968,4.654 L8.968,0.997 L6.761,0.997 L6.761,13.4 L8.968,13.4 L8.968,7.408 C8.968,6.345 9.435,5.829 10.385,5.829 C11.303,5.845 11.77,6.264 11.77,7.424 L11.77,13.4 L13.9770008,13.4 L13.977,7.167 C13.978,5.121 13.028,3.816 10.966,3.816 Z" id="Shape"></path>
<path d="M19.287,3.865 C16.79,3.865 15.599,5.186 15.599,7.57 L15.599,9.728 C15.599,12.29 16.791,13.433 19.287,13.433 C21.783,13.433 22.976,12.483 22.976,10.485 L20.801,10.485 C20.801,11.146 20.366,11.516 19.319,11.516 C18.417,11.516 17.821,11.226 17.821,9.696 L17.821,9.454 L22.976,9.454 L22.976,7.569 C22.976,5.008 21.783,3.865 19.287,3.865 Z M17.821,7.634 C17.821,6.49 18.047,5.781 19.351,5.781 C20.607,5.781 20.833,6.442 20.833,7.634 L17.821,7.634 Z" id="Shape"></path>
<path d="M28.316,5.83 C29.411,5.83 29.798,6.362 29.798,7.441 L31.892,7.441 C31.892,4.88 30.765,3.865 28.268,3.865 C25.771,3.865 24.515,5.121 24.515,7.682 L24.515,9.808 C24.515,12.417 25.707,13.561 28.204,13.561 C30.7,13.561 31.892,12.53 31.892,9.969 L29.798,9.969 C29.781,11.096 29.363,11.596 28.203,11.596 C27.043,11.596 26.737,10.919 26.737,9.743 L26.737,7.681 C26.737,6.506 27.091,5.83 28.316,5.83 Z" id="Shape"></path>
<path d="M36.765,3.849 C34.494,3.849 33.222,4.799 33.367,7.167 L35.477,7.167 C35.461,6.152 35.815,5.813 36.782,5.813 C37.942,5.813 38.216,6.522 38.216,7.939 C34.946,7.713 33.077,8.6 33.077,10.838 C33.077,12.627 34.253,13.528 35.815,13.528 C36.878,13.528 37.781,13.045 38.312,12.304 L38.521,13.399 L40.325,13.399 L40.325,7.552 C40.324,5.089 39.245,3.849 36.765,3.849 Z M36.475,11.5 C35.718,11.5 35.17,11.291 35.17,10.662 C35.17,9.905 35.96,9.39 38.215,9.616 C38.118,10.565 37.764,11.5 36.475,11.5 Z" id="Shape"></path>
<path d="M51.657,3.832 C50.449,3.832 49.451,4.315 48.951,5.057 C48.5,4.155 47.55,3.849 46.616,3.849 C45.762,3.816 44.908,4.171 44.377,4.864 L44.231,3.897 L42.314,3.897 L42.314,13.401 L44.521,13.401 L44.521,7.473 C44.521,6.249 45.198,5.83 46.051,5.83 C46.97,5.83 47.468,6.33 47.468,7.554 L47.468,13.401 L49.676,13.401 L49.676,7.538 C49.707,6.185 50.336,5.83 51.173,5.83 C52.092,5.83 52.591,6.33 52.591,7.554 L52.591,13.401 L54.7980006,13.401 L54.798,7.554 C54.799,4.976 53.622,3.832 51.657,3.832 Z" id="Shape"></path>
<path d="M60.412,3.865 C57.916,3.865 56.724,5.186 56.724,7.57 L56.724,9.728 C56.724,12.29 57.916,13.433 60.412,13.433 C62.91,13.433 64.101,12.483 64.101,10.485 L61.926,10.485 C61.926,11.146 61.491,11.516 60.445,11.516 C59.543,11.516 58.947,11.226 58.947,9.696 L58.947,9.454 L64.101,9.454 L64.101,7.569 C64.102,5.008 62.91,3.865 60.412,3.865 Z M58.947,7.634 C58.947,6.49 59.172,5.781 60.477,5.781 C61.733,5.781 61.958,6.442 61.958,7.634 L58.947,7.634 Z" id="Shape"></path>
<path d="M75.416,7.875 C74.144,7.73 73.048,7.875 73.048,6.828 C73.048,6.168 73.564,5.829 74.417,5.829 C75.126,5.829 75.69,6.151 75.69,6.876 L77.848,6.876 C77.848,5.168 76.736,3.848 74.4,3.848 C72.338,3.848 70.809,4.798 70.809,6.941 C70.809,8.809 72.145,9.405 73.531,9.582 C74.675,9.727 75.721,9.743 75.721,10.549 C75.721,11.016 75.27,11.515 74.384,11.515 C73.321,11.515 72.967,11.128 72.918,10.468 L70.679,10.468 C70.679,12.305 72.033,13.447 74.288,13.447 C76.333,13.447 77.96,12.546 77.96,10.468 C77.961,8.777 76.688,8.021 75.416,7.875 Z" id="Shape"></path>
<path d="M2.712,9.952 L2.712,5.832 L4.758,5.832 L4.758,3.822 L2.712,3.822 L2.712,0.989 L0.505,0.989 L0.505,9.984 C0.505,12.159 2.084,13.738 5.015,13.367 L5.015,11.418 C3.533,11.66 2.712,11.016 2.712,9.952 Z" id="Shape"></path>
<path d="M68.17,9.952 L68.17,0.989 L65.963,0.989 L65.963,9.984 C65.963,12.159 67.541,13.738 70.473,13.367 L70.473,11.418 C68.991,11.66 68.17,11.016 68.17,9.952 Z" id="Shape"></path>
</g>
</g>
</g>
</svg>
<img src="assets/images/cast_HD-2.png" alt="" class="camel-image" />
</div>
<script src="assets/js/vendor/jquery.min.js"></script>
<script src="assets/js/vendor/flipclock.min.js"></script>
<script src="assets/js/timer.js"></script>
</body>
</html>