77 lines
2.5 KiB
HTML
77 lines
2.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<script src="nui://game/ui/jquery.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/howler/2.2.3/howler.min.js" integrity="sha512-6+YN/9o9BWrk6wSfGxQGpt3EUK6XeHi6yeHV+TYD2GR0Sj/cggRpXr1BrAQf0as6XslxomMUxXp2vIl+fv0QRA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
|
<link href="css/style.css" rel="stylesheet">
|
|
<script>
|
|
var offset = 0,
|
|
setoffset = 0,
|
|
utc = false,
|
|
player = new Howl({
|
|
src: ["./sound/beep.wav"]
|
|
}),
|
|
s = "",
|
|
keys = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
|
|
|
|
for (var i = 0; i < 4; i++) {
|
|
s += keys.charAt(Math.floor(Math.random() * (keys.length)));
|
|
}
|
|
|
|
var serial = "6039" + s;
|
|
|
|
setInterval(() => {
|
|
let timedate;
|
|
if (utc) timedate = new Date();
|
|
else {
|
|
const now = new Date();
|
|
now.setTime(now.getTime() + now.getTimezoneOffset() * 6e4);
|
|
if (
|
|
now.getTimezoneOffset() <
|
|
Math.max(
|
|
new Date(now.getFullYear(), 0, 1).getTimezoneOffset(),
|
|
now.getTimezoneOffset()
|
|
)
|
|
) setoffset = offset + 1;
|
|
else setoffset = offset;
|
|
timedate = new Date(now.getTime() + (setoffset * 36e5));
|
|
}
|
|
|
|
const iso = timedate.toISOString();
|
|
$("#date").text(`${iso.substring(0, 10)} ${iso.substring(11, 19)} ${offset > 0 ? '-' : '+'}${offset.toString().padEnd(3, '0').padStart(4, '0')}`);
|
|
}, 1e3)
|
|
|
|
$(() => {
|
|
window.addEventListener('message', function(event) {
|
|
if ('AxonUIPresence' in event.data) {
|
|
$("#ui").css('display', event.data.AxonUIPresence ? "block" : "none");
|
|
}
|
|
|
|
if ('AxonBeep' in event.data) {
|
|
player.volume(event.data.AxonBeep.volume);
|
|
player.play();
|
|
}
|
|
$("name").text(``)
|
|
$("#text").text(`AXON BODY 3 X ${serial}\n${event.data.name}`);
|
|
});
|
|
|
|
|
|
});
|
|
</script>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="ui">
|
|
<p id="date">1337-42-00 00:00:00</p>
|
|
<p id="text">AXON BODY 3 X60390000</p>
|
|
|
|
<img id="logo" src="img/logo.png" alt="Logo">
|
|
<svg>
|
|
<rect/>
|
|
</svg>
|
|
</div>
|
|
</body>
|
|
|
|
</html> |