<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>openCountdown - Timerpage</title> <meta name="description" content="openCountdown"> <meta name="author" content="TheGreydiamond"> <link rel="stylesheet" href="css/styles.css?v=1.1"> <link rel="icon" href="/logo/faviconLogo.svg" type="image/svg+xml"> </head> <body onclick="updateFullscreen()" onresize="handleDVD()"> <div id="overlay"> <div id="text">Message here</div> </div> <!-- Collection of warning and errors --> <noscript> <div class="connectionWarning"> Javascript is disabled. Please enable it to use openCountdown. </div> </noscript> <div class="connectionWarning" id="warningBanner" style="display: none;"> Connection lost. Trying to reconnect... </div> <!-- Color Bar Image --> <img src='SMPTE_Color_Bars.svg' class='testImg' id="testImg" style="display: none;"> </img> <div class="container"> <div class="progWrapper" id="wholeProgBar"> <div class="progBar" id="progBar"></div> </div> <div class="timer" id="timer"> 00:00:00 </div> <div class="clockSec" id="clockSec"> </div> <div class="clockSec" id="timediff"> </div> </div> <div id="moveClock" style="display: none;"> <img src="logo/logoProposal-invert.svg" alt="openCountdown" height="180px" class="moverLogo" > <center><div id="screensaverClock"> 00:00:00 </div> </center> </div> <!-- Load scripts --> <script src="js/reconnecting-websocket.min.js"></script> <script src="js/timer/timerview.js"></script> </body> </html>