diff options
| author | JP Appel <jeanpierre.appel01@gmail.com> | 2023-10-25 23:52:32 -0700 |
|---|---|---|
| committer | JP Appel <jeanpierre.appel01@gmail.com> | 2023-10-25 23:52:32 -0700 |
| commit | 99a1c02c80ee2d1154c163644a4e341aba4db192 (patch) | |
| tree | bc7fa105e78f7d6b27fa67335723b781400a1e5d /site/game/index.html | |
| parent | 33680b9a238ffda3a2efca654591e53e423b310f (diff) | |
made css more dynamic for mobile
Diffstat (limited to 'site/game/index.html')
| -rw-r--r-- | site/game/index.html | 28 |
1 files changed, 24 insertions, 4 deletions
diff --git a/site/game/index.html b/site/game/index.html index 4f47476..91cbac1 100644 --- a/site/game/index.html +++ b/site/game/index.html @@ -4,27 +4,47 @@ <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="../style.css"> - <title>Toggle</title> + <title>Heat Toggle Demo</title> </head> <body> <h1>Heat Toggle Demo</h1> <nav> <a href=".."><button>Home</button></a> </nav> - <p>Try to beat the computer :)</p> <!-- <button id="test_bttn" onclick="toggle_screen()">Test Button</button> --> <main> <section id="optionsScreen" class="screen"> <h2>Options</h2> <div> - <label for="graphOrder">Select a number of vertices for a path:</label> - <input type="number" name="graphOrder" id="graphOrder" defaultValue=7 min=1 max=30 placeholder="Enter a value (1-30)"></input> + <label for="graphOrder">Select a number of vertices for a path:</label> + <input type="number" name="graphOrder" id="graphOrder" defaultValue=7 min=1 max=30 placeholder="Enter a value (1-30)"></input> + </div> + <div> + <label for="computer">Play against the optimal strategy (you will lose!)</label> + <input type="checkbox" name="computer"></input> </div> <button onclick="startGame()">Play</button> </section> <section id="gameScreen" class="screen inactive"> <h2>Game</h2> + <div id="key"> + <div class="keyitem"> + <div class="vertex"></div> + On Vertex + </div> + <div class="keyitem"> + <div class="vertex untoggleable"></div> + Unplayable Vertex + </div> + <div class="keyitem"> + <div class="vertex off"></div> + Off Vertex + </div> + </div> + <hr /> <div id="game">Loading...</div> + <hr /> + <button id="new-game">New Game</button> <script src="game.js"></script> </section> </main> |