play

1 files changed, 19 insertions, 153 deletions

diff --git a/play.html b/play.html
index 394e46c..a7c8e9d 100644
--- a/play.html
+++ b/play.html
@@ -21,8 +21,11 @@
 		<details>
 			<summary><img src="/images/cog.svg"></summary>
 			<menu>
+				<li><a target="_blank" href="/maria/info/readme.html">Read me!</a>
+				<li class="separator">
 				<li><a target="_blank" href="/maria/info/MariaRules.pdf">Rules</a>
-				<li><a target="_blank" href="/maria/info/cards.html">Cards</a>
+				<li><a target="_blank" href="/maria/info/aid.html">Playing Aid</a>
+				<li><a target="_blank" href="/maria/info/cards.html">Political Cards</a>
 			</menu>
 		</details>
 	</div>
@@ -36,191 +39,52 @@
 <main>
 
 <div id="mapwrap">
-<div id="map">
-<div id="map_pieces">
-
-<div id="turn_marker" class="marker turn_marker" style="top:60px;right:200px;"></div>
-
-<div class="marker victory_marker_france" style="left:381px;top:571px;"></div>
-<div class="marker victory_marker_austria" style="left:229px;top:922px;"></div>
-
-<div style="position:absolute;top:500px;left:500px;width:500px;">
-<img src="pieces/cylinder_austria_1.svg" class="display:block">
-<img src="pieces/cylinder_austria_2.svg" class="display:block">
-<img src="pieces/cylinder_austria_3.svg" class="display:block">
-<img src="pieces/cylinder_austria_4.svg" class="display:block">
-<img src="pieces/cylinder_austria_5.svg" class="display:block">
-<img src="pieces/cylinder_austria_6.svg" class="display:block">
-<br>
-<img src="pieces/cylinder_bavaria_1.svg" class="display:block">
-<img src="pieces/cylinder_france_1.svg" class="display:block">
-<img src="pieces/cylinder_france_2.svg" class="display:block">
-<img src="pieces/cylinder_france_3.svg" class="display:block">
-<img src="pieces/cylinder_france_4.svg" class="display:block">
-<img src="pieces/cylinder_france_5.svg" class="display:block">
-<br>
-<img src="pieces/cylinder_pragmatic_1.svg" class="display:block">
-<img src="pieces/cylinder_pragmatic_2.svg" class="display:block">
-<img src="pieces/cylinder_pragmatic_3.svg" class="display:block">
-<img src="pieces/cylinder_prussia_1.svg" class="display:block">
-<img src="pieces/cylinder_prussia_2.svg" class="display:block">
-<img src="pieces/cylinder_prussia_3.svg" class="display:block">
-<img src="pieces/cylinder_prussia_4.svg" class="display:block">
-<img src="pieces/cylinder_saxony_1.svg" class="display:block">
-<br>
-<img src="pieces/disc_hussar.svg" class="display:block">
-<img src="pieces/disc_hussar.svg" class="display:block">
-<img src="pieces/cube_austria.svg" class="display:block">
-<img src="pieces/cube_bavaria.svg" class="display:block">
-<img src="pieces/cube_france.svg" class="display:block">
-<img src="pieces/cube_pragmatic.svg" class="display:block">
-<img src="pieces/cube_prussia.svg" class="display:block">
-<img src="pieces/cube_saxony.svg" class="display:block">
-</div>
-
-</div>
-</div>
+	<div id="map">
+		<div id="spaces"></div>
+		<div id="markers"></div>
+		<div id="pieces"></div>
+	</div>
 </div>
 
 <div id="political_display">
-<div id="display_track_saxony"></div>
-<div id="display_track_russia"></div>
-<div id="display_track_italy"></div>
-<div id="display_prussia"></div>
-<div id="display_france"></div>
-<div id="display_pragmatic_army"></div>
-<div id="display_austria"></div>
-
-<div class="card tc reverse deck_1" style="position:absolute;top:310px;left:40px;"></div>
-
+	<div id="display_track_saxony"></div>
+	<div id="display_track_russia"></div>
+	<div id="display_track_italy"></div>
+	<div id="display_prussia"></div>
+	<div id="display_france"></div>
+	<div id="display_pragmatic_army"></div>
+	<div id="display_austria"></div>
 </div>
 
-<div id="defend_panel" class="panel">
-<div id="defend_header" class="panel_header">Defend</div>
-<div id="defend" class="panel_body">
-
-
-<div class="card polcard c01"></div>
-<!--
-<div class="card polcard c02"></div>
-<div class="card polcard c03"></div>
-<div class="card polcard c04"></div>
-<div class="card polcard c05"></div>
-<div class="card polcard c06"></div>
-<div class="card polcard c07"></div>
-<div class="card polcard c08"></div>
-<div class="card polcard c09"></div>
-<div class="card polcard c10"></div>
-<div class="card polcard c11"></div>
-<div class="card polcard c12"></div>
-<div class="card polcard c13"></div>
-<div class="card polcard c14"></div>
-<div class="card polcard c15"></div>
-<div class="card polcard c16"></div>
-<div class="card polcard c17"></div>
-<div class="card polcard c18"></div>
-<div class="card polcard c19"></div>
-<div class="card polcard c20"></div>
-<div class="card polcard c21"></div>
-<div class="card polcard c22"></div>
-<div class="card polcard c23"></div>
-<div class="card polcard c24"></div>
-<div class="card polcard impelection"></div>
--->
-
-</div>
-</div>
-
-<div id="attack_panel" class="panel">
-<div id="attack_header" class="panel_header">Attack</div>
-<div id="attack" class="panel_body">
-</div>
-</div>
+<div id="power_panel_list">
 
 <div id="hand_prussia_panel" class="panel">
 <div id="hand_prussia_header" class="panel_header">Prussia</div>
 <div id="hand_prussia" class="panel_body">
-
-<div class="card tc c01"></div>
-<div class="card tc c02"></div>
-<div class="card tc c03"></div>
-<div class="card tc c04"></div>
-<div class="card tc c05"></div>
-<div class="card tc c06"></div>
-<div class="card tc c07"></div>
-<div class="card tc c08"></div>
-<div class="card tc c09"></div>
-<div class="card tc c10"></div>
-
 </div>
 </div>
 
 <div id="hand_bavaria_panel" class="panel">
 <div id="hand_bavaria_header" class="panel_header">Bavaria</div>
 <div id="hand_bavaria" class="panel_body">
-
-<div class="card tc c11"></div>
-<div class="card tc c12"></div>
-<div class="card tc c13"></div>
-<div class="card tc c14"></div>
-<div class="card tc c15"></div>
-<div class="card tc c16"></div>
-<div class="card tc c17"></div>
-<div class="card tc c18"></div>
-<div class="card tc c19"></div>
-<div class="card tc c20"></div>
-
 </div>
 </div>
 
 <div id="hand_france_panel" class="panel">
 <div id="hand_france_header" class="panel_header">France</div>
 <div id="hand_france" class="panel_body">
-
-<div class="card tc c21"></div>
-<div class="card tc c22"></div>
-<div class="card tc c23"></div>
-<div class="card tc c24"></div>
-<div class="card tc c25"></div>
-<div class="card tc c26"></div>
-<div class="card tc c27"></div>
-<div class="card tc c28"></div>
-<div class="card tc c29"></div>
-
 </div>
 </div>
 
 <div id="hand_saxony_panel" class="panel">
 <div id="hand_saxony_header" class="panel_header">Saxony</div>
 <div id="hand_saxony" class="panel_body">
-
-<div class="card tc c30"></div>
-<div class="card tc c31"></div>
-<div class="card tc c32"></div>
-<div class="card tc c33"></div>
-<div class="card tc c34"></div>
-<div class="card tc c35"></div>
-<div class="card tc c36"></div>
-<div class="card tc c37"></div>
-<div class="card tc c38"></div>
-
 </div>
 </div>
 
 <div id="hand_pragmatic_army_panel" class="panel">
 <div id="hand_pragmatic_army_header" class="panel_header">Pragmatic Army</div>
 <div id="hand_pragmatic_army" class="panel_body">
-
-<div class="card tc reverse deck_1"></div>
-<div class="card tc reverse deck_1"></div>
-<div class="card tc reverse deck_2"></div>
-<div class="card tc reverse deck_1"></div>
-<div class="card tc reverse deck_3"></div>
-<div class="card tc reverse deck_1"></div>
-<div class="card tc reverse deck_4"></div>
-<div class="card tc reverse deck_4"></div>
-<div class="card tc reverse deck_1"></div>
-
 </div>
 </div>
 
@@ -230,6 +94,8 @@
 </div>
 </div>
 
+</div>
+
 </main>
 
 <footer id="status"></footer>