<!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="assets/css/editor.css" /> <link rel="stylesheet" type="text/css" href="assets/css/css3buttons.css" /> <script src="assets/js/jquery.min.js"></script> <script src="assets/js/jquery-ui.min.js"></script> <script src="assets/js/editor.js"></script> </head> <body> <nav> <a href="editor.html" title="Play" class="left pill button">Play</a><a href="list/" title="Custom laby list" class="right pill button">Custom laby list</a> </nav> <form action="save.php" method="POST"> <label for="largeur">Width : </label><select name="largeur" id="largeur"></select> <label for="hauteur">Height : </label><select name="hauteur" id="hauteur"></select> Start : <img src="assets/img/flag_green.png" id="start" /> | End : <img src="assets/img/flag_blue.png" id="end" /> <fieldset></fieldset> <input type="hidden" id="startingPoint" name="startingPoint" value="" /> <input type="hidden" id="endingPoint" name="endingPoint" value="" /> <a href="#" id="save" class="positive primary button">Save</a> </form> <h3>How to edit your level</h3> <ol> <li>Choose the size of your labyrinth</li> <li>Click on squares to build your labyrinth (don't forget that you can't go diagonally)</li> <li>Drag'n drop both flags on one of the white square to indicate a start and ending point</li> <li>Save it!</li> </ol> </body> </html>