diff options
author | Tor Andersson <tor@ccxvii.net> | 2024-03-17 14:30:04 +0100 |
---|---|---|
committer | Tor Andersson <tor@ccxvii.net> | 2024-03-17 14:30:04 +0100 |
commit | 7b98e9c6efd97470248fb244a20c3dacb2942cd1 (patch) | |
tree | e9ecc42fc55c296208bf0f18ccb4ca55d938b6a6 /play.html | |
parent | eb1b52100cc054f7ddbeb865e8b001828b07704d (diff) | |
download | maria-7b98e9c6efd97470248fb244a20c3dacb2942cd1.tar.gz |
Add initial client.
Diffstat (limited to 'play.html')
-rw-r--r-- | play.html | 110 |
1 files changed, 110 insertions, 0 deletions
diff --git a/play.html b/play.html new file mode 100644 index 0000000..84933cc --- /dev/null +++ b/play.html @@ -0,0 +1,110 @@ +<!DOCTYPE html> +<!-- vim:set nowrap: --> +<html lang="en"> +<head> +<meta name="viewport" content="width=device-width, height=device-height, user-scalable=no, interactive-widget=resizes-content, viewport-fit=cover"> +<meta name="theme-color" content="#444"> +<meta charset="utf-8"> +<title>MARIA</title> +<link rel="icon" href="favicon.png"> +<link rel="stylesheet" href="/fonts/fonts.css"> +<link rel="stylesheet" href="/common/client.css"> +<link rel="stylesheet" href="play.css"> +<script defer src="/common/client.js"></script> +<script defer src="data.js"></script> +<script defer src="play.js"></script> +</head> +<body> + +<header> + <div id="toolbar"> + <details> + <summary><img src="/images/cog.svg"></summary> + <menu> + <li><a target="_blank" href="/maria/info/MariaRules.pdf">Rules</a> + <li><a target="_blank" href="/maria/info/cards.html">Cards</a> + </menu> + </details> + </div> +</header> + +<aside> + <div id="roles"></div> + <div id="log"></div> +</aside> + +<main> + +<div id="mapwrap"> +<div id="map"> +<div id="map_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> + +<div id="defend_panel" class="panel"> +<div id="defend_header" class="panel_header">Defend</div> +<div id="defend" class="panel_body"> +</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="hand_prussia_panel" class="panel"> +<div id="hand_prussia_header" class="panel_header">Prussia</div> +<div id="hand_prussia" class="panel_body"> +</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> +</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> +</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> +</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> +</div> + +<div id="hand_austria_panel" class="panel"> +<div id="hand_austria_header" class="panel_header">Austria</div> +<div id="hand_austria" class="panel_body"> +</div> +</div> + +</main> + +<footer id="status"></footer> + +</body> |