Implemented KIOSK_TIMEOUT environment variable. Introduced adjustable kiosk timeout timer. Moved static animation from style.css to kiosk.ejs. Fixed incorrect preload tag within kiosk.ejs. Added missing bg.jpg preload tag within kiosk.ejs. Updated docker-compose.yml. Dependency updates. Updated README.md

This commit is contained in:
Glenn de Haan
2025-09-23 19:24:34 +02:00
parent 2fe4576c90
commit ae6aa9b5a1
8 changed files with 136 additions and 139 deletions

View File

@@ -23,9 +23,18 @@
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="theme-color" content="#139CDA">
<link rel="preload" href="<%= baseUrl %>/images/logo.png" as="image">
<link rel="preload" href="<%= baseUrl %>/images/kiosk/logo.png" as="image">
<link rel="preload" href="<%= baseUrl %>/images/kiosk/bg.jpg" as="image">
<link rel="preload" href="<%= baseUrl %>/dist/style.css" as="style">
<link href="<%= baseUrl %>/dist/style.css" rel="stylesheet">
<% if(typeof voucherCode !== 'undefined') { %>
<style>
.animate-countdown {
animation: countdown <%= timeout %>s linear forwards;
will-change: transform;
}
</style>
<% } %>
</head>
<body class="min-h-screen flex flex-col items-center justify-center p-4">
<% if(typeof voucherCode !== 'undefined') { %>
@@ -249,7 +258,7 @@
void timerBar.offsetWidth;
timerBar.classList.add('animate-countdown');
let timeLeft = 60;
let timeLeft = parseInt('<%= timeout %>');
setInterval(() => {
timeLeft--;