2022-02-23 21:55:13 +01:00
|
|
|
<!doctype html>
|
|
|
|
|
|
|
|
<html lang="en">
|
|
|
|
|
|
|
|
<head>
|
|
|
|
<meta charset="utf-8">
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
|
|
|
|
<title>openCountdown</title>
|
|
|
|
<meta name="description" content="openCountdown">
|
|
|
|
<meta name="author" content="TheGreydiamond">
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="css/styles.css?v=1.1">
|
|
|
|
</head>
|
|
|
|
|
2022-02-24 19:11:13 +01:00
|
|
|
<body onclick="updateFullscreen()">
|
2022-02-24 21:08:31 +01:00
|
|
|
|
2022-03-02 21:10:34 +01:00
|
|
|
|
|
|
|
|
2022-02-24 21:08:31 +01:00
|
|
|
<div id="overlay" onclick="off()">
|
|
|
|
<div id="text">Message here</div>
|
|
|
|
</div>
|
|
|
|
|
2022-03-02 21:10:34 +01:00
|
|
|
<div class="connectionWarning" id="warningBanner" style="display: none;">
|
|
|
|
Connection lost. Trying to reconnect...
|
|
|
|
</div>
|
|
|
|
|
2022-02-23 21:55:13 +01:00
|
|
|
<img src='SMPTE_Color_Bars.svg' class='testImg' id="testImg" style="display: none;">
|
2022-02-24 21:08:31 +01:00
|
|
|
</img>
|
|
|
|
<valueStore style="display: none;">
|
|
|
|
<value id="initalDate">true</value>
|
|
|
|
<value id="incomeData"></value>
|
|
|
|
</valueStore>
|
2022-02-24 19:11:13 +01:00
|
|
|
|
2022-02-23 21:55:13 +01:00
|
|
|
<div class="container">
|
2022-02-24 22:18:21 +01:00
|
|
|
<div class="progWrapper" id="wholeProgBar">
|
|
|
|
<div class="progBar" id="progBar"></div>
|
|
|
|
</div>
|
2022-02-23 21:55:13 +01:00
|
|
|
<div class="timer" id="timer">
|
|
|
|
00:00:00
|
|
|
|
</div>
|
2022-02-24 21:08:31 +01:00
|
|
|
<div class="clockSec" id="clockSec">
|
|
|
|
</div>
|
2022-02-25 17:22:59 +01:00
|
|
|
<div class="clockSec" id="timediff">
|
|
|
|
|
|
|
|
</div>
|
2022-02-23 21:55:13 +01:00
|
|
|
</div>
|
2022-03-10 18:56:51 +01:00
|
|
|
<script src="js/reconnecting-websocket.min.js" async defer></script>
|
2022-02-23 22:17:12 +01:00
|
|
|
<script src="js/countdown.js"></script>
|
2022-02-23 21:55:13 +01:00
|
|
|
<script src="js/script.js"></script>
|
|
|
|
</body>
|
|
|
|
|
|
|
|
</html>
|