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,
         "balanced-match": {
           "version": "1.0.0",
           "bundled": true,

-          "dev": true
+          "dev": true,
+          "optional": true

         },
         "brace-expansion": {
           "version": "1.1.11",
           "bundled": true,
           "dev": true,
         },
         "brace-expansion": {
           "version": "1.1.11",
           "bundled": true,
           "dev": true,

+          "optional": true,

           "requires": {
             "balanced-match": "^1.0.0",
             "concat-map": "0.0.1"
           "requires": {
             "balanced-match": "^1.0.0",
             "concat-map": "0.0.1"


@@ -1938,17 +1940,20 @@
         "code-point-at": {
           "version": "1.1.0",
           "bundled": true,
         "code-point-at": {
           "version": "1.1.0",
           "bundled": true,

-          "dev": true
+          "dev": true,
+          "optional": true

         },
         "concat-map": {
           "version": "0.0.1",
           "bundled": true,
         },
         "concat-map": {
           "version": "0.0.1",
           "bundled": true,

-          "dev": true
+          "dev": true,
+          "optional": true

         },
         "console-control-strings": {
           "version": "1.1.0",
           "bundled": true,
         },
         "console-control-strings": {
           "version": "1.1.0",
           "bundled": true,

-          "dev": true
+          "dev": true,
+          "optional": true

         },
         "core-util-is": {
           "version": "1.0.2",
         },
         "core-util-is": {
           "version": "1.0.2",


@@ -2065,7 +2070,8 @@
         "inherits": {
           "version": "2.0.3",
           "bundled": true,
         "inherits": {
           "version": "2.0.3",
           "bundled": true,

-          "dev": true
+          "dev": true,
+          "optional": true

         },
         "ini": {
           "version": "1.3.5",
         },
         "ini": {
           "version": "1.3.5",


@@ -2077,6 +2083,7 @@
           "version": "1.0.0",
           "bundled": true,
           "dev": true,
           "version": "1.0.0",
           "bundled": true,
           "dev": true,

+          "optional": true,

           "requires": {
             "number-is-nan": "^1.0.0"
           }
           "requires": {
             "number-is-nan": "^1.0.0"
           }


@@ -2091,6 +2098,7 @@
           "version": "3.0.4",
           "bundled": true,
           "dev": true,
           "version": "3.0.4",
           "bundled": true,
           "dev": true,

+          "optional": true,

           "requires": {
             "brace-expansion": "^1.1.7"
           }
           "requires": {
             "brace-expansion": "^1.1.7"
           }


@@ -2098,12 +2106,14 @@
         "minimist": {
           "version": "0.0.8",
           "bundled": true,
         "minimist": {
           "version": "0.0.8",
           "bundled": true,

-          "dev": true
+          "dev": true,
+          "optional": true

         },
         "minipass": {
           "version": "2.2.4",
           "bundled": true,
           "dev": true,
         },
         "minipass": {
           "version": "2.2.4",
           "bundled": true,
           "dev": true,

+          "optional": true,

           "requires": {
             "safe-buffer": "^5.1.1",
             "yallist": "^3.0.0"
           "requires": {
             "safe-buffer": "^5.1.1",
             "yallist": "^3.0.0"


@@ -2122,6 +2132,7 @@
           "version": "0.5.1",
           "bundled": true,
           "dev": true,
           "version": "0.5.1",
           "bundled": true,
           "dev": true,

+          "optional": true,

           "requires": {
             "minimist": "0.0.8"
           }
           "requires": {
             "minimist": "0.0.8"
           }


@@ -2202,7 +2213,8 @@
         "number-is-nan": {
           "version": "1.0.1",
           "bundled": true,
         "number-is-nan": {
           "version": "1.0.1",
           "bundled": true,

-          "dev": true
+          "dev": true,
+          "optional": true

         },
         "object-assign": {
           "version": "4.1.1",
         },
         "object-assign": {
           "version": "4.1.1",


@@ -2214,6 +2226,7 @@
           "version": "1.4.0",
           "bundled": true,
           "dev": true,
           "version": "1.4.0",
           "bundled": true,
           "dev": true,

+          "optional": true,

           "requires": {
             "wrappy": "1"
           }
           "requires": {
             "wrappy": "1"
           }


@@ -2335,6 +2348,7 @@
           "version": "1.0.2",
           "bundled": true,
           "dev": true,
           "version": "1.0.2",
           "bundled": true,
           "dev": true,

+          "optional": true,

           "requires": {
             "code-point-at": "^1.0.0",
             "is-fullwidth-code-point": "^1.0.0",
           "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
   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
 
 .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
 // 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 !
                .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",
                .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
 
 
 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.
 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.
 
 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.