furizon_webint/tpl/boopbox.html

86 lines
3.0 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="/res/boopbox.css" />
</head>
<body>
<div id="commands">
<a href="javascript:document.documentElement.requestFullscreen();">Fs</a>
<a href="javascript:document.getElementById('wolf').setAttribute('disabled', 'true');">Wolf hide</a>
<a href="javascript:document.getElementById('wolf').removeAttribute('disabled');">Wolf show</a>
<a href="javascript:document.getElementById('tiger').setAttribute('disabled', 'true');">Tiger hide</a>
<a href="javascript:document.getElementById('tiger').removeAttribute('disabled');">Tiger show</a>
<a href="javascript:document.getElementById('msgbox').removeAttribute('disabled');">Chatbox show</a>
<a href="javascript:document.getElementById('msgbox').setAttribute('disabled', 'true');">Chatbox hide</a>
<span id="debug">Debug command</span>
</div>
<!--<div id="error">
<p>An unrecoverable error has happened. Please call foxo.</p>
</div>-->
<!--<div id="border"></div>-->
<div id="main">
<img class="char bye" id="wolf" src="/res/wolf.png" disabled="true" />
<img class="char bye" id="tiger" src="/res/tiger.png" disabled="true" />
<div id="msgbox" class="bye" disabled><span id="msgcontent"></span><span id="touch" disabled>(touch the screen to continue <img src="/res/touch.svg" />)</span></div>
<div id="events" class="welcome-back">
<div id="eventsbox">
<h1 style="margin-top:7em;display:none;" id="nothing-happening">It looks like nothing is happening now~<br />_-¯¯-¯_<br />See you later :)</h1>
</div>
<h1>See more events with our app!</h1>
</div>
<video id="tv" autoplay muted playsinline controls="false" poster="/res/tv.jpg" class="welcome-back">
<!-- <source id="video-source" src="http://192.168.32.189:8000/tron.webm" type="video/mp4"> -->
</video>
<script>
var video = document.getElementById('tv');
var source = document.getElementById('video-source');
video.controls = false; // Ensure controls are hidden
video.addEventListener('error', function() {
video.style.display = 'none';
});
function playVideo() {
var cachebuster = Date.now(); // Generate a unique timestamp
var videoUrl = 'http://192.168.32.189:8000/tron.webm?cachebuster=' + cachebuster;
source.src = videoUrl;
video.load();
video.play().catch(function() {
fallbackImage.style.display = 'block'; // Show fallback image on playback failure
});
}
playVideo();
</script>
<div id="column" class="welcome-back">
<h1>Useful Info</h1>
<h2>CALL SECURITY</h2>
<p>Dial (+39) 375 732 4734</p>
<hr />
<h2>Reception Open</h2>
<p>Every day 8:00~19:00</p>
<hr />
<h2>NFC issues?</h2>
<p>Search for Foxo (Badge ID 3) or write to @unfoxo on Telegram</p>
<hr />
<h2 id="clock"></h2>
</div>
<div id="nfcstat" class="welcome-back" disabled>Dealer's Den <img src="/res/icons/nfc.svg" /></div>
</div>
<script type="text/javascript" src="/res/boopbox.js"></script>
</body>
</html>