Fix some complete rules
[xogo.git] / variants / Bario / complete_rules.html
index 93ecc9d..ad700ac 100644 (file)
@@ -1,64 +1,97 @@
-p.boxed
-  | Your pieces remain in an undefined state until they are moved.
+<!doctype html>
+<html>
+<head>
+  <title>Bario Rules</title>
+  <link href="/common.css" rel="stylesheet"/>
+  <link href="/variants/Checkered/style.css" rel="stylesheet"/>
+</head>
+<body>
+<div class="full-rules">
+<h1>Bario Rules</h1>
 
-p
-  | Bario is a chess variant invented by Panos Louridas in 1998. 
-  a(href="https://www.bario-chess-checkers-chessphotography-spaceart.de/")
-    | His website
-  | &nbsp;contains many examples and explanations.
-  | See also the discussion 
-  a(href="https://www.chessvariants.com/index/listcomments.php?order=DESC&itemid=Bario")
-    | on chessvariants.com
-  | .
+<p>
+  Bario is a chess variant invented by Panos Louridas in 1998.
+  <a href="https://www.bario-chess-checkers-chessphotography-spaceart.de/">
+    His website
+  </a>
+  contains many examples and explanations.
+  See also the discussion
+  <a href="https://www.chessvariants.com/index/listcomments.php?order=DESC&itemid=Bario">
+    on chessvariants.com
+  </a>.
+</p>
 
-figure
-  img.img-center(src="/variants/Bario/chessboard2.jpg" style="width:75%")
-  figcaption.text-center.
-    [With author's permission]
+<figure>
+  <img class="img-center" src="/extras/Bario/chessboard2.jpg" style="width:75%">
+  <figcaption>
+    [With author's permission]<br>
     Undefined pieces on first ranks.
+  </figcaption>
+</figure>
 
-p.
+<p>
   Queens, rooks, bishops and knights begin the game in a reserve below
   the board, because their location isn't determined yet.
   At each turn, you can either move something already defined on the board, or
-ol
-  li move a piece from your reserve to any question mark, and then
-  li move the now defined piece on the board.
+</p>
+<ol>
+  <li>move a piece from your reserve to any question mark, and then</li>
+  <li>move the now defined piece on the board.</li>
+</ol>
 
-p An undefined piece gives check if some specialization giving check exists.
+<p>Your pieces remain in an undefined state until they are moved.</p>
 
-figure.diagram-container
-  .diagram
-    | fen:uuuuu1uk/p2p1qp1/1p6/7p/7P/5N2/PP1P1PP1/UUUKU1UU:
-  figcaption The white king cannot move, a rook might be on c8 or e8
+<p>An undefined piece gives check if some specialization giving check exists.</p>
 
-h4 Details, special cases
+<figure>
+  <div class="diag"
+       data-fen='uuuuu1uk/p2p1qp1/1p6/7p/7P/5N2/PP1P1PP1/UUUKU1UU w 10 {"captureUndef":"-","enpassant":"-","reserve":"22212221"}'>
+  </div>
+  <figcaption>The white king cannot move, a rook might be on c8 or e8</figcaption>
+</figure>
 
-p.
+<h4>Details, special cases</h4>
+
+<p>
   At the first move, you must select a square for the king anywhere on
   the first rank &mdash; preferably in a corner. This deviates from the
   original intention of the author, but this way you will not need to castle
   later in the game. Click on a square to place the king.
+</p>
 
-p.
+<p>
   If after your move all your pieces are defined (and weren't before), then
   all pieces on board revert to undefined state, unless:
-ul
-  li.
+</p>
+<ul>
+  <li>
     all your pieces (board + reserve) are now of the same type,
     in which case none is put back in reserve, or
-  li.
+  </li>
+  <li>
     all opponent's pieces are of the same type, in which case
     they also remain defined.
+  </li>
+</ul>
 
-figure.diagram-container
-  .diagram.diag12
-    | fen:uuu1kuuu/2p5/2n5/1p1ppppp/p4PPP/3N3Q/PPPPP1BB/1RRUK3:
-  .diagram.diag22
-    | fen:uuu1kuuu/2p5/2u5/1p1ppppp/p4PPP/3UU2U/PPPPP1UU/1UU1K3:
-  figcaption.
+<figure>
+  <div class="diag left"
+       data-fen='uuu1kuuu/2p5/2n5/1p1ppppp/p4PPP/3N3Q/PPPPP1BB/1RRUK3 w 10 {"captureUndef":"-","enpassant":"-","reserve":"22212221"}'>
+  </div>
+  <div class="diag right"
+       data-fen='uuu1kuuu/2p5/2u5/1p1ppppp/p4PPP/3UU2U/PPPPP1UU/1UU1K3 w 10 {"captureUndef":"-","enpassant":"-","reserve":"22212221"}'>
+  </div>
+  <figcaption>
     Before and after knight definition on d1 (moving to e3)
+  </figcaption>
+</figure>
 
-p.
+<p>
   If one of your undefined pieces is captured, you first have to choose which
   one was captured from the reserve: place it at the capture location.
+</p>
+
+</body>
+<script src="/utils/drawDiagrams.js"></script>
+<script>fenToDiag("Bario");</script>
+</html>