Compare commits
5 Commits
2e1fc97f6f
...
b04a376b1d
Author | SHA1 | Date | |
---|---|---|---|
b04a376b1d | |||
0bf867daf6 | |||
1423f51104 | |||
389d9a9b13 | |||
7dd2438881 |
7
index.js
7
index.js
@ -156,10 +156,15 @@ app.get("/", function (req, res) {
|
|||||||
});
|
});
|
||||||
|
|
||||||
app.get("/timer", function (req, res) {
|
app.get("/timer", function (req, res) {
|
||||||
const data = fs.readFileSync("templates/timerPage.html", "utf8");
|
const data = fs.readFileSync("templates/ng-timerview.html", "utf8");
|
||||||
res.send(data);
|
res.send(data);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
app.get("/timer-old", function (req, res) {
|
||||||
|
const data = fs.readFileSync("templates/timerPage.html", "utf8");
|
||||||
|
res.send(data);
|
||||||
|
});
|
||||||
|
|
||||||
app.get("/api/v1/data", function (req, res) {
|
app.get("/api/v1/data", function (req, res) {
|
||||||
currentState.srvTime = new Date().getTime()
|
currentState.srvTime = new Date().getTime()
|
||||||
res.json(currentState);
|
res.json(currentState);
|
||||||
|
@ -30,8 +30,9 @@
|
|||||||
{
|
{
|
||||||
"timer": "Timer",
|
"timer": "Timer",
|
||||||
"clock": "Uhr",
|
"clock": "Uhr",
|
||||||
"black": "Schwarz",
|
"black": "Leer",
|
||||||
"test": "Testbild"
|
"test": "Testbild",
|
||||||
|
"screensaver": "Bildschirmschoner"
|
||||||
},
|
},
|
||||||
"labels":
|
"labels":
|
||||||
{
|
{
|
||||||
|
@ -32,7 +32,8 @@
|
|||||||
"timer": "Timer",
|
"timer": "Timer",
|
||||||
"clock": "Clock",
|
"clock": "Clock",
|
||||||
"black": "Black",
|
"black": "Black",
|
||||||
"test": "Testimage"
|
"test": "Testimage",
|
||||||
|
"screensaver": "Screensaver"
|
||||||
},
|
},
|
||||||
"labels":
|
"labels":
|
||||||
{
|
{
|
||||||
|
@ -31,7 +31,8 @@
|
|||||||
"timer": "████",
|
"timer": "████",
|
||||||
"clock": "█████",
|
"clock": "█████",
|
||||||
"black": "████",
|
"black": "████",
|
||||||
"test": "███████"
|
"test": "███████",
|
||||||
|
"screensaver": "████████"
|
||||||
},
|
},
|
||||||
"labels":
|
"labels":
|
||||||
{
|
{
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "opencountdown",
|
"name": "opencountdown",
|
||||||
"version": "1.0.5",
|
"version": "1.0.6",
|
||||||
"description": "An opensource countdown",
|
"description": "An opensource countdown",
|
||||||
"main": "startHandler.js",
|
"main": "startHandler.js",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
|
@ -1,3 +1,7 @@
|
|||||||
body {
|
body {
|
||||||
font-size:0.3em;
|
font-size:0.3em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.moverLogo {
|
||||||
|
height: 80px !important;
|
||||||
|
}
|
@ -111,3 +111,47 @@ animation:fade 1000ms infinite;
|
|||||||
font-size: x-large;
|
font-size: x-large;
|
||||||
font-family: sans-serif;
|
font-family: sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
:root {
|
||||||
|
--my-end-left: 99%;
|
||||||
|
--my-end-top: 99%;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
#moveClock {
|
||||||
|
font-size: 6em;
|
||||||
|
font-family: sans-serif;
|
||||||
|
position: absolute;
|
||||||
|
-webkit-animation: moveX 40s linear 0s infinite alternate, moveY 45s linear 0s infinite alternate;
|
||||||
|
-moz-animation: moveX 40s linear 0s infinite alternate, moveY 45s linear 0s infinite alternate;
|
||||||
|
-o-animation: moveX 40s linear 0s infinite alternate, moveY 45s linear 0s infinite alternate;
|
||||||
|
animation: moveX 40s linear 0s infinite alternate, moveY 45s linear 0s infinite alternate;
|
||||||
|
transition: all 0.8s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@-webkit-keyframes moveX {
|
||||||
|
from { left: 0; } to { left: var(--my-end-left) }
|
||||||
|
}
|
||||||
|
@-moz-keyframes moveX {
|
||||||
|
from { left: 0; } to { left: var(--my-end-left); }
|
||||||
|
}
|
||||||
|
@-o-keyframes moveX {
|
||||||
|
from { left: 0; } to { left: var(--my-end-left); }
|
||||||
|
}
|
||||||
|
@keyframes moveX {
|
||||||
|
from { left: 0; } to { left: var(--my-end-left); }
|
||||||
|
}
|
||||||
|
|
||||||
|
@-webkit-keyframes moveY {
|
||||||
|
from { top: 0; } to { top: var(--my-end-top); }
|
||||||
|
}
|
||||||
|
@-moz-keyframes moveY {
|
||||||
|
from { top: 0; } to { top: var(--my-end-top); }
|
||||||
|
}
|
||||||
|
@-o-keyframes moveY {
|
||||||
|
from { top: 0; } to { top: var(--my-end-top); }
|
||||||
|
}
|
||||||
|
@keyframes moveY {
|
||||||
|
from { top: 0; } to { top: var(--my-end-top); }
|
||||||
|
}
|
@ -25,7 +25,7 @@ function convertColorSegments(elementId) {
|
|||||||
$(function () {
|
$(function () {
|
||||||
// $(".numVal").bind("DOMSubtreeModified", alert);
|
// $(".numVal").bind("DOMSubtreeModified", alert);
|
||||||
|
|
||||||
const modes = ["timer", "clock", "black", "test"]
|
const modes = ["timer", "clock", "black", "test", "screensaver"]
|
||||||
let selectPresetTime = 0;
|
let selectPresetTime = 0;
|
||||||
|
|
||||||
if (Cookies.get("interfaceColor") != undefined) {
|
if (Cookies.get("interfaceColor") != undefined) {
|
||||||
|
@ -195,7 +195,7 @@ function handleUpdate() {
|
|||||||
timerCountdownFirst = true;
|
timerCountdownFirst = true;
|
||||||
|
|
||||||
} else if (data.mode == "timer") {
|
} else if (data.mode == "timer") {
|
||||||
if(data.showProgressbar) {
|
if (data.showProgressbar) {
|
||||||
document.getElementById("wholeProgBar").style.display = "block";
|
document.getElementById("wholeProgBar").style.display = "block";
|
||||||
} else {
|
} else {
|
||||||
document.getElementById("wholeProgBar").style.display = "none";
|
document.getElementById("wholeProgBar").style.display = "none";
|
||||||
@ -203,7 +203,7 @@ function handleUpdate() {
|
|||||||
|
|
||||||
const now = new Date()
|
const now = new Date()
|
||||||
|
|
||||||
if(timerCountdownFirst){
|
if (timerCountdownFirst) {
|
||||||
const diff = data.countdownGoal - now.getTime()
|
const diff = data.countdownGoal - now.getTime()
|
||||||
timerCountdownFirst = false
|
timerCountdownFirst = false
|
||||||
document.getElementById("timer").innerHTML = msToTime(diff, data);
|
document.getElementById("timer").innerHTML = msToTime(diff, data);
|
||||||
|
281
static/js/timer/timerview.js
Normal file
281
static/js/timer/timerview.js
Normal file
@ -0,0 +1,281 @@
|
|||||||
|
|
||||||
|
|
||||||
|
// References to the HTML elements
|
||||||
|
let warningBox = document.getElementById("warningBanner");
|
||||||
|
let timer = document.getElementById("timer");
|
||||||
|
let testImage = document.getElementById("testImg");
|
||||||
|
let clockSec = document.getElementById("clockSec");
|
||||||
|
let timeDiffContainer = document.getElementById("timediff");
|
||||||
|
let wholeProgressBar = document.getElementById("wholeProgBar");
|
||||||
|
let progressBar = document.getElementById("progBar");
|
||||||
|
let overlay = document.getElementById("overlay");
|
||||||
|
let overlayText = document.getElementById("text");
|
||||||
|
let screensaverText = document.getElementById("moveClock");
|
||||||
|
let screensaverClock = document.getElementById("screensaverClock");
|
||||||
|
|
||||||
|
// Prepare connection to backend
|
||||||
|
let socket = new ReconnectingWebSocket("ws://127.0.0.1:" + location.port);
|
||||||
|
|
||||||
|
// State variables
|
||||||
|
let ackSessionTokenChange = false; // Wether the user has acknowledged the session token mismatch
|
||||||
|
let dataFrame = {};
|
||||||
|
let timeDiffToServer = 0;
|
||||||
|
let sessionToken = ""; // Our current session token
|
||||||
|
let defaultToFullscreen = false;
|
||||||
|
let allowFullscreen = true; // If the system is allowed to go fullscreen
|
||||||
|
|
||||||
|
// Scale down the interface if the smaller parameter is set
|
||||||
|
let smallerFlag = new URLSearchParams(window.location.search).get("smaller");
|
||||||
|
if (smallerFlag == "true") {
|
||||||
|
var cssURL = '/css/smallerTextMod.css';
|
||||||
|
document.head.innerHTML += '<link rel="stylesheet" href="' + cssURL + '"/>';
|
||||||
|
allowFullscreen = false;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Handle the screensaver to fit the screen
|
||||||
|
setTimeout(handleDVD, 200);
|
||||||
|
setTimeout(handleDVD, 400);
|
||||||
|
document.body.onresize = handleDVD;
|
||||||
|
|
||||||
|
// Handle connection event
|
||||||
|
socket.onopen = function (e) {
|
||||||
|
socket.send("new client");
|
||||||
|
};
|
||||||
|
|
||||||
|
// Handle connection close event
|
||||||
|
socket.onclose = function (event) {
|
||||||
|
warningBox.style.display = "block"; // Show warning banner
|
||||||
|
if (event.wasClean) {
|
||||||
|
console.log(`[close] Connection closed cleanly, code=${event.code} reason=${event.reason}`);
|
||||||
|
} else {
|
||||||
|
// e.g. server process killed or network down
|
||||||
|
// event.code is usually 1006 in this case
|
||||||
|
console.error('[close] Connection died');
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
// Handle incoming data
|
||||||
|
socket.onmessage = function (event) {
|
||||||
|
// Parse the incoming data as JSON
|
||||||
|
const inData = JSON.parse(event.data);
|
||||||
|
// Check if the backend has restarted in the background
|
||||||
|
if (inData.sessionToken == sessionToken || sessionToken == "") {
|
||||||
|
dataFrame = JSON.parse(event.data);
|
||||||
|
// Time difference between the client and the server
|
||||||
|
timeDiffToServer = new Date().getTime() - dataFrame.srvTime;
|
||||||
|
|
||||||
|
if(dataFrame.debug) {
|
||||||
|
console.log(dataFrame)
|
||||||
|
timeDiffContainer.innerHTML = timeDiffToServer
|
||||||
|
timeDiffContainer.style.display = "block"
|
||||||
|
} else {
|
||||||
|
timeDiffContainer.style.display = "none"
|
||||||
|
}
|
||||||
|
|
||||||
|
// Process the data
|
||||||
|
handleUpdate();
|
||||||
|
} else {
|
||||||
|
// If the user has not acknowledged the session token mismatch, show a warning
|
||||||
|
if (!ackSessionTokenChange) {
|
||||||
|
ackSessionTokenChange = true;
|
||||||
|
if (confirm("Session token mismatch, reload the page?")) {
|
||||||
|
location.reload();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
// Update timer data regularly (every 20ms)
|
||||||
|
let updateIntervalReference = setInterval(handleUpdate, 20);
|
||||||
|
|
||||||
|
// Helper functions
|
||||||
|
|
||||||
|
// Get the current time in a HH:MM:SS format
|
||||||
|
function getTime() {
|
||||||
|
var date = new Date();
|
||||||
|
var h = date.getHours(); // 0 - 23
|
||||||
|
var m = date.getMinutes(); // 0 - 59
|
||||||
|
var s = date.getSeconds(); // 0 - 59
|
||||||
|
|
||||||
|
h = h < 10 ? "0" + h : h;
|
||||||
|
m = m < 10 ? "0" + m : m;
|
||||||
|
s = s < 10 ? "0" + s : s;
|
||||||
|
|
||||||
|
var time = h + ":" + m + ":" + s;
|
||||||
|
return time;
|
||||||
|
}
|
||||||
|
|
||||||
|
function percentage(partialValue, totalValue) {
|
||||||
|
return (100 * partialValue) / totalValue;
|
||||||
|
}
|
||||||
|
|
||||||
|
function msToTime(s, data) {
|
||||||
|
isSmallerThenZero = false
|
||||||
|
if (s < 0) {
|
||||||
|
isSmallerThenZero = true
|
||||||
|
}
|
||||||
|
|
||||||
|
var ms = s % 1000;
|
||||||
|
s = (s - ms) / 1000;
|
||||||
|
var secs = s % 60;
|
||||||
|
s = (s - secs) / 60;
|
||||||
|
var mins = s % 60;
|
||||||
|
var hrs = (s - mins) / 60;
|
||||||
|
let out = ""
|
||||||
|
|
||||||
|
if (!data.showMilliSeconds) {
|
||||||
|
out = ('00' + Math.abs(hrs)).slice(-2) + ':' + ('00' + Math.abs(mins)).slice(-2) + ':' + ('00' + Math.abs(secs)).slice(-2)
|
||||||
|
} else {
|
||||||
|
out = ('00' + Math.abs(hrs)).slice(-2) + ':' + ('00' + Math.abs(mins)).slice(-2) + ':' + ('00' + Math.abs(secs)).slice(-2) + '.' + ('000' + Math.abs(ms)).slice(-3)
|
||||||
|
}
|
||||||
|
|
||||||
|
if (isSmallerThenZero) {
|
||||||
|
out = "-" + out
|
||||||
|
}
|
||||||
|
return out;
|
||||||
|
}
|
||||||
|
|
||||||
|
function findProgessColor(colors, value) {
|
||||||
|
const allColors = Object.keys(colors);
|
||||||
|
let resColor = colors["START"]
|
||||||
|
for (let color in allColors) {
|
||||||
|
const currColor = allColors[color]
|
||||||
|
if (value <= parseInt(currColor)) {
|
||||||
|
resColor = colors[String(currColor)]
|
||||||
|
break
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return (resColor)
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleUpdate() {
|
||||||
|
defaultToFullscreen = dataFrame.defaultFullScreen;
|
||||||
|
switch (dataFrame.mode) {
|
||||||
|
case "timer":
|
||||||
|
// Timer mode
|
||||||
|
timer.style.display = "block";
|
||||||
|
testImage.style.display = "none";
|
||||||
|
screensaverText.style.display = "none";
|
||||||
|
|
||||||
|
if(dataFrame.showTimeOnCountdown) {
|
||||||
|
// Show time on countdown
|
||||||
|
clockSec.innerHTML = getTime();
|
||||||
|
clockSec.style.display = "block";
|
||||||
|
} else {
|
||||||
|
clockSec.style.display = "none";
|
||||||
|
}
|
||||||
|
if(dataFrame.showProgressbar) {
|
||||||
|
// Show progressbar
|
||||||
|
wholeProgressBar.style.display = "block";
|
||||||
|
} else {
|
||||||
|
wholeProgressBar.style.display = "none";
|
||||||
|
}
|
||||||
|
// Calculate the time difference between the goal and the current time
|
||||||
|
const now = new Date();
|
||||||
|
let diff = 0;
|
||||||
|
if(dataFrame.timerRunState) {
|
||||||
|
diff = dataFrame.countdownGoal - now.getTime()
|
||||||
|
} else {
|
||||||
|
diff = (now.getTime() - dataFrame.pauseMoment) + dataFrame.countdownGoal - now.getTime()
|
||||||
|
}
|
||||||
|
|
||||||
|
timer.innerHTML = msToTime(diff, dataFrame);
|
||||||
|
|
||||||
|
// Handle the progressbar
|
||||||
|
if (diff >= 0) {
|
||||||
|
progressBar.style.width = percentage(diff, dataFrame.timeAmountInital) + "%";
|
||||||
|
} else {
|
||||||
|
progressBar.style.width = "0%";
|
||||||
|
}
|
||||||
|
progressBar.style.backgroundColor = findProgessColor(dataFrame.colorSegments, diff)
|
||||||
|
|
||||||
|
// Handle the text color
|
||||||
|
if (dataFrame.enableColoredText) {
|
||||||
|
timer.style.color = findProgessColor(dataFrame.textColors, diff)
|
||||||
|
} else {
|
||||||
|
timer.style.color = "white"
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
case "clock":
|
||||||
|
// Clock mode
|
||||||
|
timer.innerHTML = getTime();
|
||||||
|
testImage.style.display = "none";
|
||||||
|
clockSec.style.display = "none";
|
||||||
|
wholeProgressBar.style.display = "none";
|
||||||
|
timer.style.display = "block";
|
||||||
|
screensaverText.style.display = "none";
|
||||||
|
timer.style.color = "white";
|
||||||
|
break;
|
||||||
|
case "black":
|
||||||
|
// Black screen mode
|
||||||
|
testImage.style.display = "none";
|
||||||
|
clockSec.style.display = "none";
|
||||||
|
wholeProgressBar.style.display = "none";
|
||||||
|
timer.style.display = "none";
|
||||||
|
screensaverText.style.display = "none";
|
||||||
|
timer.style.color = "white";
|
||||||
|
break;
|
||||||
|
case "test":
|
||||||
|
// Test image mode
|
||||||
|
testImage.style.display = "block";
|
||||||
|
clockSec.style.display = "none";
|
||||||
|
wholeProgressBar.style.display = "none";
|
||||||
|
timer.style.display = "none";
|
||||||
|
screensaverText.style.display = "none";
|
||||||
|
timer.style.color = "white";
|
||||||
|
break;
|
||||||
|
case "screensaver":
|
||||||
|
// Screensaver mode
|
||||||
|
testImage.style.display = "none";
|
||||||
|
clockSec.style.display = "none";
|
||||||
|
wholeProgressBar.style.display = "none";
|
||||||
|
timer.style.display = "none";
|
||||||
|
timer.style.color = "white";
|
||||||
|
screensaverText.style.display = "block";
|
||||||
|
screensaverClock.innerHTML = getTime();
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Handle the message overlay
|
||||||
|
if (dataFrame.showMessage) {
|
||||||
|
overlay.style.display = "block";
|
||||||
|
overlayText.innerHTML = dataFrame.message
|
||||||
|
} else {
|
||||||
|
overlay.style.display = "none";
|
||||||
|
}
|
||||||
|
|
||||||
|
// This will result in the text fading in and out when the message changes
|
||||||
|
if (new Date().getTime() - dataFrame.messageAppearTime < 5000) {
|
||||||
|
if (!overlayText.classList.contains('blink')) {
|
||||||
|
overlayText.classList.add("blink")
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (overlayText.classList.contains('blink')) {
|
||||||
|
overlayText.classList.remove("blink")
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleDVD() {
|
||||||
|
console.info("Recalculating screensaver size")
|
||||||
|
const objHeight = document.body.offsetHeight - screensaverText.offsetHeight;
|
||||||
|
const objWidth = document.body.offsetWidth - screensaverText.offsetWidth;
|
||||||
|
document.documentElement.style.setProperty('--my-end-left', objWidth + "px");
|
||||||
|
document.documentElement.style.setProperty('--my-end-top', objHeight + "px");
|
||||||
|
}
|
||||||
|
|
||||||
|
function enterFullscreen(element) {
|
||||||
|
if (element.requestFullscreen) {
|
||||||
|
element.requestFullscreen();
|
||||||
|
} else if (element.msRequestFullscreen) {
|
||||||
|
element.msRequestFullscreen();
|
||||||
|
} else if (element.webkitRequestFullscreen) {
|
||||||
|
element.webkitRequestFullscreen();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function updateFullscreen() {
|
||||||
|
if (defaultToFullscreen && allowFullscreen) {
|
||||||
|
enterFullscreen(document.documentElement)
|
||||||
|
}
|
||||||
|
}
|
4631
static/logo/logoProposal-invert.svg
Normal file
4631
static/logo/logoProposal-invert.svg
Normal file
File diff suppressed because it is too large
Load Diff
After Width: | Height: | Size: 145 KiB |
@ -156,6 +156,9 @@
|
|||||||
|
|
||||||
<input type="radio" class="btn-check" name="btnradio" id="btnradio4" autocomplete="off">
|
<input type="radio" class="btn-check" name="btnradio" id="btnradio4" autocomplete="off">
|
||||||
<label class="btn btn-outline-primary" for="btnradio4"><%= it.lang.others.test %></label>
|
<label class="btn btn-outline-primary" for="btnradio4"><%= it.lang.others.test %></label>
|
||||||
|
|
||||||
|
<input type="radio" class="btn-check" name="btnradio" id="btnradio5" autocomplete="off">
|
||||||
|
<label class="btn btn-outline-primary" for="btnradio5"><%= it.lang.others.screensaver %></label>
|
||||||
</div>
|
</div>
|
||||||
<br>
|
<br>
|
||||||
<br>
|
<br>
|
||||||
|
64
templates/ng-timerview.html
Normal file
64
templates/ng-timerview.html
Normal file
@ -0,0 +1,64 @@
|
|||||||
|
<!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>
|
@ -6,12 +6,13 @@
|
|||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
|
||||||
<title>openCountdown</title>
|
<title>openCountdown - Timerpage</title>
|
||||||
<meta name="description" content="openCountdown">
|
<meta name="description" content="openCountdown">
|
||||||
<meta name="author" content="TheGreydiamond">
|
<meta name="author" content="TheGreydiamond">
|
||||||
|
|
||||||
<link rel="stylesheet" href="css/styles.css?v=1.1">
|
<link rel="stylesheet" href="css/styles.css?v=1.1">
|
||||||
|
|
||||||
|
<link rel="icon" href="/logo/faviconLogo.svg" type="image/svg+xml">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body onclick="updateFullscreen()">
|
<body onclick="updateFullscreen()">
|
||||||
|
Loading…
Reference in New Issue
Block a user