Untitled


<!DOCTYPE html><html class=''>
<head>
<title>zoVk - Be a Legend!</title>
<source src="http://zovk.eu/music/Rap%20Piano%20Voice%20Beat%20-%20Instrumental%20-%20FREEBEAT%20prod%20by%20Cazar%20Beatz.mp3" type="audio/mp3">
<link rel="icon" type="image/x-icon" href="http://zovk.eu/pictures/favicon.ico">
<script src='//assets.codepen.io/assets/editor/live/console_runner-d0a557e5cb67f9cd9bbb9673355c7e8e.js'></script><script src='//assets.codepen.io/assets/editor/live/events_runner-21174b4c7273cfddc124acb0876792e0.js'></script><script src='//assets.codepen.io/assets/editor/live/css_live_reload_init-7618a0de08795409d8f6c9ef6805f7b2.js'></script><meta charset='UTF-8'><meta name="robots" content="noindex"><link rel="canonical" href="http://codepen.io/yaphi1/pen/KpbRaE" />


<style class="cp-pen-styles">
body{
	text-align: center;
	background: #000000;
  font-family: helvetica;
  font-weight: 100;
  background-color:rgba(0, 0, 0, 0.5);

}


h1{
  color: #1764CD;
  font-weight: 100;
  font-size: 40px;
  font-family:helvetica;
  margin: 40px 0px 20px;
}

.link{
  margin-top: 40px;
}

a{
  display: inline-block;
  color: #000000;
  font-size: 200px;
  padding: 20px;
  background: #265;
  border-radius: 10px;
  text-decoration: none;
}

a:hover{
  background: #000000;
}

#clockdiv{
	font-family: sans-serif;
	color: #000000;
	opacity:0.9;
	display: inline-block;
	font-weight: 100;
	text-align: center;
	font-size: 30px;
}
#clockdiv:hover{
    opacity:1;

}

#clockdiv > div{
	padding: 1px;
	border-radius: 1px;
	background: #1784CD;
	display: inline-block;
}

#clockdiv div > span{
	padding: 15px;
	border-radius: 2px;

	display: inline-block;
}

.smalltext{
	padding-top: 5px;
	font-size: 16px;
}
  html {
            background: url(http://zovk.eu/pictures/logobg.png) no-repeat center center fixed;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;


</style></head><body>
<h1><font face="Helvetica"><u>COUNTDOWN OF DARKNESS</font></u></h1>
<div id="clockdiv">
	<div><span class="days"></span><div class="smalltext">Days</div></div>
	<div><span class="hours"></span><div class="smalltext">Hours</div></div>
	<div><span class="minutes"></span><div class="smalltext">Minutes</div></div>
	<div><span class="seconds"></span><div class="smalltext">Seconds</div></div>
</div>
<source src="http://zovk.eu/music/Rap%20Piano%20Voice%20Beat%20-%20Instrumental%20-%20FREEBEAT%20prod%20by%20Cazar%20Beatz.mp3" type="audio/mp3">
<script src='//assets.codepen.io/assets/common/stopExecutionOnTimeout.js?t=1'></script>
<script>var deadline = 'Sep 30 2016 00:00:00 GMT-0400';
function time_remaining(endtime){
	var t = Date.parse(endtime) - Date.parse(new Date());
	var seconds = Math.floor( (t/1000) % 60 );
	var minutes = Math.floor( (t/1000/60) % 60 );
	var hours = Math.floor( (t/(1000*60*60)) % 24 );
	var days = Math.floor( t/(1000*60*60*24) );
	return {'total':t, 'days':days, 'hours':hours, 'minutes':minutes, 'seconds':seconds};
}
function run_clock(id,endtime){
	var clock = document.getElementById(id);

	// get spans where our clock numbers are held
	var days_span = clock.querySelector('.days');
	var hours_span = clock.querySelector('.hours');
	var minutes_span = clock.querySelector('.minutes');
	var seconds_span = clock.querySelector('.seconds');

	function update_clock(){
		var t = time_remaining(endtime);

		// update the numbers in each part of the clock
		days_span.innerHTML = t.days;
		hours_span.innerHTML = ('0' + t.hours).slice(-2);
		minutes_span.innerHTML = ('0' + t.minutes).slice(-2);
		seconds_span.innerHTML = ('0' + t.seconds).slice(-2);

		if(t.total<=0){ clearInterval(timeinterval); }
	}
	update_clock();
	var timeinterval = setInterval(update_clock,1000);
}
run_clock('clockdiv',deadline);
//# sourceURL=pen.js
</script>
</body></html>