diff options
Diffstat (limited to 'utils/minesweeper/index.html')
| -rw-r--r-- | utils/minesweeper/index.html | 44 |
1 files changed, 24 insertions, 20 deletions
diff --git a/utils/minesweeper/index.html b/utils/minesweeper/index.html index a5ece6b..8945dbd 100644 --- a/utils/minesweeper/index.html +++ b/utils/minesweeper/index.html @@ -7,6 +7,7 @@ <link rel="icon" type="image/png" href="../../favicon.png" /> <link rel="stylesheet" type="text/css" href="../../style.css"/> <link rel="stylesheet" type="text/css" href="style.css"/> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body><div id="page-wrapper"> @@ -14,31 +15,34 @@ <div id="flash-message" hidden>You lost in asdf seconds</div> - <table id="minesweeper-table"> - </table> - - <div id="minesweeper-settings"> - <div> - <label for="width">width</label> - <input id="minesweeper-width" name="width" type="range" min="3" max="20" value="10"/> - </div> - <div> - <label for="height">height</label> - <input id="minesweeper-height" name="height" type="range" min="3" max="20" value="10"/> - </div> - <div> - <label for="mine-rate">mine rate</label> - <input id="minesweeper-mine-rate" name="mine-rate" type="range" min="0" max="100" value="20"/> + <div class="info-bar"> + <div id="minesweeper-game-info" hidden> + <div> + <div id="minesweeper-timer">1:30</div> + <button id="minesweeper-stop" class="game-state">stop</button> + </div> </div> - </div> - <div id="minesweeper-game-info" hidden> - <div> - <div id="minesweeper-timer">1:30</div> - <button id="minesweeper-stop" class="game-state">stop</button> + <div id="minesweeper-settings"> + <div> + <label for="width">width</label> + <input id="minesweeper-width" name="width" type="range" min="3" max="20" value="10"/> + </div> + <div> + <label for="height">height</label> + <input id="minesweeper-height" name="height" type="range" min="3" max="20" value="10"/> + </div> + <div> + <label for="mine-rate">mine rate</label> + <input id="minesweeper-mine-rate" name="mine-rate" type="range" min="0" max="100" value="20"/> + </div> </div> </div> + <table id="minesweeper-table"> + </table> + + </div></body> <script src="script.js" type="text/javascript"></script> |