<!DOCTYPE html><html><head><!-- lodash--><scriptsrc="includes/lodash.min.js"></script><!-- jquery--><scriptsrc="includes/jquery.min.js"></script><!-- croppie--><linkrel="stylesheet"href="includes/croppie.css"><scriptsrc="includes/croppie.js"></script><!-- main stuff--><linkrel="stylesheet"type="text/css"href="includes/style.css"><scriptsrc="includes/script.js"></script></head><body><header><h1>image-to-bitsy</h1><p>convert any image to a <ahref="https://ledoux.itch.io/bitsy">bitsy</a> room</p><p><ahref="https://github.com/synth-ruiner/bitsy-image-to-room">about</a>
</p></header><divclass="flex-container"><divclass="section"id="game-data"><h2>game data</h2><textareaid="bitsy-data"placeholder="Bitsy data or html">Write your game's title here
</textarea><p><inputclass="game-data"type="file"></p><p>paste or upload your game data (or html) here</p><p>(maybe make a backup first)</p></div><divclass="section"id="image"><h2>image</h2><divid="croppie"></div><inputid="imageUpload"type="file"accepts="image/*"></div><divclass="section"id="palette"><h2>palette</h2><formid="palettes"><table><tbody></tbody></table></form></div><divclass="section"id="crop"><h2>preview</h2><canvasid="preview"width="128"height="128"></canvas><inputid="brightness"type="range"min="-255"max="255"value="0"><labelfor="brightness">brightness</label></div><divclass="section"id="output"><h2>output</h2><canvasid="room-output"width="128"height="128"></canvas><labelid="never">never</label><inputid="threshold"type="range"min="0"max="64"value="64"><labelid="always"> always</label><br><labelfor="threshold">create new tiles</label><br><inputid="roomName"type="text"placeholder="room name"><buttonid="save">write to game data</button></div></div></body></html>