1 files changed, 182 insertions, 0 deletions
diff --git a/play.html b/play.html
new file mode 100644
index 0000000..cb1fd2b
--- /dev/null
+++ b/play.html
@@ -0,0 +1,182 @@
+<!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>NEVSKY</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="/nevsky/info/rules.html">Rules of Play</a>
+				<a class="menu_item" target="_blanK" href="/nevsky/info/playbook.html">Background Book</a>
+				<a class="menu_item" target="_blanK" href="/nevsky/info/pac.html">Reference Sheets</a>
+				<a class="menu_item" target="_blanK" href="/nevsky/info/cards.html">Arts of War</a>
+				<a class="menu_item" target="_blanK" href="/nevsky/info/lords.html">Lord Mats</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_Teutons">
+			<div class="role_name">
+				Teutons
+				<div class="role_held">0 Held</div>
+				<div class="role_user">-</div>
+			</div>
+		</div>
+		<div class="role" id="role_Russians">
+			<div class="role_name">
+				Russians
+				<div class="role_held">0 Held</div>
+				<div class="role_user">-</div>
+			</div>
+		</div>
+		<div class="card_info"><div id="command" class="card teutonic 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="veche"></div>
+<div class="box veche_label" id="veche_label_top"></div>
+<div class="box veche_label" id="veche_label_bottom"></div>
+<div class="veche_border" id="veche_border_w"></div>
+<div class="veche_border" id="veche_border_e"></div>
+<div class="veche_border" id="veche_border_sw"></div>
+<div class="veche_border" id="veche_border_se"></div>
+
+<div id="locales"></div>
+<div id="boxes"></div>
+
+<div id="pieces">
+	<div id="elr1" class="marker circle enemy_lords_removed teutonic hide"></div>
+	<div id="elr2" class="marker circle enemy_lords_removed russian hide"></div>
+	<div id="turn" class="hide marker circle turn levy t1"></div>
+	<div id="vp2" class="hide marker circle victory russian v0 stack"></div>
+	<div id="vp1" class="hide marker circle victory teutonic v0 stack"></div>
+	<div id="legate" class="hide"></div>
+	<div id="smerdi" class="box"></div>
+	<div id="castle11" class="hide marker rectangle castle teutonic"/></div>
+	<div id="castle12" class="hide marker rectangle castle teutonic"/></div>
+	<div id="castle21" class="hide marker rectangle castle russian"/></div>
+	<div id="castle22" class="hide marker rectangle castle russian"/></div>
+</div>
+
+</div>
+</div>
+
+<div class="tuck_under_map">
+<div id="capabilities1"></div>
+<div id="capabilities2"></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 id="grid_ga">
+		<div id="pursuit" class="marker rectangle pursuit russian hide"></div>
+		<div id="battle_walls1" class="siegeworks"></div>
+		<div id="battle_walls2" class="siegeworks"></div>
+		<div id="garrison"></div>
+		<div id="battle_walls3" class="siegeworks"></div>
+		<div id="battle_walls4" class="siegeworks"></div>
+	</div>
+	<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 class="grid_array att" id="grid_rg1"></div>
+	<div class="grid_array att" id="grid_rg2"></div>
+	<div class="grid_array att" id="grid_rg3"></div>
+	<div class="siegeworks" id="grid_sw"></div>
+	<div class="grid_array def" id="grid_sa1"></div>
+	<div class="grid_array def" id="grid_sa2"></div>
+	<div class="grid_array def" id="grid_sa3"></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>