From 4e9345ccc9ab4eb8c8b7ae15647deb65147ea268 Mon Sep 17 00:00:00 2001
From: Tor Andersson <tor@ccxvii.net>
Date: Fri, 20 Oct 2023 19:01:29 +0200
Subject: Mobile layout.

---
 play.html | 48 ++++++++++++++++++++++--------------------------
 1 file changed, 22 insertions(+), 26 deletions(-)

(limited to 'play.html')
diff --git a/play.html b/play.html
index cb1fd2b..dded388 100644
--- a/play.html
+++ b/play.html
@@ -2,14 +2,15 @@
 <!-- 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>NEVSKY</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>
@@ -17,23 +18,20 @@
 
 <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" target="_blanK" href="/nevsky/info/rules.html">Rules of Play</a>
-				<a class="menu_item" target="_blanK" href="/nevsky/info/playbook.html">Background Book</a>
-				<a class="menu_item" target="_blanK" href="/nevsky/info/pac.html">Reference Sheets</a>
-				<a class="menu_item" target="_blanK" href="/nevsky/info/cards.html">Arts of War</a>
-				<a class="menu_item" target="_blanK" href="/nevsky/info/lords.html">Lord Mats</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_pieces()"><img src="/images/earth-africa-europe.svg"></div>
-		<div class="icon_button" onclick="toggle_log()"><img src="/images/scroll-quill.svg"></div>
+		<details>
+			<summary><img src="/images/cog.svg"></summary>
+			<menu>
+				<li><a target="_blank" href="/nevsky/info/rules.html">Rules of Play</a>
+				<li><a target="_blank" href="/nevsky/info/playbook.html">Background Book</a>
+				<li><a target="_blank" href="/nevsky/info/pac.html">Reference Sheets</a>
+				<li><a target="_blank" href="/nevsky/info/cards.html">Arts of War</a>
+				<li><a target="_blank" href="/nevsky/info/lords.html">Lord Mats</a>
+				<li class="resign separator">
+				<li class="resign" onclick="confirm_resign()">Resign
+			</menu>
+		</details>
+		<button class="icon_button" onclick="toggle_pieces()"><img src="/images/earth-africa-europe.svg"></button>
 	</div>
-	<div id="prompt"></div>
-	<div id="actions"></div>
 </header>
 
 <aside>
@@ -57,12 +55,11 @@
 	<div id="log"></div>
 </aside>
 
-<main>
+<main data-min-zoom="1" data-map-height="1100">
 
 <!-- MAP, TUCKED, EVENTS -->
 <section id="sec_map">
 
-<div id="mapwrap">
 <div id="map">
 
 <div id="veche"></div>
@@ -84,13 +81,12 @@
 	<div id="vp1" class="hide marker circle victory teutonic v0 stack"></div>
 	<div id="legate" class="hide"></div>
 	<div id="smerdi" class="box"></div>
-	<div id="castle11" class="hide marker rectangle castle teutonic"/></div>
-	<div id="castle12" class="hide marker rectangle castle teutonic"/></div>
-	<div id="castle21" class="hide marker rectangle castle russian"/></div>
-	<div id="castle22" class="hide marker rectangle castle russian"/></div>
+	<div id="castle11" class="hide marker rectangle castle teutonic"></div>
+	<div id="castle12" class="hide marker rectangle castle teutonic"></div>
+	<div id="castle21" class="hide marker rectangle castle russian"></div>
+	<div id="castle22" class="hide marker rectangle castle russian"></div>
 </div>
 
-</div>
 </div>
 
 <div class="tuck_under_map">
-- 
cgit v1.2.3

