Files
website/progress.html
2021-05-11 21:25:10 +01:00

213 lines
9.1 KiB
HTML

<!doctype html>
<html lang=en>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link rel="stylesheet" href="main.css" />
<link rel="stylesheet" href="progress.css" />
<script type="text/javascript" src="https://code.highcharts.com/highcharts.js"></script>
<script type="text/javascript" src="https://code.highcharts.com/modules/data.js"></script>
<script type="text/javascript" src="https://code.highcharts.com/modules/exporting.js"></script>
<script type="text/javascript" src="progress.js"></script>
<script type="text/javascript" src="bg.js"></script>
<script type="text/javascript" src="audio.js"></script>
<title>Z64</title>
</head>
<body>
<div>
<div class="container text-center" style="margin-top: 50px;">
<img src="img/logo.png" style="width: 200px; height: 200px" />
</div>
<h1 class="text-center" style="margin-top: 20px;">ZRET Decompilation Status</h1>
<div class="content-container" style="margin-top: 30px;">
<input type="checkbox" checked id="ch1" style="display: none;">
<div class="zelda-file-box" id="oot-progress-container">
<label for="ch1">
<div class="zelda-file-box-header">
<div class="glow"></div>
<div class="zelda-box zelda-button zelda-file-box-slot">File 1</div>
<div class="zelda-box zelda-file-box-filename">Oot MQ Debug
<hr style="border-color: #1c2a49;margin-top: 14px;border-width: 3px;">
</div>
<div class="zelda-box zelda-file-box-total">
Total:
<span id="ootTotalPercentFileName" class="progress-value">Error</span>
</div>
</div>
</label>
<div>
<div class="zelda-box zelda-file-box-hack_left"></div>
<div class="zelda-box zelda-file-box-hack_right"></div>
</div>
<div class="zelda-file-box-main zelda-box zelda-file-box-main">
<div>
<p style="float: left">Last Change:</p>
<p id="ootLastChange" class="progress-value" style="color: cyan;">Error</p>
</div>
<hr>
<div>
<p style="float: left">Total:</p>
<p id="ootTotalPercent" class="progress-value">Error</p>
</div>
<div>
<p style="float: left">Boot:</p>
<p id="ootBootPercent" class="progress-value">Error</p>
</div>
<div>
<p style="float: left">Code:</p>
<p id="ootCodePercent" class="progress-value">Error</p>
</div>
<div>
<p style="float: left">Overlays:</p>
<p id="ootOverlayPercent" class="progress-value">Error</p>
</div>
</div>
<div class="zelda-file-box-main zelda-box zelda-file-box-main">
<div id="ootProgressChart" class="chart"></div>
<script type="text/javascript" src="chart_oot.js"></script>
</div>
<div class="zelda-box zelda-button" id="ootToggleMatching">Matching: <span style="color:red">No</span>
</div>
</div>
<br>
<input type="checkbox" id="ch2" style="display: none;">
<div class="zelda-file-box" id="mmProgressContainer">
<label for="ch2">
<div class="zelda-file-box-header">
<div class="glow"></div>
<div class="zelda-box zelda-button zelda-file-box-slot">File 2</div>
<div class="zelda-box zelda-file-box-filename">Majora's Mask
<hr style="border-color: #1c2a49;margin-top: 14px;border-width: 3px;">
</div>
<div class="zelda-box zelda-file-box-total">
Total:
<span id="mmTotalPercentFileName" class="progress-value">Error</span>
</div>
</div>
</label>
<div>
<div class="zelda-box zelda-file-box-hack_left"></div>
<div class="zelda-box zelda-file-box-hack_right"></div>
</div>
<div class="zelda-file-box-main zelda-box">
<div>
<p style="float: left">Last Change:</p>
<p id="mmLastChange" class="progress-value" style="color: cyan;">Error</p>
</div>
<hr>
<div>
<p style="float: left">Total:</p>
<p id="mmTotalPercent" class="progress-value">Error
<p>
</div>
<div>
<p style="float: left">Boot:</p>
<p id="mmBootPercent" class="progress-value">Error</p>
</div>
<div>
<p style="float: left">Code:</p>
<p id="mmCodePercent" class="progress-value">Error</p>
</div>
<div>
<p style="float: left">Overlays:</p>
<p id="mmOverlayPercent" class="progress-value">Error</p>
</div>
</div>
<div class="zelda-file-box-main zelda-box">
<div id="mmProgressChart" class="chart"></div>
<script type="text/javascript" src="chart_mm.js"></script>
</div>
<div class="zelda-box zelda-button" id="mmToggleMatching">Matching: <span style="color:red">No</span>
</div>
</details>
</div>
<br>
<input type="checkbox" id="ch3" style="display: none;">
<div class="zelda-file-box" id="tmcProgressContainer">
<label for="ch3">
<div class="zelda-file-box-header">
<div class="glow"></div>
<div class="zelda-box zelda-button zelda-file-box-slot">File 3</div>
<div class="zelda-box zelda-file-box-filename">The Minish Cap
<hr style="border-color: #1c2a49;margin-top: 14px;border-width: 3px;">
</div>
<div class="zelda-box zelda-file-box-total">
Total:
<span id="tmcTotalPercentFileName" class="progress-value">Error</span>
</div>
</div>
</label>
<div>
<div class="zelda-box zelda-file-box-hack_left"></div>
<div class="zelda-box zelda-file-box-hack_right"></div>
</div>
<div class="zelda-file-box-main zelda-box">
<div>
<p style="float: left">Last Change:</p>
<p id="tmcLastChange" class="progress-value" style="color: cyan;">Error</p>
</div>
<hr>
<div>
<p style="float: left">Code Decompilation:</p>
<p id="tmcCodePercent" class="progress-value">Error
<p>
</div>
<div>
<p style="float: left">Data Reconstruction:</p>
<p id="tmcDataPercent" class="progress-value">Error</p>
</div>
</div>
<div class="zelda-file-box-main zelda-box">
<div id="tmcProgressChart"></div>
<script type="text/javascript" src="chart_tmc.js"></script>
</div>
<div class="zelda-box zelda-button" id="tmcToggleMatching">Matching: <span style="color:red">No</span>
</div>
</details>
</div>
<!--
<div class="zelda-box zelda-button" id="toggle_audio_mute" onclick="toggleMute()" style="margin-top: 40px;">Audio: <span style="color:red">Off</span></div>
-->
<footer style="margin-top: 40px;">
<div class="zelda-box zelda-button"><a href="index.html">Main Page</a></div>
</footer>
</div>
</div>
</body>
</html>