blob: 0e1e17af5b7ccfabf3d4e16e5f26668fe9d112c2 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
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>
|