From 025464a61feb3125c76136571e26f0d4df02bbc1 Mon Sep 17 00:00:00 2001
From: markvandenheuvel <markvandenheuvel@xpub.nl>
Date: Thu, 4 Jun 2020 17:41:04 +0200
Subject: [PATCH] new clock

---
 12/blank.html | 169 ++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 169 insertions(+)
 create mode 100644 12/blank.html
diff --git a/12/blank.html b/12/blank.html
new file mode 100644
index 0000000..75dca94
--- /dev/null
+++ b/12/blank.html
@@ -0,0 +1,169 @@
+    <!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: 'GapSansBold';
+        	src: url('font/gapsansbold-webfont.eot');
+        	src: url('font/gapsansbold-webfont.eot?#iefix') format('embedded-opentype'),
+            url('font/gapsansbold-webfont.woff2') format('woff2'),
+            url('font/gapsansbold-webfont.woff') format('woff'),
+            url('font/gapsansbold-webfont.ttf') format('truetype'),
+            url('font/gapsansbold-webfont.svg#gap_sansbold') format('svg');
+        	font-weight: normal;
+        	font-style: normal;
+
+    		}
+
+             
+        	@font-face{
+    		font-family:"Pitchoun";
+    		src: url("font/pitchoun.ttf") format("truetype"),
+    		 url("http://hershey-noailles.luuse.io/output/pitchoun-dashed-regular/Hershey-Noailles-pitchoun-dashed-regular.ttf")format("truetype");
+
+    		}
+              
+              
+            @font-face{
+    		font-family:"Hershey";
+    		src: url("font/Hershey-Noailles-timesb-handles-bold.ttf") format("truetype"),
+    		url("http://hershey-noailles.luuse.io/output/timesb-handles-bold/Hershey-Noailles-timesb-handles-bold.ttf") format("truetype");
+            }
+              
+              
+              
+            @font-face{
+    		font-family:"Roboto Mono";
+    		src: url("font/RobotoMono-Regular.ttf") format("truetype"),
+            url("https://fonts.googleapis.com/css?family=Roboto Mono")
+              }
+
+              
+      		#demo {
+    	margin-top: 30px;
+      text-align: center;
+      font-size: 60px;
+      line-height: 30px;
+    	color: white;
+    	font-family:"Roboto Mono";
+      text-shadow: 2px 2px 5px blue;
+      }
+      
+    h1 {
+      text-align: center; 
+      color: black; 
+      line-height: 30px;
+      font-family:"Roboto Mono";
+      font-size: 30px;
+      padding-top: 5px; 
+      text-decoration: underline;
+      }
+              
+              
+    h2 {
+      text-align: center; 
+      color: black; 
+      line-height: 30px;
+      font-family:"Roboto Mono";
+      font-size: 24px;
+      }
+
+    .about_04 {
+      text-align: center; 
+      color: black; 
+      font-family:"Roboto Mono";
+      font-size: 20px;
+      margin-left: 180px;
+      margin-right: 180px;
+      font-style: italic;
+      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>
+
+    <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>
+
+    <h1>
+    	Radio Implicancies #12.5 
+    </h1>
+      <div class="about_04"> 11/06 at 16:00 (UTC+2) (</div>
+    	<br>
+    <h2>
+      broadcast will start in...
+    </h2>
+    <p id="demo"></p>
+      
+      
+      
+     <script> 
+      
+    // Set the date we're counting down to
+    var countDownDate = new Date("Jun 11, 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>
\ No newline at end of file
