From 2c8375bb77dda7cbeaee983a09e202436be2191c Mon Sep 17 00:00:00 2001
From: Benjamin Auder <benjamin.auder@somewhere>
Date: Thu, 28 Dec 2023 11:46:58 +0100
Subject: [PATCH] Fix complete rules of Cwda

---
 base_rules.js                     | 10 ++++++++--
 common.css                        | 20 ++++++++++++++++++--
 utils/drawDiagrams.js             | 10 +++++++---
 variants/Cwda/class.js            |  2 +-
 variants/Cwda/complete_rules.html |  8 ++++----
 5 files changed, 38 insertions(+), 12 deletions(-)

diff --git a/base_rules.js b/base_rules.js
index 699b1d8..757707d 100644
--- a/base_rules.js
+++ b/base_rules.js
@@ -235,7 +235,7 @@ export default class ChessRules {
         randomness: this.options["randomness"],
         between: [{p1: 'k', p2: 'r'}],
         diffCol: ['b'],
-        flags: ['r', 'k']
+        flags: ['r']
       }
     );
     return {
@@ -642,7 +642,13 @@ export default class ChessRules {
       else
         this[arrName] = ArrayFun.init(this.size.x, this.size.y, null);
       if (arrName == "d_pieces")
-        this.marks.forEach(([i, j]) => addPiece(i, j, arrName, "mark"));
+        this.marks.forEach((m) => {
+          const formattedSquare =
+            (this.size.x - parseInt(m.substring(1), 10)).toString(36) +
+            (m.charCodeAt(0) - 97).toString(36);
+          const mCoords = V.SquareToCoords(formattedSquare);
+          addPiece(mCoords.x, mCoords.y, arrName, "mark");
+        });
     };
     if (this.marks)
       conditionalReset("d_pieces");
diff --git a/common.css b/common.css
index cdfbc7a..5fee7ef 100644
--- a/common.css
+++ b/common.css
@@ -180,6 +180,14 @@ main > div {
   padding: 0 10px;
   overflow: auto;
 }
+.full-rules figure.show-pieces {
+  max-width: 90%;
+  text-align: center;
+  margin: 0 auto;
+}
+.full-rules figure.show-pieces > img {
+  max-width: 100px;
+}
 .full-rules > div {
   margin-bottom: 20px;
 }
@@ -234,6 +242,16 @@ piece.mark.transparent {
 .full-rules .right {
   float: right;
 }
+@media screen and (max-width: 550px) {
+  .full-rules .left {
+    float: none;
+    margin-bottom: 10px;
+  }
+  .full-rules .right {
+    float: none;
+    margin-top: 10px;
+  }
+}
 .full-rules figcaption {
   display: block;
   text-align: center;
@@ -350,8 +368,6 @@ piece.mark.transparent {
 .chessboard {
   position: absolute;
   cursor: pointer;
-  min-width: 200px;
-  min-height: 200px;
 }
 piece {
   position: absolute;
diff --git a/utils/drawDiagrams.js b/utils/drawDiagrams.js
index 9438dd6..3dd01f6 100644
--- a/utils/drawDiagrams.js
+++ b/utils/drawDiagrams.js
@@ -11,8 +11,12 @@ function fenToDiag(vname) {
 function getDiagSize(elt) {
   const baseWidth = Math.min(window.innerWidth, 800);
   let multFact = 1;
-  if (elt.classList.contains("left") || elt.classList.contains("right"))
-    multFact = 0.45;
+  if (elt.classList.contains("left") || elt.classList.contains("right")) {
+    if (baseWidth >= 551)
+      multFact = 0.45;
+    else
+      multFact = 0.7;
+  }
   else if (baseWidth > 630)
     multFact = 0.5;
   else
@@ -43,7 +47,7 @@ function re_drawDiagrams() {
         element: "diag_" + i,
         fen: diagrams[i].dataset.fen,
         marks: diagrams[i].dataset.mks
-                 ? JSON.parse('[' + diagrams[i].dataset.mks + ']')
+                 ? diagrams[i].dataset.mks.split(',')
                  : undefined,
         color: diagrams[i].dataset.col || 'w',
         options: {},
diff --git a/variants/Cwda/class.js b/variants/Cwda/class.js
index 3a47146..db79917 100644
--- a/variants/Cwda/class.js
+++ b/variants/Cwda/class.js
@@ -73,7 +73,7 @@ export default class CwdaRules extends ChessRules {
         randomness: this.options["randomness"],
         between: [{p1: 'k', p2: 'r'}],
         diffCol: ['b'],
-        flags: ['r', 'k']
+        flags: ['r']
       }
     );
     let pawnLines = {
diff --git a/variants/Cwda/complete_rules.html b/variants/Cwda/complete_rules.html
index 958c0b6..9114c05 100644
--- a/variants/Cwda/complete_rules.html
+++ b/variants/Cwda/complete_rules.html
@@ -30,7 +30,7 @@
 
 <h3>The Colorbound Clobberers</h3>
 
-<figure class="showPieces text-center"><img src="/images/pieces/Cwda/bd.svg"/><img src="/images/pieces/Cwda/ww.svg"/><img src="/images/pieces/Cwda/bf.svg"/><img src="/images/pieces/Cwda/wc.svg"/></figure>
+<figure class="show-pieces"><img src="/pieces/Cwda/c_black_rook.svg"/><img src="/pieces/Cwda/c_white_knight.svg"/><img src="/pieces/Cwda/c_black_bishop.svg"/><img src="/pieces/Cwda/c_white_queen.svg"/></figure>
 
 <ul>
   <li>Rook = bishop + dabbabah = "bede" (D),</li>
@@ -41,11 +41,11 @@
 
 <figure>
   <div class="diag left"
-       data-fen='8/8/8/3D4/8/8/8/8 ...',
-       data-mks='a8,b7,c6,e4,f3,g2,h1,c4,b3,a2,e6,f7,g8,f5,d3,b5,d7'>
+       data-fen='8/8/8/3D4/8/8/8/8 w 0 {"armies":"CC","flags":"8888","enpassant":"-"}',
+       data-mks="a8,b7,c6,e4,f3,g2,h1,c4,b3,a2,e6,f7,g8,f5,d3,b5,d7">
   </div>
   <div class="diag right"
-       data-fen='8/8/8/4w3/8/8/8/8 ...',
+       data-fen='8/8/8/4w3/8/8/8/8 w 0 {"armies":"CC","flags":"8888","enpassant":"-"}',
        data-mks="e6,f5,e4,d5,c7,g7,g3,c3">
   </div>
   <figcaption>
-- 
2.44.0