Update '12/blank12_6.html'

4 years ago · 3ce1ff90ec
parent ea012b2be2
commit 3ce1ff90ec
1 changed files with 134 additions and 3 deletions
--- a/12/blank12_6.html
+++ b/12/blank12_6.html
@ -1,3 +1,134 @@
-<div class="c_downclock">
-  	<iframe id="cdownclock" style="width:400px; height:300px; border:none; background-image:url(2.gif);background-repeat:no-repeat;" src='blank12_6.html'> </iframe>
-  </div>
+<!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");
+ 		}
+          
+.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 {
+  padding: 20px;
+  margin-top: 10px;
+  text-align: center;
+  font-size: 35px;
+  line-height: 30px;
+  color: #6dc82a;
+  text-shadow: 4px 4px 6px black;
+  font-family:"monotype";
+  font-weight: bold;
+
+}
+  
+/*.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;
+}
+
+#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;">
+
+<div class="broadcast12_6_cdown">
+  <p style="color:white; font-size:25px">RI#12.6</p>
+  <br>
+  <br>Broadcast will start in...
+  <p id="demo"> </p>
+</div>
+  
+<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 = "WE'RE LIVE!!!";
+  }
+}, 1000);
+</script>
+</html>