firebingo
4e982cdd3d
Added in button to hit first if query params are used so modern browsers dont freak out about audio.
76 lines
3.7 KiB
HTML
76 lines
3.7 KiB
HTML
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" />
|
|
<link rel="stylesheet" type="text/css" href="Css/generic.min.css">
|
|
<link rel="stylesheet" type="text/css" href="Css/main.min.css">
|
|
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/pixi.js/4.5.1/pixi.min.js"></script> -->
|
|
<script src="Js/Pixi.min.js"></script>
|
|
</head>
|
|
<body onload="onBodyLoaded()">
|
|
<!-- <script src="Js/Common.js"></script>
|
|
<script src="Js/TextFunctions.js"></script>
|
|
<script src="Js/UtageParse.js"></script>
|
|
<script src="Js/Audio.js"></script>
|
|
<script src="Js/Player.js"></script>
|
|
<script src="Js/Main.js"></script> -->
|
|
<script src="Js/XduPlayer.min.js"></script>
|
|
<div id="loading-container" class="centered">
|
|
<h2 id="loading-utage">Loading Utage Data...</h2>
|
|
<h2 id="loading-font">Loading Page Data...</h2>
|
|
</div>
|
|
<div id="parent-container" class="fade-in centered">
|
|
<div id="title-container"><span>Now Playing: </span><span id="playing-title">None</span></div>
|
|
<div id="other-controls-container">
|
|
<div id="volume-control">
|
|
<span onclick="toggleMute(event)" id="mute-button">🔊</span>
|
|
<input onchange="onVolumeChange(event)" id="volume-range" value="50" type="range" min="0" max="100" step="1"/>
|
|
</div>
|
|
<select id="select-mission" onchange="missionDropDownChanged(event);"></select>
|
|
<select id="select-language" onchange="languageChanged(event);"></select>
|
|
</div>
|
|
<!-- Im doing weird shit so that text container is always the base resolution of XDU (1334, 750).
|
|
The canvas then resizes as the canvas does and the text-container uses transform scale based off this resolution -->
|
|
<div id="app-container" onclick="onMainClick(event);">
|
|
<div id="text-container">
|
|
<img id="main-ui-img" class="hidden" src="Images/newui_main.png"/>
|
|
<button id="play-from-query" onclick="playFromQuery(event)" style="display: none;">Play</button>
|
|
<div id="title" class="hidden">Title Text</div>
|
|
<div id="diva" class="hidden">Diva Text</div>
|
|
<div id="dialog-box" class="hidden">
|
|
<div id="ui-buttons">
|
|
<img class="ui-button" src="Images/skip_button.png" onclick="skipClicked(event)" id="skip-button"/>
|
|
<img class="ui-button" src="Images/hide_button.png" onclick="hideUiClicked(event)"/>
|
|
</div>
|
|
<div id="character"></div>
|
|
<div id="dialog">
|
|
<div id="dialog-controls">
|
|
<div id="dialog-scroll" class="hidden">
|
|
<img id="dialog-scroll-up" src="Images/next_icon.png" onclick="dialogScrollUp(event)"/>
|
|
<img src="Images/next_icon.png" onclick="dialogScrollDown(event)"/>
|
|
</div>
|
|
<div id="dialog-next" class="hidden">
|
|
<img src="Images/next_icon.png"/>
|
|
</div>
|
|
</div>
|
|
<div id="dialog-inner"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="click-catcher" style="display: none;" onclick="closeMissionModal(event, false)"></div>
|
|
<div id="modal-container" style="display: none;"></div>
|
|
<div style="opacity: 0; position: fixed; top: -2000;">
|
|
<!-- <span style="font-family: 'FOT-RodinNTLGPro-B_0'">test</span>
|
|
<span style="font-family: 'FOT-RodinNTLGPro-DB'">test</span> -->
|
|
<span style="font-family: 'FOT-RodinNTLGPro';">test</span>
|
|
<span style="font-family: 'FOT-RodinNTLGPro'; font-weight: bold;">test</span>
|
|
<!-- <span style="font-family: 'Orbitron-Black'">test</span>
|
|
<span style="font-family: 'Orbitron-Bold'">test</span>
|
|
<span style="font-family: 'Orbitron-Light'">test</span>
|
|
<span style="font-family: 'Orbitron-Medium'">test</span>
|
|
<span style="font-family: 'SourceCodePro-Regular'">test</span> -->
|
|
</div>
|
|
</body>
|
|
</html> |