Improve style (larger modal boxes on index)

diff --git a/public/stylesheets/index.sass b/public/stylesheets/index.sass
index e4f846e..77ba9ae 100644 (file)
--- 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 f7d9d04..19b235b 100644 (file)
--- 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 "<Variant> 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]