Add '12/blank12_6.html'

5 years ago · c20fbfad91
parent a126dbb4f1
commit c20fbfad91
1 changed files with 152 additions and 0 deletions
--- a/12/blank12_6.html
+++ b/12/blank12_6.html
@ -0,0 +1,152 @@
+<!DOCTYPE html>
+<html>
+<head>
+  
+  
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
+
+ <script src="muisje.js"></script> 
+
+  
+  		<style>   
+          
+        @font-face{
+		font-family:"Roboto Mono";
+		src: url("font/RobotoMono-Regular.ttf") format("truetype"),
+        url("https://fonts.googleapis.com/css?family=Roboto Mono")
+          }
+          
+         @font-face {
+          font-family: "Pilowlava";
+          src: url("font/Pilowlava-Regular.otf") format("opentype");
+ 		}
+        
+        @font-face {
+         font-family: "MisterPixel";
+         src: url("font/Mister Pixel Tools.otf") format("opentype");
+ 		}
+          
+
+
+          
+  #demo {
+	margin-top: 25px;
+    text-align: center;
+    font-size: 60px;
+    line-height: 30px;
+	color: fuchsia;
+	font-family:"Pilowlava";
+  }
+  
+.title12_5 {
+  text-align: center; 
+  color: white; 
+  font-family:"Roboto Mono";
+  font-size: 25px;
+  padding-top: 5px; 
+  }
+          
+          
+.broadcast12_5 {
+  text-align: center; 
+  color: white; 
+  font-family:"Roboto Mono";
+  font-size: 20px;
+  }
+
+#about_05 {
+  text-align: center; 
+  color: black; 
+  font-family:"Roboto Mono";
+  font-size: 20px;
+  margin-left: 50px;
+  margin-right: 50px;
+  overflow: hidden;
+}
+          
+          
+.muisding {
+  border: none;
+  width: 50px;
+}
+          
+.misterpixel {
+  font-family:"MisterPixel";
+  
+          }
+
+#ding{
+		position:absolute;
+}
+           
+		</style> 
+
+  
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Clock of the instable Now</title>
+</head>
+<body style="width: 100%; height: 100%; overflow: hidden;">
+
+<img class= "muisding" id="ding" src="https://i.gifer.com/XVo6.gif"/>
+
+<!-- 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>
+<p id="demo"></p>
+  
+  
+  
+ <script> 
+  
+// Set the date we're counting down to
+var countDownDate = new Date("Jun 18, 2020 16:00:00").getTime();
+
+// Update the count down every 1 second
+var x = setInterval(function() {
+
+  // Get today's date and time
+  var now = new Date().getTime();
+
+  // Find the distance between now and the count down date
+  var distance = countDownDate - now;
+
+  // Time calculations for days, hours, minutes and seconds
+  var days = Math.floor(distance / (1000 * 60 * 60 * 24));
+  var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
+  var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
+  var seconds = Math.floor((distance % (1000 * 60)) / 1000);
+
+	// Display the result in the element with id="demo"
+  document.getElementById("demo").innerHTML = days + "d " + hours + "h "
+  + minutes + "m " + seconds + "s ";
+
+  // If the count down is finished, write some text
+  if (distance < 0) {
+    clearInterval(x);
+    document.getElementById("demo").innerHTML = "ZERO MINUTES - WE'RE LIVE!!! ";
+  }
+}, 1000);
+</script>
+  
+  
+  </body>
+</html>