summaryrefslogtreecommitdiff
path: root/play.html
blob: 8499da2161f1bbaf7524744fba8ec749b150eb7e (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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
<!DOCTYPE html>
<!-- vim:set nowrap: -->
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, height=device-height, user-scalable=no, interactive-widget=resizes-content, viewport-fit=cover">
<meta name="theme-color" content="#444">
<meta charset="utf-8">
<title>1989</title>
<link rel="icon" href="images/Hammer_and_sickle.svg">
<link rel="stylesheet" href="/fonts/fonts.css">
<link rel="stylesheet" href="/common/client.css">
<link rel="stylesheet" href="play.css">
<script defer src="/common/client.js"></script>
<script defer src="data.js"></script>
<script defer src="play.js"></script>
</head>

<body>

<div id="tooltip" class="card hide"></div>

<header>
	<div id="toolbar">
		<details>
			<summary><img src="/images/cog.svg"></summary>
			<menu>
				<li><a target="_blank" href="/1989-dawn-of-freedom/info/rules.html">Rules of Play</a>
				<li><a target="_blank" href="/1989-dawn-of-freedom/info/background.html">Background Book</a>
				<li><a target="_blank" href="/1989-dawn-of-freedom/info/reference.html">Reference Sheets</a>
				<li class="separator">
				<li><a target="_blank" href="/1989-dawn-of-freedom/info/cards.html">Card Gallery</a>
			</menu>
		</details>
		<details>
			<summary><img src="images/trash-can.svg"></summary>
			<menu>
				<li id="show_removed_menu" onclick="toggle_removed()">Show removed events
				<li id="show_discard_menu" onclick="toggle_discard()">Show discard
			</menu>
		</details>
	</div>
</header>

<aside>
	<div id="roles"></div>
	<div id="turn_info"></div>
	<div id="log"></div>
</aside>

<main>

<div id="mapwrap">
<div id="map">
	<div id="spaces"></div>
	<div id="markers">
		<div id="marker_turn" class="marker" style="left: 653px; top: 79px;"></div>
		<div id="marker_action_round" class="marker dem" style="left: 708px; top: 141px;"></div>
		<div id="marker_stability_track" class="marker" style="left: 1380px; top: 1080px;"></div>
		<div id="marker_dem_tst" class="marker" style="left: 52px; top: 2127px;"></div>
		<div id="marker_com_tst" class="marker" style="left: 52px; top: 2256px;"></div>
		<div id="marker_vp" class="marker" style="left: 846px; top: 2425px;"></div>

		<!-- PERMANENT EVENT MARKERS ON THE BOARD -->
		<div id="event_reminder_list"></div>
	</div>
</div>
</div>

<div id="played_card_panel" class="panel">
	<div id="played_card_header" class="panel_header">Played Card</div>
	<div id="played_card" class="panel_body"></div>
</div>

<div id="power_panel" class="autohide panel">
	<div id="power_header" class="panel_header">Power Struggle Hand</div>
	<div id="power_hand" class="panel_body power"></div>
</div>

<div id="ceausescu_panel" class="autohide panel">
	<div id="ceausescu_header" class="panel_header">The Crowd Turns Against Ceausescu</div>
	<div id="ceausescu_hand" class="panel_body power"></div>
</div>

<div id="power_discard_panel" class="autohide panel">
	<div id="power_discard_header" class="panel_header">Power Struggle Discard</div>
	<div id="power_discard" class="panel_body power"></div>
</div>

<div id="hand_panel" class="panel">
	<div id="hand_header" class="panel_header">Hand</div>
	<div id="hand" class="panel_body"></div>
</div>

<!-- OPPONENT HAND -->
<div id="opp_hand_panel" class="autohide panel">
	<div id="opp_hand_header" class="panel_header">Opponent Hand</div>
	<div id="opp_hand" class="panel_body"></div>
</div>

<!-- SAMIZDAT CARD -->
<div id="samizdat_panel" class="autohide panel">
	<div id="samizdat_header" class="panel_header">Samizdat</div>
	<div id="samizdat_card" class="panel_body"></div>
</div>

<!-- EVENTS ON THE TABLE -->
<div id="persistent_panel" class="panel">
	<div id="persistent_header" class="panel_header">Persistent Events on the Table</div>
	<div id="persistent" class="panel_body"></div>
</div>

<!-- PERMANENTLY REMOVED -->
<div id="removed_panel" class="panel hide">
	<div id="removed_header" class="panel_header">Permanently Removed Events</div>
	<div id="removed" class="panel_body"></div>
</div>

<!-- DISCARD -->
<div id="discard_panel" class="panel hide">
	<div id="discard_header" class="panel_header">Discard</div>
	<div id="discard" class="panel_body"></div>
</div>

</main>

<footer id="status"></footer>

</html>