<!DOCTYPE html>

<html>

<head>

<title>Game Boy romusage</title>

<meta http-equiv="content-Type" content="text/html; charset=UTF-8"/>

<meta name="description" content="Romusage Web (Game Boy)"/>

<meta name="keywords" content="romusage game boy gameboy gbdk zgb gbstudio .gb .gbc"/>

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>

<link rel="shortcut icon" href="./web/images/favicon.png" type="image/png" sizes="16x16"/>

<link rel="shortcut icon" href="./web/images/icon_192.png" type="image/png" sizes="192x192"/>

<link type="text/css" rel="stylesheet" href="./web/style/style.css" media="all"/>

<script type="text/javascript" src="./web/js/wasm_interface.js"></script>

<script type="text/javascript" src="./web/romusage_web.js"></script>

<script type="text/javascript" src="./web/js/display.js"></script>

<script type="text/javascript" src="./web/js/file_io.js"></script>

</head>

<!-- Clear Output Text on Reload -->

<body onreset="setInfoText('');" onload="setInfoText('');">

<!-- <div id="column"> -->

<div class="box">

<div class="box-container">

<!-- Drag and drop area -->

<div class="file_drop_zone row header"

id="file_drop_zone"

ondrop="dropFileHandler.call(this, event);"

ondragover="dragOverHandler.call(this, event);"

ondragleave="dragLeaveHandler.call(this, event)">

<div class="usage_area">

Drag-and-drop Game Boy ROMs or .noi / .ihx / .map / .cdb files into this area to view their rom usage.

<div class="drop_delay_note">(Wait for area to turn green before dropping. Local only: no files leave your computer)</div>

<input type="file" onchange="buttonLoadFile.call(this, event)" multiple>

</div>

<div class="gb_image">

<img src="./web/images/icon_gb_200.png" />

</div>

</div>

<!-- Text output area -->

<div class="info_area info_header row header">

<span class="info_header_text info_button" onclick="setInfoText('');" >clear</span>

<span class="info_header_text info_button" onclick="romusageShowHelp();" >help</span>

<span class="info_header_args"> Romusage options: <input name="romusage_args" id="romusage_args" value="-g -sC">

<span class="info_header_text info_button" onclick="document.getElementById('romusage_args').value='-g -sC';" >Standard Mode</span>

<span class="info_header_text info_button" onclick="document.getElementById('romusage_args').value='-g -sC -B';" >Summarize Mode</span>

</div>

<div class="info_area info_body row content">

<!-- contenteditable -->

<textarea id="info_area_text" class="info_text"></textarea>

</div>

<footer class="row footer">

Game Boy romusage :

<a href="https://github.com/bbbbbr/romusage/" target="_blank">GitHub</a>

<br>

<br> Processing for this tool runs on your local computer,

<br> no ROM / Symbol File / etc data is uploaded or sent over the network.

</footer>

</div>

</div>

</body>

</html>