diff options
Diffstat (limited to 'utils/minesweeper')
| -rw-r--r-- | utils/minesweeper/index.ejs | 31 | ||||
| -rw-r--r-- | utils/minesweeper/index.html | 49 |
2 files changed, 31 insertions, 49 deletions
diff --git a/utils/minesweeper/index.ejs b/utils/minesweeper/index.ejs new file mode 100644 index 0000000..fdbb5be --- /dev/null +++ b/utils/minesweeper/index.ejs @@ -0,0 +1,31 @@ +<h1>minesweeper</h1> + +<div id="flash-message" hidden>You lost in asdf seconds</div> + +<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 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> + +<script src="script.js" type="text/javascript"></script> diff --git a/utils/minesweeper/index.html b/utils/minesweeper/index.html deleted file mode 100644 index 8945dbd..0000000 --- a/utils/minesweeper/index.html +++ /dev/null @@ -1,49 +0,0 @@ -<!DOCTYPE html> - -<html> - <head> - <title>cacharle - minesweeper</title> - <meta charset="utf-8"/> - <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"> - <h1>minesweeper</h1> - - <div id="flash-message" hidden>You lost in asdf seconds</div> - - <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 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> -</html> |