43 lines
1.3 KiB
HTML
43 lines
1.3 KiB
HTML
<html>
|
|
<head>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.0/d3.min.js"></script>
|
|
<link href="https://fonts.googleapis.com/css?family=Chango" rel="stylesheet" type="text/css">
|
|
<style>
|
|
body {
|
|
font-family: Chango;
|
|
text-align: center;
|
|
}
|
|
div#counter {
|
|
font-size: 100pt;
|
|
text-align: left;
|
|
}
|
|
div#location {
|
|
font-size: 50pt;
|
|
}
|
|
div.hours { color: black; }
|
|
div.minutes { color: green; }
|
|
div.ten-minutes { color: orange; }
|
|
div.seconds { color: orange; animation: blinker 1s linear infinite; }
|
|
div.countdown { color: red; animation: blinker 1s linear infinite; }
|
|
@keyframes blinker {
|
|
50% {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
|
|
<div id="counter"></div>
|
|
until <span id="until-date"></span> in
|
|
<div id="location"></div>
|
|
<div>at <span id="localtime"></span> local time</div>
|
|
<div id="map"></div>
|
|
|
|
<script src="countdown.js"></script>
|
|
|
|
<!--iframe width="645" height="363" src="https://www.youtube.com/embed/gG0yjQ47IZU" title="FREE DOWNLOAD - 10 Seconds Countdown Timer With Voice #Shorts" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe-->
|
|
</body>
|
|
</html>
|