From: Benjamin Auder <benjamin.auder@somewhere>
Date: Mon, 10 Dec 2018 09:35:20 +0000 (+0100)
Subject: Improve style (larger modal boxes on index)
X-Git-Url: https://git.auder.net/doc/html/css/current/scripts/%3C?a=commitdiff_plain;h=38a412beadb103b51212c6d87f6fe85ed8ddd4a2;p=vchess.git

Improve style (larger modal boxes on index)
---

diff --git a/public/stylesheets/index.sass b/public/stylesheets/index.sass
index e4f846ee..77ba9aec 100644
--- a/public/stylesheets/index.sass
+++ b/public/stylesheets/index.sass
@@ -16,12 +16,12 @@
 .card > h3.section.red
   color: #cc3300
 
-#welcome
+#welcome, #help
   max-height: 100vh
   max-width: 90vw
 
 @media screen and (max-width: 400px)
-  #welcome
+  #welcome, #help
     max-width: 100vw
 
 #welcome ul
diff --git a/views/index.pug b/views/index.pug
index f7d9d041..19b235b7 100644
--- a/views/index.pug
+++ b/views/index.pug
@@ -13,12 +13,14 @@ block content
 					a(href="/demo.webm") Demo !
 				input#modal-help.modal(type="checkbox")
 				div(role="dialog")
-					.card
+					#help.card
 						label.modal-close(for="modal-help")
-						h3.blue.section Modes
+						h3.blue.section Tips
 						p.section.
-							Each variant page offers two modes: against a human or computer opponent,
-							which is here to help learning the rules.
+							On a variant page, read the rules by clicking on the title "&lt;Variant&gt; rules".
+							Try playing against a human: click the leftmost "new game" button :)
+							...then, while waiting you can play against a (rather weak) bot or a friend.
+							//On the index page, try typing the first letters of a variant.
 						h3.blue.section Comments
 						p.section.
 							All games start with a random assymetric position. #[br]