Trying to DRY the html with templatestemplates

1 files changed, 31 insertions, 0 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>