diff options
| author | Tor Andersson <tor@ccxvii.net> | 2023-10-19 02:14:04 +0200 |
|---|---|---|
| committer | Tor Andersson <tor@ccxvii.net> | 2023-10-21 18:32:29 +0200 |
| commit | d2ff4e66e48d78bef4970c584bdcacedbcc05aef (patch) | |
| tree | be8a3cf023f89e246cc7aee3517b86f21e04598e /play.html | |
| parent | f6c6cfa47e922907aa80bd892308e1aec10e9954 (diff) | |
| download | washingtons-war-d2ff4e66e48d78bef4970c584bdcacedbcc05aef.tar.gz | |
Mobile layout.
Diffstat (limited to 'play.html')
| -rw-r--r-- | play.html | 86 |
1 files changed, 30 insertions, 56 deletions
@@ -1,14 +1,15 @@ <!DOCTYPE html> -<html> +<html lang="en"> <head> -<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1"> +<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>WASHINGTON'S WAR</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="/common/client.css"> <link rel="stylesheet" href="play.css"> -<script defer src="/common/play.js"></script> +<script defer src="/common/client.js"></script> <script defer src="data.js"></script> <script defer src="cards.js"></script> <script defer src="play.js"></script> @@ -16,60 +17,33 @@ </head> <body> -<div id="popup" onmouseleave="hide_popup_menu()"> - <div id="menu_card_play_event" onclick="on_card_play_event()"> - Play Event - </div> - <div id="menu_card_discard_event" onclick="on_card_discard_event()"> - Discard for PC action - </div> - <div id="menu_card_campaign" onclick="on_card_campaign()"> - Play Campaign - </div> - <div id="menu_card_ops_general" onclick="on_card_ops_general()"> - Activate a General - </div> - <div id="menu_card_ops_pc" onclick="on_card_ops_pc()"> - Place PC markers - </div> - <div id="menu_card_ops_reinforcements" onclick="on_card_ops_reinforcements()"> - Bring on Reinforcements - </div> - <div id="menu_card_ops_queue" onclick="on_card_ops_queue()"> - Place into Operations Queue - </div> - <div id="menu_card_battle_play" onclick="on_card_battle_play()"> - Play for +2 DRM - </div> - <div id="menu_card_battle_discard" onclick="on_card_battle_discard()"> - Discard for +1 DRM - </div> - <div id="menu_exchange_for_discard" onclick="on_exchange_for_discard()"> - Exchange for Discarded Event - </div> -</div> +<menu id="popup"> + <li class="title">CARD + <li class="separator"> + <li data-action="card_play_event"> Play Event + <li data-action="card_discard_event"> Discard for PC action + <li data-action="card_campaign"> Play Campaign + <li data-action="card_ops_general"> Activate a General + <li data-action="card_ops_pc"> Place PC markers + <li data-action="card_ops_reinforcements"> Bring on Reinforcements + <li data-action="card_ops_queue"> Place into Operations Queue + <li data-action="card_battle_play"> Play for +2 DRM + <li data-action="card_battle_discard"> Discard for +1 DRM + <li data-action="exchange_for_discard"> Exchange for Discarded Event +</menu> <header> - <div class="menu"> - <div class="menu_title"><img src="/images/cog.svg"></div> - <div class="menu_popup"> - <div class="menu_item" onclick="window.open('info/playbook.html', '_blank')">Playbook</div> - <div class="menu_item" onclick="window.open('info/rulebook.html', '_blank')">Rulebook</div> - <div class="menu_item" onclick="window.open('cards.html', '_blank')">Cards</div> - <div class="menu_separator"></div> - <div class="menu_item" onclick="send_save()">🐞 Save</div> - <div class="menu_item" onclick="send_restore()">🐞 Restore</div> - <div class="menu_separator"></div> - <div class="menu_item" onclick="send_restart()">⚠ Restart</div> - </div> + <div id="toolbar"> + <details> + <summary><img src="/images/cog.svg"></summary> + <menu> + <li><a href="info/playbook.html" target="blank">Playbook</a> + <li><a href="info/rulebook.html" target="blank">Rulebook</a> + <li><a href="cards.html" target="blank">Cards</a> + </menu> + </details> + <button onclick="toggle_markers()"><img src="/images/earth-america.svg"></button> </div> - - <div class="icon_button" onclick="toggle_markers()"><img src="/images/earth-america.svg"></div> - <div class="icon_button" onclick="toggle_zoom()"><img src="/images/magnifying-glass.svg"></div> - <div class="icon_button" onclick="toggle_log()"><img src="/images/scroll-quill.svg"></div> - - <div id="prompt"></div> - <div id="actions"></div> </header> <aside> @@ -95,7 +69,7 @@ <div id="log"></div> </aside> -<main> +<main onclick="hide_popup_menu()"> <div id="mapwrap"> <div id="map"> |