diff options
| author | Charles Cabergs <me@cacharle.xyz> | 2020-11-24 12:14:42 +0100 |
|---|---|---|
| committer | Charles Cabergs <me@cacharle.xyz> | 2020-11-24 12:14:42 +0100 |
| commit | 74d23da9c88e4ec904320d017f81704a78c72e81 (patch) | |
| tree | 801b5075e72f1a362676d592fabc17a62ec4e34e /utils/minesweeper | |
| parent | 992441c88e0b4a75fe4aed0878b5a2c9f4a5180f (diff) | |
| parent | 3ebcd66cd17741ec7dc7793f9f0121e2ee025fdf (diff) | |
| download | cacharle.xyz-74d23da9c88e4ec904320d017f81704a78c72e81.tar.gz cacharle.xyz-74d23da9c88e4ec904320d017f81704a78c72e81.tar.bz2 cacharle.xyz-74d23da9c88e4ec904320d017f81704a78c72e81.zip | |
Merge branch 'templates'
Diffstat (limited to 'utils/minesweeper')
| -rw-r--r-- | utils/minesweeper/index.html | 49 | ||||
| -rw-r--r-- | utils/minesweeper/index.template.html | 29 |
2 files changed, 29 insertions, 49 deletions
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> diff --git a/utils/minesweeper/index.template.html b/utils/minesweeper/index.template.html new file mode 100644 index 0000000..bf1ea4d --- /dev/null +++ b/utils/minesweeper/index.template.html @@ -0,0 +1,29 @@ +<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> |