index.html

<!DOCTYPE html>
<html>
<head>
	<title>LttP Adjuster and Patcher</title>
	<meta http-equiv="content-Type" content="text/html; charset=UTF-8"/>
	<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="./style/favicon.png" type="image/png" sizes="16x16"/>
	<link rel="shortcut icon" href="./style/logo192.png" type="image/png" sizes="192x192"/>
	<!-- iOS icons -->
	<link rel="apple-touch-icon" sizes="57x57" href="./style/logo114.png" />
	<link rel="apple-touch-icon" sizes="114x114" href="./style/logo114.png" />
	<link rel="apple-touch-icon" sizes="72x72" href="./style/logo144.png" />
	<link rel="apple-touch-icon" sizes="144x144" href="./style/logo144.png" />
	<link rel="apple-touch-icon" href="./style/logo192.png" />

	<link type="text/css" rel="stylesheet" href="./style/RomPatcher.css" media="all"/>
	<script type="text/javascript" src="./js/RomPatcher.js"></script>
	<script type="text/javascript" src="./js/MarcFile.js"></script>
	<script type="text/javascript" src="./js/crc.js"></script>
	<script type="text/javascript" src="./js/indexedDb.js"></script>
	<!-- Babel Dependency for Z3PR -->
	<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/7.12.1/polyfill.min.js" integrity="sha512-uzOpZ74myvXTYZ+mXUsPhDF+/iL/n32GDxdryI2SJronkEyKC8FBFRLiBQ7l7U/PTYebDbgTtbqTa6/vGtU23A==" crossorigin="anonymous"></script>
	<script type="text/javascript" src="./js/z3r/z3pr-umd.js"></script>
	<script type="text/javascript" src="./js/z3r/ZeldaSprite.js"></script>
	<script type="text/javascript" src="./js/z3r/ZeldaPatcher.js"></script>
	<script type="text/javascript" src="./js/formats/zip.js"></script>
	<script type="text/javascript" src="./js/formats/ips.js"></script>
	<script type="text/javascript" src="./js/formats/ups.js"></script>
	<script type="text/javascript" src="./js/formats/aps.js"></script>
	<script type="text/javascript" src="./js/formats/bps.js"></script>
	<script type="text/javascript" src="./js/formats/rup.js"></script>
	<script type="text/javascript" src="./js/formats/ppf.js"></script>
	<script type="text/javascript" src="./js/formats/pmsr.js"></script>
	<script type="text/javascript" src="./js/formats/vcdiff.js"></script>
	<script type="text/javascript" src="./js/zip.js/zip.js"></script>

	<script type="text/javascript">
		/*
		// PREDEFINED PATCHES EXAMPLE
		// uncomment this to enable predefined patches, Rom Patcher JS will fetch patches hosted in your server
		// - format should be self explanatory
		// - you can add provide crc for source files, allowing IPS to have validation!
		// - this could be also dynamically generated by your server backend, allowing you to build your own patcher for your projects
		var PREDEFINED_PATCHES=[
			//zip includes a single patch (recommended)
			{patch:'./_example/SONICDX.zip',name:'Sonic 3D Blast Director\'s Cut v1.1',crc:0x44a2ca44},

			//if providing a zipped file, multiple patch files within it can be specified (recommended)
			{patch:'./_example/SML2DXv181.zip#SML2DXv181.ips',name:'Super Mario Land 2 DX v1.8.1 (USA/Europe)',crc:0xd5ec24e4},
			{patch:'./_example/SML2DXv181.zip#SML2DXv181_jap.ips',name:'Super Mario Land 2 DX v1.8.1 (Japan)',crc:0xa715daf5},

			//if a patch file is not specified in a zipped file, user will be able to choose the desired patch file in a popup (not recommended, also only a single crc for all patches could be provided)
			{patch:'./_example/SML2DXv181.zip',name:'Super Mario Land 2 DX v1.8.1 (All regions)'},

			//uncompressed patch (not recommended because of bandwidth purposes)
			{patch:'./_example/MarvelousATI_EN_v1.07.xdelta',name:'Marvelous (SFC) ENG Translation v1.07',crc:0xcedf3ba7}
		];
		*/
	</script>
	
	
	<!-- custom code for RHDN -->
	<!--
		<?php
			if(isset($_REQUEST["file"]) && preg_match("/^(hacks|translations)\/\d+$/", $_REQUEST["file"]) && isset($_REQUEST["patch_name"])){
				$patch="/download/".$_REQUEST["file"];
				if(isset($_REQUEST["patch"])){
					$patch.='#'+strip_tags(trim($_REQUEST["patch"]))
				}
				$patch_name=strip_tags(trim($_REQUEST["patch_name"]));
				$crc="";
				if(isset($_REQUEST["crc"]) && preg_match("/^[0-9a-fA-F]{8}$/", $_REQUEST["crc"])){
					$crc=', crc:0x'.$_REQUEST["crc"];
				}
		?>
				<script type="text/javascript">
					var PREDEFINED_PATCHES=[{patch:'<?= strip_tags($patch); ?>', name:'<?= strip_tags($patch_name); ?>'<?= $crc?>}];
				</script>
		<?php
			}
		?>
	-->

</head>
<body><div id="column">

<!-- APP -->
<div id="wrapper">
	<div id="switch-container"><span id="switch-create-button" onclick="setCreatorMode(!/enabled/.test(el('switch-create').className));"><span>Patch mode</span> <span id="switch-create" class="switch disabled"></span></span></div>

	<div id="tab0" class="tab">
		<h1>Adjuster</h1>
		<div class="row">
			<div class="leftcol"><label for="input-file-rom">Randomizer ROM file:</label></div>
			<div class="rightcol">
				<input type="file" id="input-file-rom" class="enabled" accept=".sfc" />
			</div>
		</div>
		<div class="row" id="row-options">
			<div class="leftcol">Item Quickswap:</div>
			<div class="rightcol">
				<input type="checkbox" id="checkbox-quickswap" />
			</div>
			<div class="leftcol">Background Music:</div>
			<div class="rightcol">
				<input type="checkbox" id="checkbox-music" />
			</div>
			<div class="leftcol">MSU-1 Resume:</div>
			<div class="rightcol">
				<input type="checkbox" id="checkbox-resume" />
			</div>
			<div class="leftcol">Reduce Flashing:</div>
			<div class="rightcol">
				<input type="checkbox" id="checkbox-flashing" />
			</div>
			<div class="leftcol">Sprite:</div>
			<div class="rightcol">
				<select id="select-sprite">
				</select>
			</div>
			<div class="leftcol">Heart Color:</div>
			<div class="rightcol">
				<select id="select-heartcolor">
					<option value="red">Red</option>
					<option value="blue">Blue</option>
					<option value="green">Green</option>
					<option value="yellow">Yellow</option>
					<option value="random">Random</option>
				</select>
			</div>
			<div class="leftcol">Heart Beep Rate:</div>
			<div class="rightcol">
				<select id="select-beep">
					<option value="off">Off</option>
					<option value="double">Double Speed</option>
					<option value="normal">Normal Speed</option>
					<option value="half">Half Speed</option>
					<option value="quarter">Quarter Speed</option>
				</select>
			</div>
			<div class="leftcol">Menu Speed:</div>
			<div class="rightcol">
				<select id="select-menuspeed">
					<option value="instant">Instant</option>
					<option value="quadruple">Quadruple Speed</option>
					<option value="triple">Triple Speed</option>
					<option value="double">Double Speed</option>
					<option value="normal">Normal Speed</option>
					<option value="half">Half Speed</option>
				</select>
			</div>
			<div class="leftcol">Overworld Palettes:</div>
			<div class="rightcol">
				<select id="select-owpalettes">
					<option value="none">Default</option>
						<option value="shuffled">Random</option>
						<option value="legacy">Random Legacy</option>
						<option value="grayscale">Grayscale</option>
						<option value="puke">Puke</option>
						<option value="blackout">Blackout</option>
				</select>
			</div>
			<div class="leftcol">Underworld Palettes:</div>
			<div class="rightcol">
				<select id="select-uwpalettes">
					<option value="none">Default</option>
						<option value="shuffled">Random</option>
						<option value="legacy">Random Legacy</option>
						<option value="grayscale">Grayscale</option>
						<option value="puke">Puke</option>
						<option value="blackout">Blackout</option>
				</select>
			</div>
		</div>

		<div class="buttons">
			<span id="message-apply" class="message"></span>
			<button id="button-apply" class="disabled" disabled onclick="adjustPatch(romFile)">Adjust ROM</button>
		</div>
	</div>


	<div id="tab1" class="tab">
		<h1>Patcher + Adjuster</h1>
		<div class="row" id="row-input-file-jp">
			<div class="leftcol"><label for="input-file-jp">JP 1.0 ROM file:</label></div>
			<div class="rightcol">
				<input type="file" id="input-file-jp" accept=".sfc" />
			</div>
		</div>
		<div class="row">
				<div class="leftcol"><label for="input-file-patch">Patch file:</label></div>
				<div class="rightcol">
					<input type="file" id="input-file-patch" accept=".ips,.ups,.bps,.aps,.rup,.ppf,.mod,.xdelta,.zip" />
				</div>
			</div>
			<div class="row" id="row-options2">
				<div class="leftcol">Item Quickswap:</div>
				<div class="rightcol">
					<input type="checkbox" id="checkbox-quickswap2" />
				</div>
				<div class="leftcol">Background Music:</div>
				<div class="rightcol">
					<input type="checkbox" id="checkbox-music2" />
				</div>
				<div class="leftcol">MSU-1 Resume:</div>
				<div class="rightcol">
					<input type="checkbox" id="checkbox-resume2" />
				</div>
				<div class="leftcol">Reduce Flashing:</div>
				<div class="rightcol">
					<input type="checkbox" id="checkbox-flashing2" />
				</div>
				<div class="leftcol">Sprite:</div>
				<div class="rightcol">
					<select id="select-sprite2">
					</select>
				</div>
				<div class="leftcol">Heart Color:</div>
				<div class="rightcol">
					<select id="select-heartcolor2">
						<option value="red">Red</option>
						<option value="blue">Blue</option>
						<option value="green">Green</option>
						<option value="yellow">Yellow</option>
						<option value="random">Random</option>
					</select>
				</div>
				<div class="leftcol">Heart Beep Rate:</div>
				<div class="rightcol">
					<select id="select-beep2">
						<option value="off">Off</option>
						<option value="double">Double Speed</option>
						<option value="normal">Normal Speed</option>
						<option value="half">Half Speed</option>
						<option value="quarter">Quarter Speed</option>
					</select>
				</div>
				<div class="leftcol">Menu Speed:</div>
				<div class="rightcol">
					<select id="select-menuspeed2">
						<option value="instant">Instant</option>
						<option value="quadruple">Quadruple Speed</option>
						<option value="triple">Triple Speed</option>
						<option value="double">Double Speed</option>
						<option value="normal">Normal Speed</option>
						<option value="half">Half Speed</option>
					</select>
				</div>
				<div class="leftcol">Overworld Palettes:</div>
				<div class="rightcol">
					<select id="select-owpalettes2">
						<option value="none">Default</option>
						<option value="shuffled">Random</option>
						<option value="legacy">Random Legacy</option>
						<option value="grayscale">Grayscale</option>
						<option value="puke">Puke</option>
						<option value="blackout">Blackout</option>
					</select>
				</div>
				<div class="leftcol">Underworld Palettes:</div>
				<div class="rightcol">
					<select id="select-uwpalettes2">
						<option value="none">Default</option>
						<option value="shuffled">Random</option>
						<option value="legacy">Random Legacy</option>
						<option value="grayscale">Grayscale</option>
						<option value="puke">Puke</option>
						<option value="blackout">Blackout</option>
					</select>
				</div>
			</div>

		<div class="buttons">
			<span id="message-create" class="message"></span>
			<button id="button-create" class="disabled" disabled onclick="applyPatch(patch, romFile1, false)" data-localize="create_patch">Apply patch</button>
		</div>
	</div>
</div>


<!-- FOOTER -->
<footer>
	LttP Adjuster and Patcher by <a href="https://www.twitch.tv/kyong92">Kyong</a><br />
	Based on <a href="https://www.marcrobledo.com/RomPatcher.js/">Rom Patcher JS</a> <small>v2.4</small> by <a href="https://www.marcrobledo.com/">Marc Robledo</a>
	<br />	
</footer>

</div></body></html>