diff options
| author | Tor Andersson <tor@ccxvii.net> | 2025-02-23 18:37:17 +0100 |
|---|---|---|
| committer | Tor Andersson <tor@ccxvii.net> | 2025-03-08 16:32:19 +0100 |
| commit | fe2bc3961ec3b3164786074b37e36581b81fa68c (patch) | |
| tree | bfc80bc4fb161e83f290da6294f0bffe9116500b /play.html | |
| parent | a4c2b8458d1059c373c4a714bce0b5f68a3ce20f (diff) | |
| download | land-and-freedom-fe2bc3961ec3b3164786074b37e36581b81fa68c.tar.gz | |
New client and client data processing tools.
Diffstat (limited to 'play.html')
| -rw-r--r-- | play.html | 108 |
1 files changed, 29 insertions, 79 deletions
@@ -9,15 +9,10 @@ <link rel="icon" href="favicon.png"> <link rel="stylesheet" href="/fonts/fonts.css"> <link rel="stylesheet" href="/common/client.css"> -<link rel="stylesheet" href="land-and-freedom.css"> +<link rel="stylesheet" href="play.css"> <script defer src="/common/client.js"></script> -<script>var exports = {};</script> -<script defer src="data.js"></script> <script defer src="play.js"></script> </head> -<style> -/* insert stylesheet here */ -</style> <body> <header> @@ -26,104 +21,59 @@ <summary><img src="/images/cog.svg"></summary> <menu> <li><a href="info/rules.html" target="_blank">Rulebook</a> + <li><a href="info/cards.html" target="_blank">Cards</a> <li><a href="info/pac_a.html" target="_blank">Player Aid: Anarchist</a> <li><a href="info/pac_c.html" target="_blank">Player Aid: Communist</a> <li><a href="info/pac_m.html" target="_blank">Player Aid: Moderate</a> </menu> </details> + <button onclick="toggle_pieces()"><img src="/images/earth-africa-europe.svg"></button> </div> </header> <aside> - <div class="game_info"> - <span id="year"></span> - <span id="pool_hero_points"></span> - <span id="bag_of_glory"></span> - </div> - <div id="roles"> - <div id="role_Anarchist" class="role"> - <div class="role_name"><span>Anarchist</span></div> - <div class="role_stat"></div> - <div class="role_user">-</div> - <div class="role_medallions"></div> - <div class="role_info"></div> - </div> - <div id="role_Communist" class="role"> - <div class="role_name"><span>Communist</span></div> - <div class="role_stat"></div> - <div class="role_user">-</div> - <div class="role_medallions"></div> - <div class="role_info"></div> - </div> - <div id="role_Moderate" class="role"> - <div class="role_name"><span>Moderate</span></div> - <div class="role_stat"></div> - <div class="role_user">-</div> - <div class="role_medallions"></div> - <div class="role_info"></div> - </div> - <div id="turn_info"> - <div id="turn_info_card" class="card"></div> - </div> - </div> + <div id="roles"></div> <div id="log"></div> </aside> <main> <div id="mapwrap"> <div id="map"> - <div id="fronts"> - <div id="northern_front" class="front" style="left: 89px; top: 96px;"> - <div class="contributions"></div> - <span class="value"></span> - </div> - <div id="aragon_front" class="front" style="left: 340px; top: 182px;"> - <div class="contributions"></div> - <span class="value"></span> - </div> - <div id="madrid_front" class="front" style="left: 115px; top: 262px;"> - <div class="contributions"></div> - <span class="value"></span> - </div> - <div id="southern_front" class="front" style="left: 205px; top: 426px;"> - <div class="contributions"></div> - <span class="value"></span> - </div> + <div id="pieces"> </div> - <div id="glory"></div> - <div id="spaces"></div> - <div id="pieces"></div> - <div id="markers"></div> - <div id="medallions"></div> - <div id="tracks"></div> - <div id="current_events"></div> </div> </div> - <div id="selectable_cards"></div> - <div id="player_area" class="panel"> - <div id="player_area_header" class="panel_header"> - <div id="hand_tab" data-active="active" class="player_area_tab">Hand</div> - <div id="deck_tab" data-active="inactive" class="player_area_tab">Deck</div> - <div id="discard_tab" data-active="inactive" class="player_area_tab">Discard Pile</div> - <div id="trash_tab" data-active="inactive" class="player_area_tab">Trash</div> - </div> - <div id="hand" data-active="active" class="panel_body"></div> - <div id="deck" data-active="inactive" class="panel_body"></div> - <div id="discard" data-active="inactive" class="panel_body"></div> - <div id="trash" data-active="inactive" class="panel_body"></div> + + <div class="panel fascist"> + <div class="panel_header">Fascist Cards</div> + <div id="fascist_cards" class="panel_body"></div> + </div> + + <div class="panel trash"> + <div class="panel_header">Trash</div> + <div id="trash" class="panel_body"></div> </div> + + <div id="hand_panel" class="panel"> + <div class="panel_header">Hand</div> + <div id="hand" class="panel_body"></div> + </div> + <div id="player_areas"> - <div id="player_area_Anarchist" class="panel"> - <div class="panel_header" data-faction-id="a">Anarchist Tableau</div> + <div id="player_area_a" class="panel anarchist"> + <div class="panel_header">Anarchist Tableau</div> <div id="tableau_a" class="panel_body"></div> + <div id="tokens_a" class="token_pool"></div> </div> - <div id="player_area_Communist" class="panel"> - <div class="panel_header" data-faction-id="c">Communist Tableau</div> + <div id="player_area_c" class="panel communist"> + <div class="panel_header">Communist Tableau</div> <div id="tableau_c" class="panel_body"></div> + <div id="tokens_c" class="token_pool"></div> </div> - <div id="player_area_Moderate" class="panel"> - <div class="panel_header" data-faction-id="m">Moderate Tableau</div> + <div id="player_area_m" class="panel moderate"> + <div class="panel_header">Moderate Tableau</div> <div id="tableau_m" class="panel_body"></div> + <div id="tokens_m" class="token_pool"></div> </div> </div> </main> |