summaryrefslogtreecommitdiff
path: root/play.html
diff options
context:
space:
mode:
authorTor Andersson <tor@ccxvii.net>2024-08-20 23:46:06 +0200
committerTor Andersson <tor@ccxvii.net>2024-08-21 00:28:20 +0200
commitbd220ea527eaf640636a5a80a6c4cd654a7e25d8 (patch)
treec7b00437209547074063d8f32599536c02ed0eab /play.html
parentb1c09b948305b84f31afd81cc1b4c0fadd1fd997 (diff)
downloadwashingtons-war-bd220ea527eaf640636a5a80a6c4cd654a7e25d8.tar.gz
Keep the bit rot away.
Diffstat (limited to 'play.html')
-rw-r--r--play.html91
1 files changed, 31 insertions, 60 deletions
diff --git a/play.html b/play.html
index 435c237..9236937 100644
--- a/play.html
+++ b/play.html
@@ -1,14 +1,14 @@
<!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/grid.css">
+<link rel="stylesheet" href="/common/client.css">
<link rel="stylesheet" href="play.css">
-<script defer src="/socket.io/socket.io.min.js"></script>
<script defer src="/common/client.js"></script>
<script defer src="data.js"></script>
<script defer src="cards.js"></script>
@@ -17,67 +17,38 @@
</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="toggle_fullscreen()">Fullscreen</div>
- <div class="menu_separator"></div>
- <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()">&#x1F41E; Save</div>
- <div class="menu_item" onclick="send_restore()">&#x1F41E; Restore</div>
- <div class="menu_separator"></div>
- <div class="menu_item" onclick="send_restart()">&#x26a0; 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>
<div class="roles">
- <div class="role one">
+ <div class="role" id="role_American">
<div class="role_name">
American
<div class="role_vp" id="american_vp">VP</div>
@@ -85,7 +56,7 @@
</div>
<div class="role_info" id="american_info">$N cards in hand.</div>
</div>
- <div class="role two">
+ <div class="role" id="role_British">
<div class="role_name">
British
<div class="role_vp" id="british_vp"></div>
@@ -98,7 +69,7 @@
<div id="log"></div>
</aside>
-<main>
+<main onclick="hide_popup_menu()">
<div id="mapwrap">
<div id="map">