diff options
| author | Tor Andersson <tor@ccxvii.net> | 2023-10-20 19:03:59 +0200 |
|---|---|---|
| committer | Tor Andersson <tor@ccxvii.net> | 2023-10-20 19:22:00 +0200 |
| commit | 8bef982a2a98a2bb12e49b9c2bccd832b645dc75 (patch) | |
| tree | acfc6c3efdb47f8f3250e844c85e5e5ffdcdbcd9 /play.html | |
| parent | 21eb4623ffaf9a86986f3a9ac5d61b9cb38171cf (diff) | |
| download | rommel-in-the-desert-8bef982a2a98a2bb12e49b9c2bccd832b645dc75.tar.gz | |
Mobile layout.
Diffstat (limited to 'play.html')
| -rw-r--r-- | play.html | 91 |
1 files changed, 43 insertions, 48 deletions
@@ -2,19 +2,58 @@ <!-- vim:set nowrap: --> <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>ROMMEL</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="play.js"></script> </head> <body> +<header> + <div id="toolbar"> + <details> + <summary><img src="/images/cog.svg"></summary> + <menu> + <li><a href="info/rules.html" target="_blank">Rules</a> + <li><a href="info/units.html" target="_blank">Units</a> + <li class="resign separator"> + <li class="resign" onclick="confirm_resign()">Resign + </menu> + </details> + <button onclick="toggle_supply()"><img src="/images/oil-drum.svg"></button> + <button onclick="toggle_units()"><img src="/images/earth-africa-europe.svg"></button> + </div> +</header> + +<aside> + <div id="roles"> + <div class="role" id="role_Axis"> + <div class="role_name"> + Axis + <div class="role_supply" id="axis_supply">0</div> + <div class="role_user">-</div> + </div> + </div> + <div class="role" id="role_Allied"> + <div class="role_name"> + Allied + <div class="role_supply" id="allied_supply">0</div> + <div class="role_user">-</div> + </div> + </div> + </div> + <div id="log"></div> +</aside> + +<main data-min-zoom="1" data-max-zoom="1"> + <div id="battle" class="hide"> <div id="battle_header"></div> <div id="battle_hits"> @@ -54,48 +93,6 @@ <div id="pursuit_message"></div> </div> -<header> - <div id="toolbar"> - <div class="menu"> - <div class="menu_title"><img src="/images/cog.svg"></div> - <div class="menu_popup"> - <a class="menu_item" href="info/rules.html" target="_blank">Rules</a> - <a class="menu_item" href="info/units.html" target="_blank">Units</a> - <div class="resign menu_separator"></div> - <div class="resign menu_item" onclick="confirm_resign()">Resign</div> - </div> - </div> - <div class="icon_button" onclick="toggle_supply()"><img src="/images/oil-drum.svg"></div> - <div class="icon_button" onclick="toggle_units()"><img src="/images/earth-africa-europe.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> - <div id="prompt"></div> - <div id="actions"></div> -</header> - -<aside> - <div id="roles"> - <div class="role" id="role_Axis"> - <div class="role_name"> - Axis - <div class="role_supply" id="axis_supply">0</div> - <div class="role_user">-</div> - </div> - </div> - <div class="role" id="role_Allied"> - <div class="role_name"> - Allied - <div class="role_supply" id="allied_supply">0</div> - <div class="role_user">-</div> - </div> - </div> - </div> - <div id="log"></div> -</aside> - -<main> -<div id="mapwrap"> <div id="map"> <!-- BEGIN INSERT MAP FILE --> @@ -258,10 +255,8 @@ </div> </div> -</div> -<div id="hand" class="hand"> -</div> +<div id="hand" class="hand"></div> </main> |