64 lines
1.7 KiB
HTML
64 lines
1.7 KiB
HTML
<!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> |