Cobalt-60
89 lines
3.0 KiB
HTML
89 lines
3.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
|
|
<link rel="stylesheet" href="/assets/css/main.css">
|
|
|
|
<title>App | Polaris</title>
|
|
</head>
|
|
|
|
<body>
|
|
<div style="float: left; position: absolute;">
|
|
<script type="text/javascript">
|
|
atOptions = {
|
|
'key' : 'e7cee1bad8f584684778a0308af26f96',
|
|
'format' : 'iframe',
|
|
'height' : 300,
|
|
'width' : 160,
|
|
'params' : {}
|
|
};
|
|
document.write('<scr' + 'ipt type="text/javascript" src="//outrightsham.com/e7cee1bad8f584684778a0308af26f96/invoke.js"></scr' + 'ipt>');
|
|
</script>
|
|
<br>
|
|
<script type="text/javascript">
|
|
atOptions = {
|
|
'key' : 'e7cee1bad8f584684778a0308af26f96',
|
|
'format' : 'iframe',
|
|
'height' : 300,
|
|
'width' : 160,
|
|
'params' : {}
|
|
};
|
|
document.write('<scr' + 'ipt type="text/javascript" src="//outrightsham.com/e7cee1bad8f584684778a0308af26f96/invoke.js"></scr' + 'ipt>');
|
|
</script>
|
|
</div>
|
|
<div>
|
|
<iframe style="" class="frame" scrolling="yes" frameborder="no" sandbox="allow-scripts allow-forms allow-pointer-lock allow-same-origin"></iframe>
|
|
|
|
<div class="gamebar">
|
|
<img src="https://via.placeholder.com/20x20?text=img" id="gameicon"/>
|
|
<p id="gametitle">Loading...</p>
|
|
<i class="fa-solid fa-expand" id="fullscreen"></i>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
document.addEventListener('keydown', (e) => {
|
|
if (e.key === 'f') {
|
|
const iframe = document.querySelector('.frame');
|
|
|
|
if (iframe.requestFullscreen) iframe.requestFullscreen();
|
|
else if (iframe.webkitRequestFullscreen) iframe.webkitRequestFullscreen();
|
|
else if (iframe.mozRequestFullScreen) iframe.mozRequestFullScreen();
|
|
else if (iframe.msRequestFullscreen) iframe.msRequestFullscreen();
|
|
}
|
|
});
|
|
|
|
fetch('/assets/JSON/apps.json')
|
|
.then(res => res.json())
|
|
.then(games => {
|
|
const game = games[Number(new URLSearchParams(location.search).get('id'))];
|
|
|
|
if (game) {
|
|
const iframe = document.querySelector('.frame');
|
|
|
|
iframe.src = game.source;
|
|
document.querySelector('#gameicon').src = game.image;
|
|
document.querySelector('#gametitle').textContent = game.name;
|
|
} else {
|
|
document.querySelector('#gametitle').textContent = 'Failed to load App';
|
|
}
|
|
});
|
|
|
|
document.querySelector('#fullscreen').addEventListener('click', () => {
|
|
const iframe = document.querySelector('.frame');
|
|
|
|
if (iframe.requestFullscreen) iframe.requestFullscreen();
|
|
else if (iframe.webkitRequestFullscreen) iframe.webkitRequestFullscreen();
|
|
else if (iframe.mozRequestFullScreen) iframe.mozRequestFullScreen();
|
|
else if (iframe.msRequestFullscreen) iframe.msRequestFullscreen();
|
|
});
|
|
</script>
|
|
<script src="/assets/js/main.js" type="module"></script>
|
|
</body>
|
|
|
|
|
|
</html>
|