Merge branch 'master' of ssh://git.xpub.nl:2501/XPUB/issue.xpub.nl

master
Sandra 4 years ago
commit 6b355ceac4

Binary file not shown.

After

Width:  |  Height:  |  Size: 75 KiB

@ -2,8 +2,29 @@
<html> <html>
<head> <head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="muisje.js"></script>
<style> <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-face{
font-family:"Pitchoun"; font-family:"Pitchoun";
src: url("font/pitchoun.ttf") format("truetype"), src: url("font/pitchoun.ttf") format("truetype"),
@ -17,19 +38,52 @@
src: url("font/Hershey-Noailles-timesb-handles-bold.ttf") format("truetype"), 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"); 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 { #demo {
text-align: center; text-align: center;
font-size: 70px; font-size: 70px;
color: white; line-height:40px;
font-family:"Hershey"; color: black;
font-family:"Roboto Mono";
} }
h1 {text-align: center; color: white; font-family:"Pitchoun"; } h1 {
text-align: center;
color: black;
line-height: 35px;
font-family:"Roboto Mono";
font-size: 30px;
}
h2 {
text-align: center;
color: white;
font-family:"GapSansBold";
line-height: 70px;
font-size: 70px;
text-shadow: 2px 2px 5px Blue;
}
.muisding {
border: none;
width: 200px;
}
#ding{
position:absolute;
}
</style> </style>
@ -39,12 +93,40 @@
</head> </head>
<body> <body>
<img class= "muisding" id="ding" src="https://media.giphy.com/media/ilqOZOSBi7NeEA7N0Q/giphy.gif"/>
<!-- Display the countdown timer in an element --> <!-- Display the countdown timer in an element -->
<p id="demo"></p>
<script> <script>
$(document).mousemove(function(e){
$("#ding").stop().animate({left:e.pageX, top:e.pageY});
});
</script>
<h1>
<br>
Radio Implicancies #12.4 - 04/06 at 16:00 (UTC+2)
<br>
</h1>
<h2>
DAMAGE
</h2>
<br>
<h1>
this broadcast will start in
</h1>
<p id="demo"></p>
<script>
// Set the date we're counting down to // Set the date we're counting down to
var countDownDate = new Date("Jun 4, 2020 16:00:00").getTime(); var countDownDate = new Date("Jun 4, 2020 16:00:00").getTime();
@ -63,24 +145,18 @@ var x = setInterval(function() {
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000); var seconds = Math.floor((distance % (1000 * 60)) / 1000);
// Display the result in the element with id="demo" // Display the result in the element with id="demo"
document.getElementById("demo").innerHTML = days + "d " + hours + "h " document.getElementById("demo").innerHTML = days + "d " + hours + "h "
+ minutes + "m " + seconds + "s "; + minutes + "m " + seconds + "s ";
// 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 = "EXPIRED"; document.getElementById("demo").innerHTML = "ZERO MINUTES";
} }
}, 1000); }, 1000);
</script> </script>
<h1>
UNTIL NEXT BROADCAST<br>
<br>
Radio Implicancies #12.4 - 04/06 at 16:00 (UTC+2)
</h1>
</body> </body>
</html> </html>

Binary file not shown.

Binary file not shown.

@ -235,7 +235,7 @@ a:hover{
color: white; color: white;
font-size: 14px; font-size: 14px;
overflow-y: auto; overflow-y: auto;
background: blue; background: SeaShell;
margin-top: 20px; margin-top: 20px;
margin-bottom: 20px; margin-bottom: 20px;
} }

Loading…
Cancel
Save