diff options
Diffstat (limited to 'play.html')
| -rw-r--r-- | play.html | 172 |
1 files changed, 19 insertions, 153 deletions
@@ -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> |