<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="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"/> <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" onclick="hideUiClicked(event)"> <img class="ui-button" src="Images/hide_button.png"/> </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 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> </div> <div id="click-catcher" style="display: none;" onclick="closeMissionModal(event, false)"></div> <div id="modal-container" style="display: none;"></div> </body> </html>