/node_modules/
 /assets/
 /assets.zip
+/extras/
+/extras.zip
 /.pid
 /parameters.js
 
 ## Usage
 
 ```wget https://xogo.live/assets.zip && unzip assets.zip``` <br/>
+```wget https://xogo.live/extras.zip && unzip extras.zip``` <br/>
 Rename parameters.js.dist → parameters.js, and edit file. <br/>
 ```npm i```
 
 
   color: #0D1C46;
   font-weight: bold;
 }
+.full-rules .img-center {
+  display: block;
+  margin: 0 auto;
+}
 /* TODO: use same CSS for rules and full-rules? */
 .full-rules p, .full-rules ul, .full-rules ol {
   margin: 10px 0;
 
 
 <p>Goal: bring a piece safely on the last rank.</p>
 
-<a href="https://www.chessvariants.com/small.dir/alapo.html">
-  chessvariants page.
-</a>
+<p>
+  <a href="https://www.chessvariants.com/small.dir/alapo.html">
+    chessvariants page.
+  </a>
+</p>
 
 <p class="author">Johannes Tranelis (1982).</p>
 
 <p>Pieces move to the next board after playing (other side of the mirror).</p>
 
-<a href="https://www.chessvariants.com/other.dir/alice.html">
-  chessvariants page.
-</a>
+<p>
+  <a href="https://www.chessvariants.com/other.dir/alice.html">
+    chessvariants page.
+  </a>
+</p>
 
 <p class="author">Vernon R. Parton (1953).</p>
 
 
 <p>Win by mate-capturing the enemy king.</p>
 
-<a href="https://www.chessvariants.com/difftaking.dir/allmate.html">
-  chessvariants page.
-</a>
+<p>
+  <a href="https://www.chessvariants.com/difftaking.dir/allmate.html">
+    chessvariants page.
+  </a>
+</p>
 
 <p class="author">Dr. Chris Taylor (1979).</p>
 
   your opponent, then to choose one for you - which could be altered.
 </p>
 
-<a href="https://www.chessvariants.com/mvopponent.dir/ambiguous-chess.html">
-  chessvariants page.
-</a>
+<p>
+  <a href="https://www.chessvariants.com/mvopponent.dir/ambiguous-chess.html">
+    chessvariants page.
+  </a>
+</p>
 
 <p class="author">Fabrice Liardet (2005).</p>
 
   <link href="/variants/Apocalypse/style.css" rel="stylesheet"/>
 </head>
 <body>
-
 <div class="full-rules">
 <h1>Apocalypse Rules</h1>
 
 
 
 <p>The goal is to eliminate all enemy pawns.</p>
 
-<a target="_blank" href="/variants/Apocalypse/complete_rules.html">
-  Full rules description.
-</a>
+<p>
+  <a target="_blank" href="/variants/Apocalypse/complete_rules.html">
+    Full rules description.
+  </a>
+</p>
 
 <p class="author">C.S. Elliott (1976).</p>
 
   A player who lose both king and queen also lose the game.
 </p>
 
-<a href="https://www.chessvariants.com/32turn.dir/arenachess.html">
-  chessvariants page.
-</a>
+<p>
+  <a href="https://www.chessvariants.com/32turn.dir/arenachess.html">
+    chessvariants page.
+  </a>
+</p>
 
 <p class="author">Jeff Kiska (2000).</p>
 
 
 <p>Win by checkmate or by exploding the enemy king.</p>
 
-<a href="https://lichess.org/variant/atomic">
-  lichess page.
-</a>
+<p>
+  <a href="https://lichess.org/variant/atomic">
+    lichess page.
+  </a>
+</p>
 
   largest number of towers of his color (on top) wins.
 </p>
 
-<a href="http://jeuxstrategie.free.fr/Avalam_complet.php">
-  More informations.
-</a>
+<p>
+  <a href="http://jeuxstrategie.free.fr/Avalam_complet.php">
+    More informations.
+  </a>
+</p>
 
 <p class="author">Philippe Deweys (1995).</p>
 
 
 <p>The goal is either to checkmate or to capture the enemy king.</p>
 
-<a href="https://www.chessvariants.com/mvopponent.dir/avalanche.html">
-  chessvariants page.
-</a>
+<p>
+  <a href="https://www.chessvariants.com/mvopponent.dir/avalanche.html">
+    chessvariants page.
+  </a>
+</p>
 
 <p class="author">Ralph Betza (1977).</p>
 
   <li>No en passant captures.</li>
 </ul>
 
-<a href="https://www.chessvariants.com/diffmove.dir/balaklava.html">
-  chessvariants page.
-</a>
+<p>
+  <a href="https://www.chessvariants.com/diffmove.dir/balaklava.html">
+    chessvariants page.
+  </a>
+</p>
 
 <p class="author">Gianluca Vecchi (1994).</p>
 
-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
-  |  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 — 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>
 
   all pieces on board return to undefined state.
 </p>
 
-<a href="https://www.bario-chess-checkers-chessphotography-spaceart.de/">
-  Author's website.
-</a>
+<p>
+  <a href="https://www.bario-chess-checkers-chessphotography-spaceart.de/">
+    Author's website.
+  </a>
+</p>
 
-<a href="/variants/Bario/complete_rules.html">
-  Full rules description.
-</a>
+<p>
+  <a href="/variants/Bario/complete_rules.html">
+    Full rules description.
+  </a>
+</p>
 
 <p class="author">Panos Louridas (1985).</p>
 
   <link href="/variants/Baroque/style.css" rel="stylesheet"/>
 </head>
 <body>
-
 <div class="full-rules">
 <h1>Baroque Rules</h1>
 
   <figure>
     <div class="diag"
          data-fen='2n4k/3r4/5b2/3p4/1m6/3b4/3N4/K7 w 0'
-         data-marks='d4,d6,d8,a5'>
+         data-mks='d4,d6,d8,a5'>
     </div>
     <figcaption>All marked squares captures are playable from d2.</figcaption>
   </figure>
   </p>
   <figure>
     <div class="diag"
-      data-fen="7k/8/8/3Qr3/8/8/8/K7 w 0"
-      data-marks="a5,b5,c5">
+         data-fen='7k/8/8/3Qr3/8/8/8/K7 w 0'
+         data-mks="a5,b5,c5">
     </div>
     <figcaption>1.Qa5, 1.Qb5 or 1.Qc5 captures the black rook.</figcaption>
   </figure>
   </p>
   <figure>
     <div class="diag"
-      data-fen="7k/8/8/r3pP2/2n5/8/B7/K7 w 0"
-      data-marks="a5,c4">
+         data-fen='7k/8/8/r3pP2/2n5/8/B7/K7 w 0'
+         data-mks="a5,c4">
     </div>
     <figcaption>1.Bd5 captures the two marked pieces.</figcaption>
   </figure>
   </p>
   <figure>
     <div class="diag"
-         data-fen="7k/8/8/p4r/4K3/8/8/8 w 0"
-         data-marks="e5">
+         data-fen='7k/8/8/p4r/4K3/8/8/8 w 0'
+         data-mks="e5">
     </div>
     <figcaption>1.Ke5 is impossible</figcaption>
   </figure>
 
 
 <p>The goal is still to checkmate.</p>
 
-<a href="/variants/Baroque/complete_rules.html">
-  Full rules description.
-</a>
+<p>
+  <a href="/variants/Baroque/complete_rules.html">
+    Full rules description.
+  </a>
+</p>
 
 <p class="author">Robert Abbott (1963).</p>
 
   where only the queen can change the color of enemy pieces.
 </p>
 
-<a href="https://www.chessvariants.com/difftaking.dir/benedict.html">
-  chessvariants page.
-</a>
+<p>
+  <a href="https://www.chessvariants.com/difftaking.dir/benedict.html">
+    chessvariants page.
+  </a>
+</p>
 
 <p class="author">William Daniel Troyka (2001).</p>
 
-<p>Pawns movements are reversed: they capture forward, and move diagonally. From the initial rank they can move two squares in diagonal. <a href="https://www.chessvariants.com/piececlopedia.dir/berolina.html">See also</a>.</p>
+<p>
+  Pawns movements are reversed: they capture forward, and move diagonally.
+  From the initial rank they can move two squares in diagonal.
+  <a href="https://www.chessvariants.com/piececlopedia.dir/berolina.html">See also</a>.
+</p>
 
 <p class="author">Edmund Nebermann (1926).</p>
 
 <p>After each capture, the capturer transforms into the captured piece.</p>
 
-<a href="https://www.chessvariants.com/difftaking.dir/cannibal.html">
-  chessvariants page.
-</a>
+<p>
+  <a href="https://www.chessvariants.com/difftaking.dir/cannibal.html">
+    chessvariants page.
+  </a>
+</p>
 
   <link href="/variants/Chakart/style.css" rel="stylesheet"/>
 </head>
 <body>
-
 <div class="full-rules">
 <h1>Chakart Rules</h1>
 
 
   <li>Eggs hide either a bonus or malus: see full description.</li>
 </ul>
 
-<a target="_blank" href="/variants/Chakart/complete_rules.html">
-  Full rules description.
-</a>
+<p>
+  <a target="_blank" href="/variants/Chakart/complete_rules.html">
+    Full rules description.
+  </a>
+</p>
 
 <p class="author">Charlotte Blard & Benjamin Auder (2020).</p>
 
   <link href="/variants/Checkered/style.css" rel="stylesheet"/>
 </head>
 <body>
-
 <div class="full-rules">
 <h1>Checkered Rules</h1>
 
   The capture of an enemy piece produces a new "checkered" piece belonging
   to both players.
 </p>
-<figure class="showPieces text-center">
-  <img src="pieces/cp.svg"/>
-  <img src="pieces/cr.svg"/>
-  <img src="pieces/cn.svg"/>
-  <img src="pieces/cb.svg"/>
-  <img src="pieces/cq.svg"/>
+<figure class="show-pieces">
+  <img src="/pieces/Checkered/cp.svg"/>
+  <img src="/pieces/Checkered/cr.svg"/>
+  <img src="/pieces/Checkered/cn.svg"/>
+  <img src="/pieces/Checkered/cb.svg"/>
+  <img src="/pieces/Checkered/cq.svg"/>
   <figcaption>Checkered pieces, born after captures.</figcaption>
 </figure>
 <p>Note: the initial French name for this variant is "l'Échiqueté".</p>
   </li>
   <li>Checkered pieces cannot be captured.</li>
 </ul>
-<figure class="diagram-container">
-  <div class="diagram">fen:2kr4/pp6/2p5/4ss1r/1P2ns1P/2Np4/P1P1P1BP/R2o1RK1:</div>
+<figure>
+  <div class="diag"
+       data-fen='2kr4/pp6/2p5/4ss1r/1P2ns1P/2Np4/P1P1P1BP/R2o1RK1'>
+  </div>
   <figcaption>
     Black plays Rxh4=P. (Checkered pawn to) h5 is allowed then,
     because piece's nature changed.
 
   Checkered moves cannot be undone on next turn.
 </p>
 
-<a target="_blank" href="/variants/Checkered/complete_rules.html">
-  Full rules description.
-</a>
+<p>
+  <a target="_blank" href="/variants/Checkered/complete_rules.html">
+    Full rules description.
+  </a>
+</p>
 
 <p class="author">Patrick Bernier (2012).</p>
 
-<a href="https://en.wikipedia.org/wiki/Rules_of_chess">
-  Orthodox chess rules.
-</a>
+<p>
+  <a href="https://en.wikipedia.org/wiki/Rules_of_chess">
+    Orthodox chess rules.
+  </a>
+</p>
 
 <p>
-Lower and upper sides of the board communicate.<br>
+  Lower and upper sides of the board communicate.<br>
   All pawns move forward (up).
 </p>
 
-<p>Captured pieces can be landed later in a non-capturing form;<br>
-they regain their ability to capture when captured again.</p>
+<p>
+  Captured pieces can be landed later in a non-capturing form;<br>
+  they regain their ability to capture when captured again.
+</p>
 
-<a href="https://www.chessvariants.com/other.dir/clockworkorange.html">
-  chessvariants page.
-</a>
+<p>
+  <a href="https://www.chessvariants.com/other.dir/clockworkorange.html">
+    chessvariants page.
+  </a>
+</p>
 
 <p class="author">Fergus Duniho (1999).</p>
 
   it borrows powers from it and can move (and capture) like it.
 </p>
 
-<p class="author">Students from the <a href="https://www.facebook.com/groups/ucfchessclub/">UCF Chess Club</a> (2020).</p>
+<p class="author">
+  Students from the
+  <a href="https://www.facebook.com/groups/ucfchessclub/">UCF Chess Club</a>
+  (2020).
+</p>
 
 <p>See also their <a href="https://discord.gg/tv9hVkQKa9">Discord server</a> :-)</p>
 
 
 <p>Promoted pawns return on the board as pawns.</p>
 
-<a href="https://lichess.org/variant/crazyhouse">
-  lichess page.
-</a>
+<p>
+  <a href="https://lichess.org/variant/crazyhouse">
+    lichess page.
+  </a>
+</p>
 
   <link href="/variants/Cwda/style.css" rel="stylesheet"/>
 </head>
 <body>
-
 <div class="full-rules">
 <h1>Different Armies Rules</h1>
 
 
 <h3>The Colorbound Clobberers</h3>
 
-<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>
+<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>
   </figcaption>
 </figure>
 
-<figure class="diagram-container">
-  <div class="diagram">fen:8/8/8/3F4/8/8/8/8 b7,c6,b5,f5,d3,d7,b3,c4,e4,f3,e6,f7:</div>
+<figure>
+  <div class="diag"
+       data-fen='8/8/8/3F4/8/8/8/8 w 0 {"armies":"CC","flags":"8888","enpassant":"-"}'
+       data-mks="b7,c6,b5,f5,d3,d7,b3,c4,e4,f3,e6,f7">
+  </div>
   <figcaption>
     Moves of the Fad.
   </figcaption>
 
 <h3>The Nutty Knights</h3>
 
-<figure class="showPieces text-center"><img src="/images/pieces/Cwda/bg.svg"/><img src="/images/pieces/Cwda/wi.svg"/><img src="/images/pieces/Cwda/bt.svg"/><img src="/images/pieces/Cwda/wl.svg"/></figure>
+<figure class="show-pieces">
+  <img src="/pieces/Cwda/n_black_rook.svg"/>
+  <img src="/pieces/Cwda/n_white_knight.svg"/>
+  <img src="/pieces/Cwda/n_black_bishop.svg"/>
+  <img src="/pieces/Cwda/n_white_queen.svg"/>
+</figure>
 
 <ul>
   <li>Rook = rook forward and sideways + king backwards = "charging rook" (G),</li>
   <li>Queen = rook forward and sideways + knight forward + king = "colonel" (L).</li>
 </ul>
 
-<figure class="diagram-container">
-  <div class="diagram diag12">fen:8/8/8/8/3G4/8/8/8 d5,d6,d7,d8,c4,b4,a4,e4,f4,g4,h4,c3,d3,e3:</div>
-  <div class="diagram diag22">fen:8/8/8/8/4i3/8/8/8 d6,d2,f6,f2,d3,d5,f5,f3:</div>
+<figure>
+  <div class="diag left"
+       data-fen='8/8/8/8/3G4/8/8/8 w 0 {"armies":"NN","flags":"8888","enpassant":"-"}'
+       data-mks="d5,d6,d7,d8,c4,b4,a4,e4,f4,g4,h4,c3,d3,e3">
+  </div>
+  <div class="diag right"
+       data-fen='8/8/8/8/4i3/8/8/8 w 0 {"armies":"NN","flags":"8888","enpassant":"-"}'
+       data-mks="d6,d2,f6,f2,d3,d5,f5,f3">
+  </div>
   <figcaption>
     Moves of the Charging rook on the left, and of the Fibnif on the right.
   </figcaption>
 </figure>
 
-<figure class="diagram-container">
-  <div class="diagram diag12">fen:8/8/8/8/3T4/8/8/8 b5,c6,e6,f5,c4,e4,c3,d3,e3:</div>
-  <div class="diagram diag22">fen:8/8/8/8/4c3/8/8/8 e5,e6,e7,e8,d4,c4,b4,a4,f4,g4,h4,d6,c5,f6,g5,d5,f5,d3,e3,f3:</div>
+<figure>
+  <div class="diag left"
+       data-fen='8/8/8/8/3T4/8/8/8 w 0 {"armies":"NN","flags":"8888","enpassant":"-"}'
+       data-mks="b5,c6,e6,f5,c4,e4,c3,d3,e3">
+  </div>
+  <div class="diag right"
+       data-fen='8/8/8/8/4c3/8/8/8 w 0 {"armies":"NN","flags":"8888","enpassant":"-"}'
+       data-mks="e5,e6,e7,e8,d4,c4,b4,a4,f4,g4,h4,d6,c5,f6,g5,d5,f5,d3,e3,f3">
+  </div>
   <figcaption>
     Moves of the Charging knight on the left, and of the Colonel on the right.
   </figcaption>
 
 <h3>The Remarkable Rookies</h3>
 
-<figure class="showPieces text-center"><img src="/images/pieces/Cwda/bs.svg"/><img src="/images/pieces/Cwda/wy.svg"/><img src="/images/pieces/Cwda/bh.svg"/><img src="/images/pieces/Cwda/wo.svg"/></figure>
+<figure class="show-pieces">
+  <img src="/pieces/Cwda/r_black_rook.svg"/>
+  <img src="/pieces/Cwda/r_white_knight.svg"/>
+  <img src="/pieces/Cwda/r_black_bishop.svg"/>
+  <img src="/pieces/Cwda/r_white_queen.svg"/>
+</figure>
 
 <ul>
   <li>Rook = rook limited to 4 squares = "short rook" (S),</li>
   <li>Queen = rook + knight = "chancellor" (O).</li>
 </ul>
 
-<figure class="diagram-container">
-  <div class="diagram diag12">fen:8/8/8/3y4/8/8/8/8 d3,b5,d7,f5,c5,d6,e5,d4:</div>
-  <div class="diagram diag22">fen:8/8/8/4H3/8/8/8/8 c5,e7,g5,e3,b5,e8,h5,e2,d4,d6,f6,f4:</div>
+<figure>
+  <div class="diag left"
+       data-fen='8/8/8/3y4/8/8/8/8 w 0 {"armies":"RR","flags":"8888","enpassant":"-"}'
+       data-mks="d3,b5,d7,f5,c5,d6,e5,d4">
+  </div>
+  <div class="diag right"
+       data-fen='8/8/8/4H3/8/8/8/8 w 0 {"armies":"RR","flags":"8888","enpassant":"-"}'
+       data-mks="c5,e7,g5,e3,b5,e8,h5,e2,d4,d6,f6,f4">
+  </div>
   <figcaption>
     Moves of the Woody rook on the left, and of the Half-duck on the right.
   </figcaption>
 
 <h3>Source</h3>
 
-<p><a href="https://www.chessvariants.com/unequal.dir/cwda.html">Chess with different armies</a> on chessvariants.com.</p>
+<p>
+  <a href="https://www.chessvariants.com/unequal.dir/cwda.html">
+    Chess with different armies
+  </a>
+  on chessvariants.com.
+</p>
 
 </body>
 <script src="/utils/drawDiagrams.js"></script>
 
   </a>.
 </p>
 
-<a target="_blank" href="/variants/Cwda/complete_rules.html">
-  Full rules description.
-</a>
+<p>
+  <a target="_blank" href="/variants/Cwda/complete_rules.html">
+    Full rules description.
+  </a>
+</p>
 
 <p class="author">Ralph Betza (1996).</p>
 
 
 <p>Win by capturing the enemy king.</p>
 
-<a href="https://en.wikipedia.org/wiki/Dark_chess">
-  Wikipedia page.
-</a>
+<p>
+  <a href="https://en.wikipedia.org/wiki/Dark_chess">
+    Wikipedia page.
+  </a>
+</p>
 
 <p class="author">Jens Baek Nielsen (1997).</p>
 
 <p>After the initial white move, each player moves twice on each turn.</p>
 
-<a href="https://www.chessvariants.org/multimove.dir/marseill.html">
-  chessvariants page.
-</a>
+<p>
+  <a href="https://www.chessvariants.org/multimove.dir/marseill.html">
+    chessvariants page.
+  </a>
+</p>
 
 <p class="author">Albert Fortis (1922).</p>
 
 <p>Win by losing all your material, or get stalemated.</p>
 
-<a href="https://lichess.org/variant/antichess">
-  lichess page.
-</a>
+<p>
+  <a href="https://lichess.org/variant/antichess">
+    lichess page.
+  </a>
+</p>
 
 <p>Win by connecting both edges of your color.</p>
 
-<a href="https://www.maths.ed.ac.uk/~csangwin/hex/index.html">
-  Detailed rules.
-</a>
+<p>
+  <a href="https://www.maths.ed.ac.uk/~csangwin/hex/index.html">
+    Detailed rules.
+  </a>
+</p>
 
-<a href="http://www.mseymour.ca/hex_book/hexstrat.html">
-  A Strategy Guide.
-</a>
+<p>
+  <a href="http://www.mseymour.ca/hex_book/hexstrat.html">
+    A Strategy Guide.
+  </a>
+</p>
 
 <p class="author">Piet Hein (1942).</p>
 
 <p>Pieces of same nature attacking each other are immobilized.</p>
 
-<a href="https://en.wikipedia.org/wiki/Madrasi_chess">
-  Wikipedia page.
-</a>
+<p>
+  <a href="https://en.wikipedia.org/wiki/Madrasi_chess">
+    Wikipedia page.
+  </a>
+</p>
 
 <p class="author">Abdul J. Karwathar (1979).</p>
 
   then White play 3, and so on.
 </p>
 
-<a href="https://en.wikipedia.org/wiki/Progressive_chess">
-  Wikipedia page.
-</a>
+<p>
+  <a href="https://en.wikipedia.org/wiki/Progressive_chess">
+    Wikipedia page.
+  </a>
+</p>
 
   can be self-captured and dropped later in the game.
 </p>
 
-<a href="https://www.chessvariants.com/difftaking.dir/recyclechess.html">
-  chessvariants page.
-</a>
+<p>
+  <a href="https://www.chessvariants.com/difftaking.dir/recyclechess.html">
+    chessvariants page.
+  </a>
+</p>
 
 <p class="author">Robert Huber (2000).</p>
 
   Different pawn promotions count as different moves.
 </p>
 
-<a href="https://www.chessvariants.com/other.dir/refusal.html">
-  chessvariants page.
-</a>
+<p>
+  <a href="https://www.chessvariants.com/other.dir/refusal.html">
+    chessvariants page.
+  </a>
+</p>
 
 <p class="author">Fred Galvin (1958).</p>
 
 <p>Pieces capture (as usual) without moving.</p>
 
-<a href="https://www.chessvariants.com/difftaking.dir/rifle.html">
-  chessvariants page.
-</a>
+<p>
+  <a href="https://www.chessvariants.com/difftaking.dir/rifle.html">
+    chessvariants page.
+  </a>
+</p>
 
 <p class="author">William Buehler Seabrook (1921).</p>
 
 
 <p>Win by bringing the enemy king on your first rank.</p>
 
-<a href="https://www.chessvariants.com/rules/suction-chess">
-  chessvariants page.
-</a>
+<p>
+  <a href="https://www.chessvariants.com/rules/suction-chess">
+    chessvariants page.
+  </a>
+</p>
 
 <p class="author">Nathaniel Virgo (2018).</p>
 
   </li>
 </ul>
 
-<a href="https://www.chessvariants.com/diffobjective.dir/anti-king-chess.html">
-  chessvariants page.
-</a>
+<p>
+  <a href="https://www.chessvariants.com/diffobjective.dir/anti-king-chess.html">
+    chessvariants page.
+  </a>
+</p>
 
 <p class="author">Peter Aronson (2002).</p>