Add help modal on index. Adjustments in Checkered rules

diff --git a/package-lock.json b/package-lock.json
index 6a8e44c..73b10db 100644 (file)
--- a/package-lock.json
+++ b/package-lock.json
@@ -1918,12 +1918,14 @@
         "balanced-match": {
           "version": "1.0.0",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "brace-expansion": {
           "version": "1.1.11",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "balanced-match": "^1.0.0",
             "concat-map": "0.0.1"
@@ -1938,17 +1940,20 @@
         "code-point-at": {
           "version": "1.1.0",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "concat-map": {
           "version": "0.0.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "console-control-strings": {
           "version": "1.1.0",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "core-util-is": {
           "version": "1.0.2",
@@ -2065,7 +2070,8 @@
         "inherits": {
           "version": "2.0.3",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "ini": {
           "version": "1.3.5",
@@ -2077,6 +2083,7 @@
           "version": "1.0.0",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "number-is-nan": "^1.0.0"
           }
@@ -2091,6 +2098,7 @@
           "version": "3.0.4",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "brace-expansion": "^1.1.7"
           }
@@ -2098,12 +2106,14 @@
         "minimist": {
           "version": "0.0.8",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "minipass": {
           "version": "2.2.4",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "safe-buffer": "^5.1.1",
             "yallist": "^3.0.0"
@@ -2122,6 +2132,7 @@
           "version": "0.5.1",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "minimist": "0.0.8"
           }
@@ -2202,7 +2213,8 @@
         "number-is-nan": {
           "version": "1.0.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "object-assign": {
           "version": "4.1.1",
@@ -2214,6 +2226,7 @@
           "version": "1.4.0",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "wrappy": "1"
           }
@@ -2335,6 +2348,7 @@
           "version": "1.0.2",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "code-point-at": "^1.0.0",
             "is-fullwidth-code-point": "^1.0.0",

diff --git a/public/stylesheets/index.sass b/public/stylesheets/index.sass
index 5d2033f..2487523 100644 (file)
--- a/public/stylesheets/index.sass
+++ b/public/stylesheets/index.sass
@@ -6,3 +6,13 @@
   margin-top: 20px
   a
     color: #663300
+
+@media screen and (min-width: 800px)
+  .card
+    max-width: 600px
+
+.help
+  cursor: pointer
+
+.card > h3.section
+  color: blue

diff --git a/public/stylesheets/variant.sass b/public/stylesheets/variant.sass
index 5148410..2c892b5 100644 (file)
--- a/public/stylesheets/variant.sass
+++ b/public/stylesheets/variant.sass
@@ -1,6 +1,12 @@
 .container#variantPage
   padding: 0
 
+.warn
+  padding: 3px
+  color: red
+  background-color: lightgrey
+  font-weight: bold
+
 // https://stackoverflow.com/questions/5445491/height-equal-to-dynamic-width-css-fluid-layout
 figure.diagram-container > .diagram
   display: block

diff --git a/views/index.pug b/views/index.pug
index 392e27a..9ec27a3 100644 (file)
--- a/views/index.pug
+++ b/views/index.pug
@@ -8,6 +8,26 @@ block content
                .row
                        .col-sm-12
                                h1.text-center Welcome to v[ariant] chess club !
+                               h2.help.text-center(onClick="document.getElementById('modal-control').checked=true") Help ?
+                               input#modal-control.modal(type="checkbox")
+                               div(role="dialog")
+                                       .card
+                                               label.modal-close(for="modal-control")
+                                               h3.blue.section Modes
+                                               p.section.
+                                                       Each variant page offers two modes: against a human or computer opponent.
+                                                       The latter is not designed to play well: it is here to help learning the rules.
+                                                       When you beat the bot easily consider playing human opponents!
+                                               h3.blue.section Initial position
+                                               p.section.
+                                                       Whenever possible, all games start with a random assymetric position.
+                                                       This might be unapplicable for some variants: Moscow Chess at least (coming soon),
+                                                       Racing Kings probably too.
+                                               h3.blue.section Comments
+                                               p.section.
+                                                       Games are untimed, and played anonymously. This website lacks a user/challenge/chat/... system,
+                                                       both for technical reasons (difficult to maintain all that alone) and also a bit for
+                                                       focusing on the essential: the moves! :)
                .row
                        my-variant-summary(
                                v-for="(v,idx) in sortedCounts",

diff --git a/views/rules/Checkered.pug b/views/rules/Checkered.pug
index 600c3d5..23ea0f0 100644 (file)
--- a/views/rules/Checkered.pug
+++ b/views/rules/Checkered.pug
@@ -50,6 +50,8 @@ ul
 
 h2.stageDelimiter Stage 2
 
+p.warn This stage is unimplemented for now.
+
 p.
        During the game one of the two players can decide to take control of the checkered pieces.
        They thus become autonomous and vulnerable to being captured - stage 2 begins.
@@ -68,5 +70,4 @@ h3 Credits
 
 ul
        li The rules of Checkered Chess were thought up by Patrick Bernier and developed with the help of Benjamin Auder.
-       li Thanks to Bevis Martin for the initial english translation.
-       li Thanks also to Christian Poisson, Laurent Nouhaud and Frédéric Fradet.
+       li Thanks also to Olive Martin, Christian Poisson, Bevis Martin, Laurent Nouhaud and Frédéric Fradet.