-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
55 lines (54 loc) · 2.49 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
<!DOCTYPE html>
<html>
<head>
<link href="css/countdown.css" rel="stylesheet" type="text/css" />
<link href="css/custom.css" rel="stylesheet" type="text/css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.13.0/moment.min.js"></script>
<script src="js/backstretch.js"></script>
<script src="js/jquery.BlackAndWhite.js"></script>
<script type="text/javascript" src="js/custom.js"></script>
<script type="text/javascript" src="js/countdown.js"></script>
<!-- Update travelDate to the arrival date and time -->
<script type="text/javascript">
var travelDate = '10/01/2021 20:50:00 CST';
jQuery(document).ready(function(){
// CLOCK VARIANT 1
jQuery(".my-clock-place1").buildCounter({
startdate : "1 November 2013 00:00:00 CST", /* Client-Side time. Start Date. This is overwriten if unix timestamp exists. */
enddate : "10 May 2022 21:00:00 CST", /* Client-Side time. End Date. This is overwriten if unix timestamp exists. */
});
});
</script>
</head>
<!-- toMilwaukee and toDallas to switch between MKE and DFW -->
<body id="toDallas">
<div id="flight">
<div class="ryan"><img src="css/background-images/ryan.jpg"></div>
<div class="plane"><img src="css/background-images/airplane.png"></div>
<div class="megan"><img src="css/background-images/megan.jpg"></div>
</div><!-- END flight -->
<div id="clock">
<span id="days">
<em class="number">0</em>
<em class="label">Days</em>
</span>
<span id="hours">
<em class="number">0</em>
<em class="label">Hours</em>
</span>
<span id="minutes">
<em class="number">0</em>
<em class="label">Minutes</em>
</span>
<span id="seconds">
<em class="number">0</em>
<em class="label">Seconds</em>
</span>
</div>
<!-- CLOCK VARIANT 1 -->
<!-- <div class="my-clock-place1"></div> -->
<!-- END CLOCK VARIANT 1 -->
<div class="text"><em>Until</em> Next Time!</div>
</body>
</html>