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.
     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
   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.
   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:
   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
     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.
     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)
     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.
   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>