diff options
| author | pommicket <leonardomtenenbaum@gmail.com> | 2016-08-31 14:58:23 -0400 |
|---|---|---|
| committer | pommicket <leonardomtenenbaum@gmail.com> | 2016-08-31 14:58:23 -0400 |
| commit | a982632b1cc3218d74acec2b5f6a69ffc5e97ead (patch) | |
| tree | d7a7761c1a905450c3d57f4ae75048616850c06b /mazesolver.html | |
| parent | afff994f985121e89de4b1e3bb509b62eb956e5a (diff) | |
Cleaned up code and improved website layout.
Diffstat (limited to 'mazesolver.html')
| -rw-r--r-- | mazesolver.html | 30 |
1 files changed, 19 insertions, 11 deletions
diff --git a/mazesolver.html b/mazesolver.html index 64d15a4..2002f73 100644 --- a/mazesolver.html +++ b/mazesolver.html @@ -14,27 +14,35 @@ <h2>Maze Solver</h2>
<hr>
- <p>Maze Solver is a computer program that can solve mazes.<br>
- It works using <a href='https://www.khanacademy.org/computing/computer-science/algorithms/intro-to-algorithms/a/route-finding'>this algorithm</a>. To create a
- maze, just left-click and drag on the screen below to create walls, middle-click to clear walls, and right-click to place start and ending locations. Then,
- click the button saying "Solve Maze" and it will draw red circles connecting your start location to your end location.</p>
+ <div class="container-fluid">
+ <div class="col-lg-5 col-md-6 col-sm-8 col-xs-12" id="explanation">
+ Left-click to create walls, middle-click (press the scroll wheel) to clear walls, and right-click to place start and ending locations.
+ </div>
+ </div>
+ <br>
- <button onclick='startCreation();' id='StartButton'>Create Maze</button><br><br>
+ <button class="btn btn-sm btn-primary with-margin" onclick="startCreation();" id="StartButton">Create maze</button><br>
+ <button class="btn btn-sm btn-primary with-margin" onclick="begin();" id="begin">Solve maze</button><br><br>
+ <p id="Error" class="text-danger"></p>
- <p id='DoesItWork' style="color:#ff0000;"></p>
+ <div class="container-fluid" id="form">
+ <div class="row">
+ <div class="input-group input-group-md col-lg-3 col-md-6 col-sm-8 col-xs-10">
+ <span class="input-group-addon">Size</span>
+ <input id="size" class="form-control" type="number" value="50">
+ </div>
+ </div>
+ </div><br>
- <form id='Form'>
- Size: <input type='number' value=50>
- </form>
- <canvas height=0 width=0 id='Canvas' oncontextmenu='return false;'></canvas>
+ <canvas height="500" width="500" id="Canvas" oncontextmenu="return false;"></canvas>
<script src="js/mazesolver.js"></script>
</body>
<footer>
- <p>MazeSolver is licensed under the <a href='LICENSE.txt'>GNU General public license</a>.</p>
+ <p>MazeSolver is licensed under the <a href="LICENSE.txt">GNU General public license</a>.</p>
</footer>
</html>
|