From e1feee5111f740023e00a72b8cec4c3bfc882e4e Mon Sep 17 00:00:00 2001
From: Tor Andersson <tor@ccxvii.net>
Date: Fri, 27 Oct 2023 23:51:56 +0200
Subject: Mobile friendly info pages.

---
 info/cards.html    | 1 +
 info/lords.html    | 6 ++++--
 info/notes.html    | 1 +
 info/pac.html      | 3 ++-
 info/playbook.html | 3 ++-
 info/rules.html    | 2 ++
 play.html          | 2 +-
 7 files changed, 13 insertions(+), 5 deletions(-)
diff --git a/info/cards.html b/info/cards.html
index ae09a00..892ef98 100644
--- a/info/cards.html
+++ b/info/cards.html
@@ -1,4 +1,5 @@
 <!DOCTYPE html>
+<meta name="viewport" content="width=700">
 <title>Nevsky Cards</title>
 <style>
 
diff --git a/info/lords.html b/info/lords.html
index ca27479..08f4afc 100644
--- a/info/lords.html
+++ b/info/lords.html
@@ -1,16 +1,18 @@
 <!DOCTYPE html>
+<meta name="viewport" content="width=812">
 <title>Nevsky Lord Mats</title>
 <style>
 
-html {
+body {
 	background-color: slategray;
+	margin: 0;
 }
 
 .list {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 20px;
-	margin: 40px;
+	margin: 20px;
 	justify-content: center;
 }
 
diff --git a/info/notes.html b/info/notes.html
index 45d5d32..a028c8b 100644
--- a/info/notes.html
+++ b/info/notes.html
@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <head>
 <meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
 <title>Nevsky - Notes</title>
 <link rel="stylesheet" href="/fonts/fonts.css">
 <link rel="stylesheet" href="/style.css">
diff --git a/info/pac.html b/info/pac.html
index 336b92f..0625425 100644
--- a/info/pac.html
+++ b/info/pac.html
@@ -1,9 +1,10 @@
 <!DOCTYPE html>
 <html>
+<meta name="viewport" content="width=1360">
 <head>
 <title>Nevsky Sheets</title>
 <style>
-html { background-color:slategray; }
+body { background-color:slategray; margin:0; }
 img { box-shadow:1px 1px 8px -2px black; }
 section {
 	display:flex;
diff --git a/info/playbook.html b/info/playbook.html
index 28dd4d2..b8ce3ab 100644
--- a/info/playbook.html
+++ b/info/playbook.html
@@ -1,9 +1,10 @@
 <!DOCTYPE html>
 <head>
+<meta name="viewport" content="width=1060">
 <title>Nevsky - Background Book</title>
 <style>
 html{background-color:slategray}
-body{display:flex;flex-wrap:wrap;gap:24px;margin:24px;justify-content:center;}
+body{display:flex;flex-wrap:wrap;gap:20px;margin:20px;justify-content:center;}
 div{width:1020px;height:1320px;box-shadow:1px 1px 8px #0008;background-size:cover;}
 </style>
 </head>
diff --git a/info/rules.html b/info/rules.html
index b8c9fd7..caa172b 100644
--- a/info/rules.html
+++ b/info/rules.html
@@ -1,11 +1,13 @@
 <!DOCTYPE html>
 <head>
 <meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
 <title>Nevsky - Rules of Play</title>
 <link rel="stylesheet" href="/fonts/fonts.css">
 <style>
 html{font-family:Source Serif}
 body{max-width:80ch;margin:0 auto;padding:36px}
+img { max-width: 100% }
 
 h1,h2,h3,h4,p,ul,li { margin:0; padding:0; font-size:16px; line-height: 1.5; }
 h2 a,h3 a,h4 a { color: black }
diff --git a/play.html b/play.html
index dded388..cb678b4 100644
--- a/play.html
+++ b/play.html
@@ -55,7 +55,7 @@
 	<div id="log"></div>
 </aside>
 
-<main data-min-zoom="1" data-map-height="1100">
+<main data-min-zoom="1">
 
 <!-- MAP, TUCKED, EVENTS -->
 <section id="sec_map">
-- 
cgit v1.2.3

