fowntain
44 lines
1.7 KiB
HTML
44 lines
1.7 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>Home | Polaris</title>
|
|
</head>
|
|
<body style="height: 100%;">
|
|
<script src="/assets/js/frame.js" type="module"></script>
|
|
<script>
|
|
function fullscreen() {
|
|
let iframe = document.getElementById('game-frame');
|
|
if (!iframe) iframe = document.getElementById('app-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>
|
|
<div class="container-frame">
|
|
<iframe id="game-frame" scrolling="no" frameborder="0" width="75%" height="80%" cellspacing="0" src="https://example.com"></iframe>
|
|
<div id="iframe-options">
|
|
<div class="iframe-icon">
|
|
<table style="width: 100%;">
|
|
<tr>
|
|
<td><img src="https://via.placeholder.com/20x20?text=img" id="game-icon-sm" width="20" height="20"></td>
|
|
<td style="width: 40vh; margin-left:3vh;"><b><p class="iframe-name"> Failed to load game</p></b></td>
|
|
<td><i class="fa-solid fa-expand" style="color: #ffffff; margin-left: 105vh;" onclick="fullscreen()"></i></a></td>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
<script src="/assets/js/main.js" type="module"></script>
|
|
</body>
|
|
</html>
|
|
|