1
0
Fork 0
mirror of https://github.com/marcrobledo/RomPatcher.js.git synced 2025-06-27 16:25:54 +00:00
RomPatcher.js/index.html
2018-04-28 15:57:54 +02:00

110 lines
No EOL
3.9 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>Rom Patcher JS</title>
<meta http-equiv="content-Type" content="text/html; charset=UTF-8"/>
<meta name="description" content="A web-based IPS/UPS/APS/BPS ROM patcher."/>
<meta name="keywords" content="ips,ups,aps,bps,patcher,online,html5,web,online,rom,patch,hack,translation"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
<link rel="manifest" href="./manifest.json"/>
<link rel="shortcut icon" href="./favicon.png"/>
<link type="text/css" rel="stylesheet" href="./RomPatcher.css" media="all"/>
<script type="text/javascript" src="./RomPatcher.js"></script>
<script type="text/javascript" src="./ips.js"></script>
<script type="text/javascript" src="./ups.js"></script>
<script type="text/javascript" src="./aps.js"></script>
<script type="text/javascript" src="./bps.js"></script>
<!-- <script type="text/javascript" src="./apsgba.js"></script> -->
</head>
<body unselectable="on" onselectstart="return false"><div id="column">
<!-- HEADER -->
<header><img src="logo.png" /><h1>RomPatcher.js</h1></header>
<!-- APP -->
<div id="wrapper">
<div id="tabs"><div class="selected clickable" onclick="setTab(0)">Apply patch</div><div class="clickable" onclick="setTab(1)">Create patch</div></div>
<div id="tab0" class="tab">
<div class="row">
<div class="leftcol"><label for="input-file-rom">ROM file:</label></div>
<div class="rightcol">
<input type="file" id="input-file-rom" />
</div>
</div>
<div class="row" id="rom-info">
<div class="leftcol">CRC32:</div><div class="rightcol"><span id="crc32"></span></div>
<div class="leftcol">MD5:</div><div class="rightcol"><span id="md5"></span></div>
<div class="leftcol">SHA-1:</div><div class="rightcol"><span id="sha1"></span></div>
</div>
<div class="row" id="row-removeheader" style="display:none">
<div class="leftcol"><label for="checkbox-removeheader">Remove header before patching:</label></div>
<div class="rightcol">
<input type="checkbox" id="checkbox-removeheader" />
</div>
</div>
<div class="row" id="row-addheader" style="display:none">
<div class="leftcol"><label for="checkbox-addheader">Patch needs a headered ROM:</label></div>
<div class="rightcol">
<input type="checkbox" id="checkbox-addheader" />
</div>
</div>
<div class="row" title="Compatible formats: IPS, UPS, APS and BPS">
<div class="leftcol"><label for="input-file-patch">Patch file:</label></div>
<div class="rightcol">
<input type="file" id="input-file-patch" />
</div>
</div>
<div class="buttons">
<button class="with-dot" onclick="applyPatchFile(patch, romFile)">Apply patch</button>
</div>
</div>
<div id="tab1" class="tab">
<div class="row">
<div class="leftcol"><label for="input-file-rom1">Original ROM:</label></div>
<div class="rightcol">
<input type="file" id="input-file-rom1" />
</div>
</div>
<div class="row">
<div class="leftcol"><label for="input-file-rom2">Modified ROM:</label></div>
<div class="rightcol">
<input type="file" id="input-file-rom2" />
</div>
</div>
<div class="row">
<div class="leftcol">Patch type:</div>
<div class="rightcol">
<select id="patch-type">
<option value="ips">IPS</option>
<option value="ups">UPS</option>
<option value="aps">APS</option>
<option value="apsn64">APS (N64)</option>
<!-- <option value="bps">BPS</option> -->
</select>
</div>
</div>
<div class="buttons">
<button class="with-dot" onclick="createPatchFile()">Create patch</button>
</div>
</div>
</div>
<!-- FOOTER -->
<footer>
Rom Patcher JS <small>rev 20170428</small> by <a href="/">Marc Robledo</a>
<i class="icon github"></i> <a href="https://github.com/marcrobledo/RomPatcher.js/" target="_blank">See on GitHub</a>
<i class="icon heart"></i> <a href="https://www.paypal.me/marcrobledo/5" target="_blank" rel="nofollow">Donate</a>
</footer>
</div></body></html>