firebingo
cd7ea54fb2
Mission dropdown is now by mst id and mission id is selected in modal. Added skip button for moving to next chapter within mstid.
75 lines
3.6 KiB
HTML
75 lines
3.6 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"/>
|
|
<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> |