<!DOCTYPE html> <!-- vim:set nowrap: --> <html lang="en"> <head> <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1"> <meta charset="utf-8"> <title>PLANTAGENET</title> <link rel="icon" href="favicon.png"> <link rel="stylesheet" href="/fonts/fonts.css"> <link rel="stylesheet" href="/common/play.css"> <link rel="stylesheet" href="play.css"> <script defer src="/common/play.js"></script> <script defer src="data.js"></script> <script defer src="play.js"></script> </head> <body> <header> <div id="toolbar"> <div class="menu"> <div class="menu_title"><img src="/images/cog.svg"></div> <div class="menu_popup"> <a class="menu_item" target="_blanK" href="/plantagenet/info/rulebook.html">Rules of Play</a> <a class="menu_item" target="_blanK" href="/plantagenet/info/playbook.html">Background Book</a> <a class="menu_item" target="_blanK" href="/plantagenet/info/reference.html">Reference Sheets</a> <a class="menu_item" target="_blanK" href="/plantagenet/info/cards.html">Arts of War</a> <div class="resign menu_separator"></div> <div class="resign menu_item" onclick="confirm_resign()">Resign</div> </div> </div> <div class="icon_button" onclick="toggle_pieces()"><img src="/images/earth-africa-europe.svg"></div> <div class="icon_button" onclick="toggle_log()"><img src="/images/scroll-quill.svg"></div> </div> <div id="prompt"></div> <div id="actions"></div> </header> <aside> <div id="roles"> <div class="role" id="role_York"> <div class="role_name"> York <div class="role_held">0 Held</div> <div class="role_user">-</div> </div> </div> <div class="role" id="role_Lancaster"> <div class="role_name"> Lancaster <div class="role_held">0 Held</div> <div class="role_user">-</div> </div> </div> <div class="card_info"><div id="command" class="card york aow_back"></div></div> </div> <div id="log"></div> </aside> <main> <!-- MAP, TUCKED, EVENTS --> <section id="sec_map"> <div id="mapwrap"> <div id="map"> <div id="locales"></div> <div id="boxes"></div> <div id="pieces"> <div id="turn" class="marker circle turn levy"></div> <div id="end" class="marker circle end"></div> <div id="ip_y" class="marker square ip york"></div> <div id="ip_l" class="marker square ip lancaster"></div> <div id="towns_y" class="marker square towns york"></div> <div id="towns_l" class="marker square towns lancaster"></div> <div id="cities_y" class="marker square cities york"></div> <div id="cities_l" class="marker square cities lancaster"></div> <div id="fortresses_y" class="marker square fortresses york"></div> <div id="fortresses_l" class="marker square fortresses lancaster"></div> <div id="victory_check" class="marker square victory_check"></div> </div> </div> </div> <div id="events_panel" class="panel hide"> <div id="events_header" class="panel_header">Events</div> <div id="events" class="panel_body"></div> </div> </div> </section> <!-- BATTLE / ARTS OF WAR --> <section id="sec_battle"> <div id="arts_of_war_panel" class="panel hide"> <div id="arts_of_war_header" class="panel_header">Arts of War</div> <div id="arts_of_war" class="panel_body"></div> </div> <div id="battle_panel" class="panel hide"> <div id="battle_header" class="panel_header">Battle</div> <div id="battle_grid"> <div class="grid_array att" id="grid_a1"></div> <div class="grid_array att" id="grid_a2"></div> <div class="grid_array att" id="grid_a3"></div> <div class="grid_array def" id="grid_d1"></div> <div class="grid_array def" id="grid_d2"></div> <div class="grid_array def" id="grid_d3"></div> </div> </div> <div id="reserves_panel" class="panel hide"> <div id="reserves_header" class="panel_header">Reserves</div> <div id="reserves" class="panel_body"></div> </div> </section> <!-- LORD MATS, HAND, PLAN --> <section id="sec_lords"> <div class="panel court_panel"> <div id="court1_header" class="panel_header">Lords</div> <div id="court1" class="panel_body court_body"></div> </div> <div id="hand_panel" class="panel hide"> <div id="hand_header" class="panel_header">Hand</div> <div id="hand" class="panel_body"></div> </div> </div> <div id="plan_panel" class="panel hide"> <div id="plan_header" class="panel_header">Plan</div> <div id="plan" class="panel_body"></div> <div id="plan_actions" class="panel_body"></div> </div> <div class="panel court_panel"> <div id="court2_header" class="panel_header">Lords</div> <div id="court2" class="panel_body court_body"></div> </div> </section> </main> <footer id="status"></footer> </body>