-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
80 lines (63 loc) · 2.54 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
<html>
<head>
<title>CRNKSHFT is Coming in 2016</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="/crnkshft/flipclock.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="/crnkshft/flipclock.js"></script>
<style type="text/css">
body {
background-image: url('images/background.jpg');
background-position: center top;
}
a:hover { opacity: 0.5 }
</style>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table style="width:100%; height:100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="vertical-align:middle">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table width="650" align="center" height="143" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<center><span style="color:white;font-size:34px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;">CRNKSHFT<br>is<br>Coming</span></center>
<div class="clock"></div>
<center>
<a href="http://www.facebook.com/crnkshft" target="_blank" title="Facebook"><img src="images/facebook.png" border="0"></a>
<a href="http://www.soundcloud.com/crnkshft" target="_blank" title="SoundCloud"><img src="images/soundcloud.png" border="0"></a>
<a href="https://twitter.com/crnkshftband" target="_blank" title="Twitter"><img src="images/twitter.png" border="0"></a>
<a href="https://www.youtube.com/channel/UCUeyh8295pKJnZeZFrRq2vA" target="_blank" title="YouTube"><img src="images/youtube.png" border="0"></a>
<a href="https://www.instagram.com/crnkshftband" target="_blank" title="Instagram"><img src="images/instagram.png" border="0"></a>
<a href="mailto:[email protected]" target="_blank" title="Email"><img src="images/mail.png" border="0"></a>
</center>
<div class="message"></div>
<script type="text/javascript">
var clock;
$(document).ready(function() {
// Grab the current date
var currentDate = new Date();
// Set some date in the future. In this case, it's always Jan 1
var futureDate = new Date(currentDate.getFullYear() + 1, 0, 11,11);
// Calculate the difference in seconds between the future and current date
var diff = futureDate.getTime() / 1000 - currentDate.getTime() / 1000;
// Instantiate a coutdown FlipClock
clock = $('.clock').FlipClock(diff, {
clockFace: 'DailyCounter',
countdown: true
});
});
</script>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>