@ -11,8 +11,8 @@
< style >
< style >
@font-face{
@font-face{
font-family:"Roboto Mono";
font-family:"Roboto Mono";
src: url("font/RobotoMono-Regular.ttf") format("truetype"),
src: url("font/RobotoMono-Regular.ttf") format("truetype"),
url("https://fonts.googleapis.com/css?family=Roboto Mono")
url("https://fonts.googleapis.com/css?family=Roboto Mono")
}
}
@ -26,33 +26,44 @@
src: url("font/Mister Pixel Tools.otf") format("opentype");
src: url("font/Mister Pixel Tools.otf") format("opentype");
}
}
.broadcast12_6_cdown {
padding: 20px;
text-align: center;
color: #6dc82a;
text-shadow: 4px 4px 5px black;
font-weight: bold;
font-size: 20px;
font-family: "monotype";
}
#demo {
#demo {
padding: 20px;
margin-top: 25px;
margin-top: 10px;
text-align: center;
text-align: center;
font-size: 60px;
font-size: 35px;
line-height: 30px;
line-height: 30px;
color: fuchsia;
color: #6dc82a;
font-family:"Pilowlava";
text-shadow: 4px 4px 6px black;
}
font-family:"monotype";
font-weight: bold;
}
.title12_5 {
/* .title12_5 {
text-align: center;
text-align: center;
color: white;
color: white;
font-family:"Roboto Mono";
font-family:"Roboto Mono";
font-size: 25px;
font-size: 25px;
padding-top: 5px;
padding-top: 5px;
}
}
.broadcast12_5 {
.broadcast12_5 {
text-align: center;
text-align: center;
color: white;
color: white;
font-family:"Roboto Mono";
font-family:"Roboto Mono";
font-size: 20px;
font-size: 20px;
}}
#about_05 {
#about_05 {
text-align: center;
text-align: center;
@ -63,59 +74,33 @@
margin-right: 50px;
margin-right: 50px;
overflow: hidden;
overflow: hidden;
}
}
.muisding {
.muisding {
border: none;
border: none;
width: 50px;
width: 50px;
}
}
.misterpixel {
font-family:"MisterPixel";
}
#ding{
#ding{
position:absolute; position:absolute;
}
}
< / style >
*/
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
< / style >
< title > Clock of the instable Now< / title >
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
< title > Clock of the instable Now < / title >
< / head > < / head >
< body style = "width: 100%; height: 100%; overflow: hidden;" > < body style = "width: 100%; height: 100%; overflow: hidden;" >
< img class = "muisding" id = "ding" src = "https://i.gifer.com/XVo6.gif" / > < div class = "broadcast12_6_cdown" >
< p style = "color:white; font-size:25px" > RI#12.6< / p >
<!-- Display the countdown timer in an element -->
< script >
$(document).mousemove(function(e){
$("#ding").stop().animate({left:e.pageX, top:e.pageY});
});
< / script >
< div class = "title12_5" >
< span class = "misterpixel" > à< / span > Radio Implicancies#12.5< span class = "misterpixel" > à< / span >
< / div >
<!-- <div id="about_05"> <span class="misterpixel">012</span> 11/06 at 16:00 (UTC+2) <span class="misterpixel">012</span></div>
< br > -->
< div class = "broadcast12_5" >
broadcast will start in...
< / div >
< br >
< br >
< p id = "demo" > < / p > < br > Broadcast will start in...
< p id = "demo" > < / p >
< / div >
< script > < script >
// Set the date we're counting down to
// Set the date we're counting down to
var countDownDate = new Date("Jun 18, 2020 16:00:00").getTime();
var countDownDate = new Date("Jun 18, 2020 16:00:00").getTime();
@ -142,11 +127,8 @@ var x = setInterval(function() {
// If the count down is finished, write some text
// If the count down is finished, write some text
if (distance < 0 ) {
if (distance < 0 ) {
clearInterval(x);
clearInterval(x);
document.getElementById("demo").innerHTML = "ZERO MINUTES - WE'RE LIVE!!! ";
document.getElementById("demo").innerHTML = "WE'RE LIVE!!!";
}
}
}, 1000);
}, 1000);
< / script > < / script >
< / body >
< / html > < / html >
Sandra
5 years ago
