summaryrefslogtreecommitdiff
path: root/codenames/templates/codenames.html.j2
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>