summaryrefslogtreecommitdiff
path: root/codenames/templates/codenames.html.j2
diff options
context:
space:
mode:
authorBotond Hende <nettingman@gmail.com>2026-02-18 00:53:31 +0100
committerBotond Hende <nettingman@gmail.com>2026-02-18 00:53:31 +0100
commit5a866b9b129479de85e892752fd6ede6627cee55 (patch)
tree2d616d439232ec112b4750bf118852477819daca /codenames/templates/codenames.html.j2
parentcc6bdc68cb3ed40a6e51f885ea1c7c7a4e5fa6c5 (diff)
codenames duet generator functionalHEADmaster
Diffstat (limited to 'codenames/templates/codenames.html.j2')
-rw-r--r--codenames/templates/codenames.html.j279
1 files changed, 79 insertions, 0 deletions
diff --git a/codenames/templates/codenames.html.j2 b/codenames/templates/codenames.html.j2
new file mode 100644
index 0000000..0e1e17a
--- /dev/null
+++ b/codenames/templates/codenames.html.j2
@@ -0,0 +1,79 @@
+<!DOCTYPE html>
+<html dir="ltr" lang="en">
+<head>
+ <meta charset="utf-8"/>
+ <title>{{ title }}</title>
+ <meta name="viewport" content="width=device-width, initial-scale=1"/>
+ <meta property="og:title" content="{{ title }}" />
+ <meta property="og:type" content="website" />
+ <meta property="og:url" content="{{ url }}" />
+ <link rel="stylesheet" href="{{ site.assets_path }}/css/codenames.css" />
+ <link rel="stylesheet" href="{{ site.assets_path_static }}/css/bootstrap-grid.min.css" />
+</head>
+<body>
+<div class="bootstrap-wrapper">
+ <div class="container">
+ <div class="row">
+ <main class="col-md-9">
+ <div id="grid_p1"></div>
+ <div id="grid_p2"></div>
+ <button onclick="onSetGameMode(0)">Normal</button>
+ <button onclick="onSetGameMode(1)">Duet</button>
+ <button onclick="onSetGameMode(2)">Duet Mayhem</button>
+ <br>
+ <label for="s">Seed:</label>
+ <input type="text" name="s" id="s"/>
+ <button onclick="onRandomSeed()">Random</button>
+ <br>
+ <label>Size:</label>
+ <input type="number" name="w" id="w" value="5"/>
+ <span>x</span>
+ <input type="number" name="h" id="h" value="5"/>
+ <br>
+ <span class="game-mode-0">
+ <label for="rb">Red/blue tiles:</label>
+ <input type="number" name="rb" id="rb" value="8"/>
+ <label>(+1 for the other team)</label>
+ <br>
+ </span>
+ <span class="game-mode-1 game-mode-2">
+ <label for="g">Green tiles (per person):</label>
+ <input type="number" name="g" id="g" value="9"/>
+ <br>
+ </span>
+ <span class="game-mode-1">
+ <label for="cg">Shared green tiles:</label>
+ <input type="number" name="cg" id="cg" value="3"/>
+ <br>
+ </span>
+ <label for="b">Black tiles:</label>
+ <input type="number" name="b" id="b" value="3"/>
+ <br>
+ <span class="game-mode-1">
+ <label for="cb">Shared black tiles:</label>
+ <input type="number" name="cb" id="cb" value="1"/>
+ <br>
+ <label for="bg">Black-green tiles:</label>
+ <input type="number" name="bg" id="bg" value="1"/>
+ <br>
+ </span>
+ <!-- TODO: EXTRA INFO WITH CALCULATED VALUES -->
+ <span class="game-mode-1 game-mode-2">
+ <input type="radio" id="p0" name="p" value="0" checked="checked">
+ <label for="p0">Player1</label>
+ <input type="radio" id="p1" name="p" value="1">
+ <label for="p1">Player2</label>
+ <input type="radio" id="p2" name="p" value="2">
+ <label for="p2">Both</label>
+ <br>
+ </span>
+ <button onclick="onGenerateButton()">Generate</button>
+ </main>
+ </div>
+ </div>
+</div>
+</body>
+<footer>
+ <script src="/assets/js/codenames.js"></script>
+</footer>
+</html>