<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="css/main.css"/>
<link rel="stylesheet" href="css/editor.css"/>
<script>var exports = {};</script>
</head>
<body>
<img src="img/atlas.png" id="atlas" style="display: none;"/>
<canvas id="canvas" style="display: none;"></canvas>
<style id="style"></style>
<div id="center">
<form id="mapgen" autocomplete="off">
<input type="text" id="width" name="width" placeholder="Map Width">
<input type="text" id="height" name="height" placeholder="Map Height">
<input type="submit" value="Create"/>
</form>
</div>
<div id="sidebar">
<p>W: Place Wall</p>
<p>G: Place Ghost Wall</p>
<p>F: Place Food</p>
<p>1: Place Pac Spawn 1</p>
<p>2: Place Pac Spawn 2</p>
<p>3: Place Pac Spawn 3</p>
<p>4: Place Pac Spawn 4</p>
<p>T: Place THICC Dot</p>
<p>I: Place Initial Dot</p>
<p>C: Clear Tile</p>
<p>Q: Toggle Sidebar</p>
<input type="button" id="export" value="Export Map">
</div>
<script src="js/editor.js" type="module"></script>
</body>
</html>