From f4672b6e7394aa240d8f091076c758422c9349e0 Mon Sep 17 00:00:00 2001
From: John <37978984+johnridesabike@users.noreply.github.com>
Date: Sat, 14 Jul 2018 09:04:21 -0400
Subject: [PATCH 1/7] Initial commit for html.py

---
 chess/html.py | 106 ++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 106 insertions(+)
 create mode 100644 chess/html.py

diff --git a/chess/html.py b/chess/html.py
new file mode 100644
index 000000000..26978a737
--- /dev/null
+++ b/chess/html.py
@@ -0,0 +1,106 @@
+# -*- coding: utf-8 -*-
+# This file is an addition to the python-chess library.
+# Copyright (C) 2018 John Jackson <jbpjackson@icloud.com>
+#
+# This program is free software: you can redistribute it and/or modify
+# it under the terms of the GNU General Public License as published by
+# the Free Software Foundation, either version 3 of the License, or
+# (at your option) any later version.
+#
+# This program is distributed in the hope that it will be useful,
+# but WITHOUT ANY WARRANTY; without even the implied warranty of
+# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+# GNU General Public License for more details.
+#
+# You should have received a copy of the GNU General Public License
+# along with this program. If not, see <http://www.gnu.org/licenses/>.
+
+# NOTE: This file is currently in a beta, proof-of-concept stage.
+
+import chess
+
+TABLE_HEAD = """<table id="chess_board" cellpadding="0" cellspacing="0">"""
+TABLE_HEAD_COORDS = """<thead>
+    <tr>
+        <th></th>
+        <th>A</th>
+        <th>B</th>
+        <th>C</th>
+        <th>D</th>
+        <th>E</th>
+        <th>F</th>
+        <th>G</th>
+        <th>H</th>
+        <th></th>
+    </tr>
+</thead>
+<tfoot>
+    <tr>
+        <th></th>
+        <th>A</th>
+        <th>B</th>
+        <th>C</th>
+        <th>D</th>
+        <th>E</th>
+        <th>F</th>
+        <th>G</th>
+        <th>H</th>
+        <th></th>
+    </tr>
+</tfoot>
+<colgroup>
+    <col span="1" class="rank-names">
+    <col span="8" class"board">
+    <col span="1" class"rank-names">
+ </colgroup>
+"""
+TABLE_ROW_HEAD = """<tr>"""
+TABLE_ROW_COORDS = """<th>{rank}</th>"""
+TABLE_DATA = """<td id="{square}">
+    <a href="#" class="{piece_name} {color} {check} {lastmove}">{attack}{symbol}</a>
+</td>
+"""
+TABLE_ROW_FOOT = """</tr>"""
+TABLE_FOOT = """</table>"""
+
+def piece(piece: chess.Piece):
+    return piece.unicode_symbol().encode('ascii', 'xmlcharrefreplace').decode()
+
+
+def board(board: chess.Board, squares=[], flipped=False, coordinates=True,
+          lastmove=None, check=None):
+    HTML = TABLE_HEAD
+    if coordinates:
+        HTML += TABLE_HEAD_COORDS
+    if flipped:
+        rank_names = chess.RANK_NAMES
+    else:
+        rank_names = chess.RANK_NAMES[::-1]
+    for rank in rank_names:
+        HTML += TABLE_ROW_HEAD
+        if coordinates:
+            HTML += TABLE_ROW_COORDS.format(rank=rank)
+        for file in chess.FILE_NAMES:
+            square = chess.square(chess.FILE_NAMES.index(file),
+                                  chess.RANK_NAMES.index(rank))
+            data = {'square': chess.square_name(square), 'piece_name': '',
+                    'color': '', 'symbol': '', 'attack': '', 'check': '',
+                    'lastmove': ''}
+            if square in squares:
+                data['attack'] = 'X'
+            if square == check:
+                data['check'] = 'check'
+            if lastmove and square in [lastmove.from_square,
+                                       lastmove.to_square]:
+                data['lastmove'] = 'lastmove'
+            if square in board.piece_map():
+                piece_obj = board.piece_map()[square]
+                data['symbol'] = piece(piece_obj)
+                data['color'] = chess.COLOR_NAMES[piece_obj.color]
+                data['piece_name'] = chess.PIECE_NAMES[piece_obj.piece_type]
+            HTML += TABLE_DATA.format(**data)
+        if coordinates:
+            HTML += TABLE_ROW_COORDS.format(rank=rank)
+        HTML += TABLE_ROW_FOOT
+    HTML += TABLE_FOOT
+    return HTML

From 57f4683d5f79e15da2c4b25ba36c302af3abe8f1 Mon Sep 17 00:00:00 2001
From: John <37978984+johnridesabike@users.noreply.github.com>
Date: Sat, 14 Jul 2018 13:56:51 -0400
Subject: [PATCH 2/7] tweaks

---
 chess/html.py | 83 +++++++++++++++++++++++++++++++--------------------
 1 file changed, 50 insertions(+), 33 deletions(-)

diff --git a/chess/html.py b/chess/html.py
index 26978a737..c007393b7 100644
--- a/chess/html.py
+++ b/chess/html.py
@@ -14,37 +14,39 @@
 #
 # You should have received a copy of the GNU General Public License
 # along with this program. If not, see <http://www.gnu.org/licenses/>.
+"""A module for python-chess which outputs an HTML table of a board.
 
-# NOTE: This file is currently in a beta, proof-of-concept stage.
+This file is currently in a beta, proof-of-concept stage.
+"""
 
 import chess
 
-TABLE_HEAD = """<table id="chess_board" cellpadding="0" cellspacing="0">"""
+TABLE_HEAD = """<table class="chess_board">"""
 TABLE_HEAD_COORDS = """<thead>
     <tr>
         <th></th>
-        <th>A</th>
-        <th>B</th>
-        <th>C</th>
-        <th>D</th>
-        <th>E</th>
-        <th>F</th>
-        <th>G</th>
-        <th>H</th>
+        <th>a</th>
+        <th>b</th>
+        <th>c</th>
+        <th>d</th>
+        <th>e</th>
+        <th>f</th>
+        <th>g</th>
+        <th>h</th>
         <th></th>
     </tr>
 </thead>
 <tfoot>
     <tr>
         <th></th>
-        <th>A</th>
-        <th>B</th>
-        <th>C</th>
-        <th>D</th>
-        <th>E</th>
-        <th>F</th>
-        <th>G</th>
-        <th>H</th>
+        <th>a</th>
+        <th>b</th>
+        <th>c</th>
+        <th>d</th>
+        <th>e</th>
+        <th>f</th>
+        <th>g</th>
+        <th>h</th>
         <th></th>
     </tr>
 </tfoot>
@@ -56,30 +58,42 @@
 """
 TABLE_ROW_HEAD = """<tr>"""
 TABLE_ROW_COORDS = """<th>{rank}</th>"""
-TABLE_DATA = """<td id="{square}">
-    <a href="#" class="{piece_name} {color} {check} {lastmove}">{attack}{symbol}</a>
-</td>
+TABLE_ATTACK = """<a href="#" class="attack">&times;</a>"""
+TABLE_DATA = """<td id="{square}" class="{lastmove}">{attack}<a href="#" class="{piece_name} {color} {check}">{symbol}</a></td>
 """
 TABLE_ROW_FOOT = """</tr>"""
 TABLE_FOOT = """</table>"""
 
 def piece(piece: chess.Piece):
+    """Renders the given :class:`chess.Piece` as HTML escaped unicode.
+    """
     return piece.unicode_symbol().encode('ascii', 'xmlcharrefreplace').decode()
 
 
 def board(board: chess.Board, squares=[], flipped=False, coordinates=True,
           lastmove=None, check=None):
-    HTML = TABLE_HEAD
+    """
+    Renders a board with pieces and/or selected squares as an HTML table.
+
+    :param board: A :class:`chess.BaseBoard` for a chessboard with pieces or
+        ``None`` (the default) for a chessboard without pieces.
+    :param squares: A :class:`chess.SquareSet` with selected squares.
+    :param flipped: Pass ``True`` to flip the board.
+    :param coordinates: Pass ``False`` to disable coordinates in the margin.
+    :param lastmove: A :class:`chess.Move` to be highlighted.
+    :param check: A square to be marked as check.
+    """
+    html = TABLE_HEAD
     if coordinates:
-        HTML += TABLE_HEAD_COORDS
+        html += TABLE_HEAD_COORDS
     if flipped:
         rank_names = chess.RANK_NAMES
     else:
         rank_names = chess.RANK_NAMES[::-1]
     for rank in rank_names:
-        HTML += TABLE_ROW_HEAD
+        html += TABLE_ROW_HEAD
         if coordinates:
-            HTML += TABLE_ROW_COORDS.format(rank=rank)
+            html += TABLE_ROW_COORDS.format(rank=rank)
         for file in chess.FILE_NAMES:
             square = chess.square(chess.FILE_NAMES.index(file),
                                   chess.RANK_NAMES.index(rank))
@@ -87,9 +101,7 @@ def board(board: chess.Board, squares=[], flipped=False, coordinates=True,
                     'color': '', 'symbol': '', 'attack': '', 'check': '',
                     'lastmove': ''}
             if square in squares:
-                data['attack'] = 'X'
-            if square == check:
-                data['check'] = 'check'
+                data['attack'] = TABLE_ATTACK
             if lastmove and square in [lastmove.from_square,
                                        lastmove.to_square]:
                 data['lastmove'] = 'lastmove'
@@ -98,9 +110,14 @@ def board(board: chess.Board, squares=[], flipped=False, coordinates=True,
                 data['symbol'] = piece(piece_obj)
                 data['color'] = chess.COLOR_NAMES[piece_obj.color]
                 data['piece_name'] = chess.PIECE_NAMES[piece_obj.piece_type]
-            HTML += TABLE_DATA.format(**data)
+                if square == check:
+                    data['check'] = 'check'
+                elif (board.is_check() and piece_obj.piece_type == chess.KING
+                      and board.turn == piece_obj.color):
+                    data['check'] = 'check'
+            html += TABLE_DATA.format(**data)
         if coordinates:
-            HTML += TABLE_ROW_COORDS.format(rank=rank)
-        HTML += TABLE_ROW_FOOT
-    HTML += TABLE_FOOT
-    return HTML
+            html += TABLE_ROW_COORDS.format(rank=rank)
+        html += TABLE_ROW_FOOT
+    html += TABLE_FOOT
+    return html

From 229bbbe705aabbd38bdb9874613cb89b068fbf9e Mon Sep 17 00:00:00 2001
From: John <37978984+johnridesabike@users.noreply.github.com>
Date: Sat, 14 Jul 2018 23:07:16 -0400
Subject: [PATCH 3/7] Better organization and documentation.

---
 chess/html.py | 188 ++++++++++++++++++++++++++++++++++++--------------
 1 file changed, 138 insertions(+), 50 deletions(-)

diff --git a/chess/html.py b/chess/html.py
index c007393b7..23bcc46f1 100644
--- a/chess/html.py
+++ b/chess/html.py
@@ -14,55 +14,131 @@
 #
 # You should have received a copy of the GNU General Public License
 # along with this program. If not, see <http://www.gnu.org/licenses/>.
-"""A module for python-chess which outputs an HTML table of a board.
-
-This file is currently in a beta, proof-of-concept stage.
-"""
+"""A module for python-chess which outputs an HTML table of a board."""
 
 import chess
 
-TABLE_HEAD = """<table class="chess_board">"""
-TABLE_HEAD_COORDS = """<thead>
-    <tr>
-        <th></th>
-        <th>a</th>
-        <th>b</th>
-        <th>c</th>
-        <th>d</th>
-        <th>e</th>
-        <th>f</th>
-        <th>g</th>
-        <th>h</th>
-        <th></th>
-    </tr>
+HTML_HEAD = """<!doctype html>
+<html>
+    <head>
+        <title>python-chess output</title>
+        <style>{style}</style>
+    </head>
+<body>
+"""
+DEFAULT_CSS = """.chess_board {
+    font-size:4em;
+    font-family: sans-serif;
+    border-collapse: collapse;
+    border-spacing: 0;
+    margin-left: auto;
+    margin-right: auto;
+}
+.chess_board .piece {
+    color:#000;
+    display:block;
+    height:1.25em;
+    width:1.25em;
+    position:relative;
+    text-decoration:none;
+}
+.chess_board td {
+    background: rgba(209, 139, 71, 1);
+    height:1.25em;
+    width:1.25em;
+    padding: 0;
+    text-align:center;
+    vertical-align:middle;
+}
+.chess_board td.lastmove {
+    background: #aaa23b;
+}
+.chess_board tr:nth-child(odd) td:nth-child(even),
+.chess_board tr:nth-child(even) td:nth-child(odd) {
+    background:rgba(255, 206, 158, 1);
+}
+.chess_board tr:nth-child(odd) td:nth-child(even).lastmove,
+.chess_board tr:nth-child(even) td:nth-child(odd).lastmove {
+    background: #cdd16a;
+}
+.chess_board th {
+    background: transparent;
+    height:2.5em;
+    width:2.5em;
+    padding: 0;
+    text-align:center;
+    vertical-align:middle;
+    font-weight: normal;
+    font-size:.5em;
+    text-transform: uppercase;
+}
+.chess_board .check {
+    background: -moz-radial-gradient(center, ellipse cover, rgba(255,0,0,1) 0%, rgba(231,0,0,0.5) 50%, rgba(158,0,0,0) 100%);
+    background: -webkit-radial-gradient(center, ellipse cover, rgba(255,0,0,1) 0%,rgba(231,0,0,0.5) 50%,rgba(158,0,0,0) 100%);
+    background: radial-gradient(ellipse at center, rgba(255,0,0,1) 0%,rgba(231,0,0,0.5) 50%,rgba(158,0,0,0) 100%);
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#009e0000',GradientType=1 );
+}
+.chess_board .attack {
+    position: absolute;
+    z-index: 999;
+    display: block;
+    width: 1.25em;
+    height: 1.25em;
+}
+"""
+TABLE_START = """<table class="chess_board">
+"""
+TABLE_HEAD_COORDS = """<colgroup>
+<col span="1" class="rank-names">
+<col span="8" class="board">
+<col span="1" class="rank-names">
+</colgroup>
+<thead>
+<tr>
+<th></th>
+<th>a</th>
+<th>b</th>
+<th>c</th>
+<th>d</th>
+<th>e</th>
+<th>f</th>
+<th>g</th>
+<th>h</th>
+<th></th>
+</tr>
 </thead>
-<tfoot>
-    <tr>
-        <th></th>
-        <th>a</th>
-        <th>b</th>
-        <th>c</th>
-        <th>d</th>
-        <th>e</th>
-        <th>f</th>
-        <th>g</th>
-        <th>h</th>
-        <th></th>
-    </tr>
+"""
+TABLE_BODY_START = """<tbody>
+"""
+TABLE_ROW_START = """<tr>
+"""
+TABLE_ROW_COORDS = """<th>{rank}</th>
+"""
+TABLE_DATA = """<td id="{square}" class="{lastmove}">{attack}{piece}</td>
+"""
+TABLE_ATTACK = """<span class="attack">&times;</a>"""
+TABLE_PIECE = """<span class="piece {piece_name} {color} {check}">{symbol}</span>"""
+TABLE_ROW_END = """</tr>
+"""
+TABLE_BODY_END = """</tbody>
+"""
+TABLE_FOOT_COORDS = """<tfoot>
+<tr>
+<th></th>
+<th>a</th>
+<th>b</th>
+<th>c</th>
+<th>d</th>
+<th>e</th>
+<th>f</th>
+<th>g</th>
+<th>h</th>
+<th></th>
+</tr>
 </tfoot>
-<colgroup>
-    <col span="1" class="rank-names">
-    <col span="8" class"board">
-    <col span="1" class"rank-names">
- </colgroup>
 """
-TABLE_ROW_HEAD = """<tr>"""
-TABLE_ROW_COORDS = """<th>{rank}</th>"""
-TABLE_ATTACK = """<a href="#" class="attack">&times;</a>"""
-TABLE_DATA = """<td id="{square}" class="{lastmove}">{attack}<a href="#" class="{piece_name} {color} {check}">{symbol}</a></td>
+TABLE_END = """</table>
 """
-TABLE_ROW_FOOT = """</tr>"""
-TABLE_FOOT = """</table>"""
 
 def piece(piece: chess.Piece):
     """Renders the given :class:`chess.Piece` as HTML escaped unicode.
@@ -71,9 +147,8 @@ def piece(piece: chess.Piece):
 
 
 def board(board: chess.Board, squares=[], flipped=False, coordinates=True,
-          lastmove=None, check=None):
-    """
-    Renders a board with pieces and/or selected squares as an HTML table.
+          lastmove=None, check=None, snippet=True, style=None):
+    """Renders a board with pieces and/or selected squares as an HTML table.
 
     :param board: A :class:`chess.BaseBoard` for a chessboard with pieces or
         ``None`` (the default) for a chessboard without pieces.
@@ -82,16 +157,25 @@ def board(board: chess.Board, squares=[], flipped=False, coordinates=True,
     :param coordinates: Pass ``False`` to disable coordinates in the margin.
     :param lastmove: A :class:`chess.Move` to be highlighted.
     :param check: A square to be marked as check.
+    :param snippet: Pass ``False`` to return a complete HTML document.
+    :param style: A CSS stylesheet to include in the HTML document. Has no effect if ``snippet`` is ``True``.
     """
-    html = TABLE_HEAD
+    if snippet:
+        html = TABLE_START
+    else:
+        if not style:
+            style = DEFAULT_CSS
+        html = HTML_HEAD.format(style=style)
+        html += TABLE_START
     if coordinates:
         html += TABLE_HEAD_COORDS
     if flipped:
         rank_names = chess.RANK_NAMES
     else:
         rank_names = chess.RANK_NAMES[::-1]
+    html += TABLE_BODY_START
     for rank in rank_names:
-        html += TABLE_ROW_HEAD
+        html += TABLE_ROW_START
         if coordinates:
             html += TABLE_ROW_COORDS.format(rank=rank)
         for file in chess.FILE_NAMES:
@@ -99,7 +183,7 @@ def board(board: chess.Board, squares=[], flipped=False, coordinates=True,
                                   chess.RANK_NAMES.index(rank))
             data = {'square': chess.square_name(square), 'piece_name': '',
                     'color': '', 'symbol': '', 'attack': '', 'check': '',
-                    'lastmove': ''}
+                    'lastmove': '', 'piece': ''}
             if square in squares:
                 data['attack'] = TABLE_ATTACK
             if lastmove and square in [lastmove.from_square,
@@ -115,9 +199,13 @@ def board(board: chess.Board, squares=[], flipped=False, coordinates=True,
                 elif (board.is_check() and piece_obj.piece_type == chess.KING
                       and board.turn == piece_obj.color):
                     data['check'] = 'check'
+                data['piece'] = TABLE_PIECE.format(**data)
             html += TABLE_DATA.format(**data)
         if coordinates:
             html += TABLE_ROW_COORDS.format(rank=rank)
-        html += TABLE_ROW_FOOT
-    html += TABLE_FOOT
+        html += TABLE_ROW_END
+    html += TABLE_BODY_END
+    if coordinates:
+        html += TABLE_FOOT_COORDS
+    html += TABLE_END
     return html

From c193e8a1df4bf51ffe63e4af75ec9b4aaab1305f Mon Sep 17 00:00:00 2001
From: John <37978984+johnridesabike@users.noreply.github.com>
Date: Sat, 14 Jul 2018 23:23:35 -0400
Subject: [PATCH 4/7] Better organization and documentation.

---
 chess/html.py | 188 ++++++++++++++++++++++++++++++++++++--------------
 1 file changed, 138 insertions(+), 50 deletions(-)

diff --git a/chess/html.py b/chess/html.py
index c007393b7..23bcc46f1 100644
--- a/chess/html.py
+++ b/chess/html.py
@@ -14,55 +14,131 @@
 #
 # You should have received a copy of the GNU General Public License
 # along with this program. If not, see <http://www.gnu.org/licenses/>.
-"""A module for python-chess which outputs an HTML table of a board.
-
-This file is currently in a beta, proof-of-concept stage.
-"""
+"""A module for python-chess which outputs an HTML table of a board."""
 
 import chess
 
-TABLE_HEAD = """<table class="chess_board">"""
-TABLE_HEAD_COORDS = """<thead>
-    <tr>
-        <th></th>
-        <th>a</th>
-        <th>b</th>
-        <th>c</th>
-        <th>d</th>
-        <th>e</th>
-        <th>f</th>
-        <th>g</th>
-        <th>h</th>
-        <th></th>
-    </tr>
+HTML_HEAD = """<!doctype html>
+<html>
+    <head>
+        <title>python-chess output</title>
+        <style>{style}</style>
+    </head>
+<body>
+"""
+DEFAULT_CSS = """.chess_board {
+    font-size:4em;
+    font-family: sans-serif;
+    border-collapse: collapse;
+    border-spacing: 0;
+    margin-left: auto;
+    margin-right: auto;
+}
+.chess_board .piece {
+    color:#000;
+    display:block;
+    height:1.25em;
+    width:1.25em;
+    position:relative;
+    text-decoration:none;
+}
+.chess_board td {
+    background: rgba(209, 139, 71, 1);
+    height:1.25em;
+    width:1.25em;
+    padding: 0;
+    text-align:center;
+    vertical-align:middle;
+}
+.chess_board td.lastmove {
+    background: #aaa23b;
+}
+.chess_board tr:nth-child(odd) td:nth-child(even),
+.chess_board tr:nth-child(even) td:nth-child(odd) {
+    background:rgba(255, 206, 158, 1);
+}
+.chess_board tr:nth-child(odd) td:nth-child(even).lastmove,
+.chess_board tr:nth-child(even) td:nth-child(odd).lastmove {
+    background: #cdd16a;
+}
+.chess_board th {
+    background: transparent;
+    height:2.5em;
+    width:2.5em;
+    padding: 0;
+    text-align:center;
+    vertical-align:middle;
+    font-weight: normal;
+    font-size:.5em;
+    text-transform: uppercase;
+}
+.chess_board .check {
+    background: -moz-radial-gradient(center, ellipse cover, rgba(255,0,0,1) 0%, rgba(231,0,0,0.5) 50%, rgba(158,0,0,0) 100%);
+    background: -webkit-radial-gradient(center, ellipse cover, rgba(255,0,0,1) 0%,rgba(231,0,0,0.5) 50%,rgba(158,0,0,0) 100%);
+    background: radial-gradient(ellipse at center, rgba(255,0,0,1) 0%,rgba(231,0,0,0.5) 50%,rgba(158,0,0,0) 100%);
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#009e0000',GradientType=1 );
+}
+.chess_board .attack {
+    position: absolute;
+    z-index: 999;
+    display: block;
+    width: 1.25em;
+    height: 1.25em;
+}
+"""
+TABLE_START = """<table class="chess_board">
+"""
+TABLE_HEAD_COORDS = """<colgroup>
+<col span="1" class="rank-names">
+<col span="8" class="board">
+<col span="1" class="rank-names">
+</colgroup>
+<thead>
+<tr>
+<th></th>
+<th>a</th>
+<th>b</th>
+<th>c</th>
+<th>d</th>
+<th>e</th>
+<th>f</th>
+<th>g</th>
+<th>h</th>
+<th></th>
+</tr>
 </thead>
-<tfoot>
-    <tr>
-        <th></th>
-        <th>a</th>
-        <th>b</th>
-        <th>c</th>
-        <th>d</th>
-        <th>e</th>
-        <th>f</th>
-        <th>g</th>
-        <th>h</th>
-        <th></th>
-    </tr>
+"""
+TABLE_BODY_START = """<tbody>
+"""
+TABLE_ROW_START = """<tr>
+"""
+TABLE_ROW_COORDS = """<th>{rank}</th>
+"""
+TABLE_DATA = """<td id="{square}" class="{lastmove}">{attack}{piece}</td>
+"""
+TABLE_ATTACK = """<span class="attack">&times;</a>"""
+TABLE_PIECE = """<span class="piece {piece_name} {color} {check}">{symbol}</span>"""
+TABLE_ROW_END = """</tr>
+"""
+TABLE_BODY_END = """</tbody>
+"""
+TABLE_FOOT_COORDS = """<tfoot>
+<tr>
+<th></th>
+<th>a</th>
+<th>b</th>
+<th>c</th>
+<th>d</th>
+<th>e</th>
+<th>f</th>
+<th>g</th>
+<th>h</th>
+<th></th>
+</tr>
 </tfoot>
-<colgroup>
-    <col span="1" class="rank-names">
-    <col span="8" class"board">
-    <col span="1" class"rank-names">
- </colgroup>
 """
-TABLE_ROW_HEAD = """<tr>"""
-TABLE_ROW_COORDS = """<th>{rank}</th>"""
-TABLE_ATTACK = """<a href="#" class="attack">&times;</a>"""
-TABLE_DATA = """<td id="{square}" class="{lastmove}">{attack}<a href="#" class="{piece_name} {color} {check}">{symbol}</a></td>
+TABLE_END = """</table>
 """
-TABLE_ROW_FOOT = """</tr>"""
-TABLE_FOOT = """</table>"""
 
 def piece(piece: chess.Piece):
     """Renders the given :class:`chess.Piece` as HTML escaped unicode.
@@ -71,9 +147,8 @@ def piece(piece: chess.Piece):
 
 
 def board(board: chess.Board, squares=[], flipped=False, coordinates=True,
-          lastmove=None, check=None):
-    """
-    Renders a board with pieces and/or selected squares as an HTML table.
+          lastmove=None, check=None, snippet=True, style=None):
+    """Renders a board with pieces and/or selected squares as an HTML table.
 
     :param board: A :class:`chess.BaseBoard` for a chessboard with pieces or
         ``None`` (the default) for a chessboard without pieces.
@@ -82,16 +157,25 @@ def board(board: chess.Board, squares=[], flipped=False, coordinates=True,
     :param coordinates: Pass ``False`` to disable coordinates in the margin.
     :param lastmove: A :class:`chess.Move` to be highlighted.
     :param check: A square to be marked as check.
+    :param snippet: Pass ``False`` to return a complete HTML document.
+    :param style: A CSS stylesheet to include in the HTML document. Has no effect if ``snippet`` is ``True``.
     """
-    html = TABLE_HEAD
+    if snippet:
+        html = TABLE_START
+    else:
+        if not style:
+            style = DEFAULT_CSS
+        html = HTML_HEAD.format(style=style)
+        html += TABLE_START
     if coordinates:
         html += TABLE_HEAD_COORDS
     if flipped:
         rank_names = chess.RANK_NAMES
     else:
         rank_names = chess.RANK_NAMES[::-1]
+    html += TABLE_BODY_START
     for rank in rank_names:
-        html += TABLE_ROW_HEAD
+        html += TABLE_ROW_START
         if coordinates:
             html += TABLE_ROW_COORDS.format(rank=rank)
         for file in chess.FILE_NAMES:
@@ -99,7 +183,7 @@ def board(board: chess.Board, squares=[], flipped=False, coordinates=True,
                                   chess.RANK_NAMES.index(rank))
             data = {'square': chess.square_name(square), 'piece_name': '',
                     'color': '', 'symbol': '', 'attack': '', 'check': '',
-                    'lastmove': ''}
+                    'lastmove': '', 'piece': ''}
             if square in squares:
                 data['attack'] = TABLE_ATTACK
             if lastmove and square in [lastmove.from_square,
@@ -115,9 +199,13 @@ def board(board: chess.Board, squares=[], flipped=False, coordinates=True,
                 elif (board.is_check() and piece_obj.piece_type == chess.KING
                       and board.turn == piece_obj.color):
                     data['check'] = 'check'
+                data['piece'] = TABLE_PIECE.format(**data)
             html += TABLE_DATA.format(**data)
         if coordinates:
             html += TABLE_ROW_COORDS.format(rank=rank)
-        html += TABLE_ROW_FOOT
-    html += TABLE_FOOT
+        html += TABLE_ROW_END
+    html += TABLE_BODY_END
+    if coordinates:
+        html += TABLE_FOOT_COORDS
+    html += TABLE_END
     return html

From d1e66765a300ac2a7e11e9159d09f8c04b38bae8 Mon Sep 17 00:00:00 2001
From: John <37978984+johnridesabike@users.noreply.github.com>
Date: Sat, 14 Jul 2018 23:25:34 -0400
Subject: [PATCH 5/7] tweak

---
 chess/html.py | 2 --
 1 file changed, 2 deletions(-)

diff --git a/chess/html.py b/chess/html.py
index 23bcc46f1..a5bdb8fce 100644
--- a/chess/html.py
+++ b/chess/html.py
@@ -31,8 +31,6 @@
     font-family: sans-serif;
     border-collapse: collapse;
     border-spacing: 0;
-    margin-left: auto;
-    margin-right: auto;
 }
 .chess_board .piece {
     color:#000;

From 1cd686cfc9bd05a35e6e0a6ce3fce7793b39b253 Mon Sep 17 00:00:00 2001
From: John <37978984+johnridesabike@users.noreply.github.com>
Date: Sun, 15 Jul 2018 18:44:05 -0400
Subject: [PATCH 6/7] Added documentation and made tweaks to the code.

---
 chess/html.py           |  48 ++++++----
 docs/html.rst           |  11 +++
 docs/scholars_mate.html | 196 ++++++++++++++++++++++++++++++++++++++++
 examples/html_output.py |  33 +++++++
 4 files changed, 269 insertions(+), 19 deletions(-)
 create mode 100644 docs/html.rst
 create mode 100644 docs/scholars_mate.html
 create mode 100644 examples/html_output.py

diff --git a/chess/html.py b/chess/html.py
index a5bdb8fce..7eed25e3e 100644
--- a/chess/html.py
+++ b/chess/html.py
@@ -26,7 +26,7 @@
     </head>
 <body>
 """
-DEFAULT_CSS = """.chess_board {
+DEFAULT_STYLE = """.chess_board {
     font-size:4em;
     font-family: sans-serif;
     border-collapse: collapse;
@@ -114,8 +114,8 @@
 """
 TABLE_DATA = """<td id="{square}" class="{lastmove}">{attack}{piece}</td>
 """
-TABLE_ATTACK = """<span class="attack">&times;</a>"""
-TABLE_PIECE = """<span class="piece {piece_name} {color} {check}">{symbol}</span>"""
+HTML_ATTACK = """<span class="attack">&times;</a>"""
+HTML_PIECE = """<span class="piece {name} {color} not-check">{symbol}</span>"""
 TABLE_ROW_END = """</tr>
 """
 TABLE_BODY_END = """</tbody>
@@ -140,11 +140,20 @@
 
 def piece(piece: chess.Piece):
     """Renders the given :class:`chess.Piece` as HTML escaped unicode.
+
+    >>> import chess
+    >>> import chess.html
+    >>>
+    >>> chess.html.piece(chess.Piece.from_symbol("R"))  # doctest: +SKIP
+    '<span class="piece rook white not-check">&#9814;</span>'
     """
-    return piece.unicode_symbol().encode('ascii', 'xmlcharrefreplace').decode()
+    symb = piece.unicode_symbol().encode('ascii', 'xmlcharrefreplace').decode()
+    data = {'symbol': symb, 'color': chess.COLOR_NAMES[piece.color],
+            'name': chess.PIECE_NAMES[piece.piece_type]}
+    return HTML_PIECE.format(**data)
 
 
-def board(board: chess.Board, squares=[], flipped=False, coordinates=True,
+def board(board: chess.Board, *, squares=[], flipped=False, coordinates=True,
           lastmove=None, check=None, snippet=True, style=None):
     """Renders a board with pieces and/or selected squares as an HTML table.
 
@@ -157,12 +166,21 @@ def board(board: chess.Board, squares=[], flipped=False, coordinates=True,
     :param check: A square to be marked as check.
     :param snippet: Pass ``False`` to return a complete HTML document.
     :param style: A CSS stylesheet to include in the HTML document. Has no effect if ``snippet`` is ``True``.
+
+    >>> import chess
+    >>> import chess.html
+    >>>
+    >>> board = chess.Board("8/8/8/8/4N3/8/8/8 w - - 0 1")
+    >>> squares = board.attacks(chess.E4)
+    >>> html = chess.html.board(board=board, squares=squares, snippet=False)  # doctest: +SKIP
+    >>> with open('output.html', 'w') as f:
+    >>>     f.write(html)
     """
     if snippet:
         html = TABLE_START
     else:
         if not style:
-            style = DEFAULT_CSS
+            style = DEFAULT_STYLE
         html = HTML_HEAD.format(style=style)
         html += TABLE_START
     if coordinates:
@@ -179,25 +197,17 @@ def board(board: chess.Board, squares=[], flipped=False, coordinates=True,
         for file in chess.FILE_NAMES:
             square = chess.square(chess.FILE_NAMES.index(file),
                                   chess.RANK_NAMES.index(rank))
-            data = {'square': chess.square_name(square), 'piece_name': '',
-                    'color': '', 'symbol': '', 'attack': '', 'check': '',
-                    'lastmove': '', 'piece': ''}
+            data = {'square': chess.square_name(square), 'attack': '',
+                    'check': '', 'lastmove': '', 'piece': ''}
             if square in squares:
-                data['attack'] = TABLE_ATTACK
+                data['attack'] = HTML_ATTACK
             if lastmove and square in [lastmove.from_square,
                                        lastmove.to_square]:
                 data['lastmove'] = 'lastmove'
             if square in board.piece_map():
-                piece_obj = board.piece_map()[square]
-                data['symbol'] = piece(piece_obj)
-                data['color'] = chess.COLOR_NAMES[piece_obj.color]
-                data['piece_name'] = chess.PIECE_NAMES[piece_obj.piece_type]
+                data['piece'] = piece(board.piece_map()[square])
                 if square == check:
-                    data['check'] = 'check'
-                elif (board.is_check() and piece_obj.piece_type == chess.KING
-                      and board.turn == piece_obj.color):
-                    data['check'] = 'check'
-                data['piece'] = TABLE_PIECE.format(**data)
+                    data['piece'] = data['piece'].replace('not-check', 'check')
             html += TABLE_DATA.format(**data)
         if coordinates:
             html += TABLE_ROW_COORDS.format(rank=rank)
diff --git a/docs/html.rst b/docs/html.rst
new file mode 100644
index 000000000..102164769
--- /dev/null
+++ b/docs/html.rst
@@ -0,0 +1,11 @@
+HTML rendering
+=============
+
+The :mod:`chess.html` module renders pieces and boards as HTML code. Depending
+on your needs, HTML can be an alternative to SVG used by :mod:`chess.svg`.
+`You can view a comparison of the HTML and SVG here <scholars_mate.html>`_.
+
+
+.. autofunction:: chess.html.piece
+
+.. autofunction:: chess.html.board
diff --git a/docs/scholars_mate.html b/docs/scholars_mate.html
new file mode 100644
index 000000000..17aa58aef
--- /dev/null
+++ b/docs/scholars_mate.html
@@ -0,0 +1,196 @@
+<!doctype html><html><head><title>python-chess output</title>
+    <style>h1{text-align:center;}section,footer{width:850px;margin:auto}
+    .chess_board {
+    font-size:4em;
+    font-family: sans-serif;
+    border-collapse: collapse;
+    border-spacing: 0;
+}
+.chess_board .piece {
+    color:#000;
+    display:block;
+    height:1.25em;
+    width:1.25em;
+    position:relative;
+    text-decoration:none;
+}
+.chess_board td {
+    background: rgba(209, 139, 71, 1);
+    height:1.25em;
+    width:1.25em;
+    padding: 0;
+    text-align:center;
+    vertical-align:middle;
+}
+.chess_board td.lastmove {
+    background: #aaa23b;
+}
+.chess_board tr:nth-child(odd) td:nth-child(even),
+.chess_board tr:nth-child(even) td:nth-child(odd) {
+    background:rgba(255, 206, 158, 1);
+}
+.chess_board tr:nth-child(odd) td:nth-child(even).lastmove,
+.chess_board tr:nth-child(even) td:nth-child(odd).lastmove {
+    background: #cdd16a;
+}
+.chess_board th {
+    background: transparent;
+    height:2.5em;
+    width:2.5em;
+    padding: 0;
+    text-align:center;
+    vertical-align:middle;
+    font-weight: normal;
+    font-size:.5em;
+    text-transform: uppercase;
+}
+.chess_board .check {
+    background: -moz-radial-gradient(center, ellipse cover, rgba(255,0,0,1) 0%, rgba(231,0,0,0.5) 50%, rgba(158,0,0,0) 100%);
+    background: -webkit-radial-gradient(center, ellipse cover, rgba(255,0,0,1) 0%,rgba(231,0,0,0.5) 50%,rgba(158,0,0,0) 100%);
+    background: radial-gradient(ellipse at center, rgba(255,0,0,1) 0%,rgba(231,0,0,0.5) 50%,rgba(158,0,0,0) 100%);
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#009e0000',GradientType=1 );
+}
+.chess_board .attack {
+    position: absolute;
+    z-index: 999;
+    display: block;
+    width: 1.25em;
+    height: 1.25em;
+}
+</style></head><body><section><h1>HTML Table Output</h1><table class="chess_board">
+<colgroup>
+<col span="1" class="rank-names">
+<col span="8" class="board">
+<col span="1" class="rank-names">
+</colgroup>
+<thead>
+<tr>
+<th></th>
+<th>a</th>
+<th>b</th>
+<th>c</th>
+<th>d</th>
+<th>e</th>
+<th>f</th>
+<th>g</th>
+<th>h</th>
+<th></th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<th>8</th>
+<td id="a8" class=""><span class="piece rook black not-check">&#9820;</span></td>
+<td id="b8" class=""></td>
+<td id="c8" class=""><span class="piece bishop black not-check">&#9821;</span></td>
+<td id="d8" class=""><span class="piece queen black not-check">&#9819;</span></td>
+<td id="e8" class=""><span class="piece king black check">&#9818;</span></td>
+<td id="f8" class=""><span class="piece bishop black not-check">&#9821;</span></td>
+<td id="g8" class=""></td>
+<td id="h8" class=""><span class="piece rook black not-check">&#9820;</span></td>
+<th>8</th>
+</tr>
+<tr>
+<th>7</th>
+<td id="a7" class=""><span class="piece pawn black not-check">&#9823;</span></td>
+<td id="b7" class=""><span class="piece pawn black not-check">&#9823;</span></td>
+<td id="c7" class=""><span class="piece pawn black not-check">&#9823;</span></td>
+<td id="d7" class=""><span class="piece pawn black not-check">&#9823;</span></td>
+<td id="e7" class=""></td>
+<td id="f7" class="lastmove"><span class="piece queen white not-check">&#9813;</span></td>
+<td id="g7" class=""><span class="piece pawn black not-check">&#9823;</span></td>
+<td id="h7" class=""><span class="piece pawn black not-check">&#9823;</span></td>
+<th>7</th>
+</tr>
+<tr>
+<th>6</th>
+<td id="a6" class=""></td>
+<td id="b6" class=""></td>
+<td id="c6" class=""><span class="piece knight black not-check">&#9822;</span></td>
+<td id="d6" class=""></td>
+<td id="e6" class=""></td>
+<td id="f6" class=""><span class="piece knight black not-check">&#9822;</span></td>
+<td id="g6" class=""></td>
+<td id="h6" class=""></td>
+<th>6</th>
+</tr>
+<tr>
+<th>5</th>
+<td id="a5" class=""></td>
+<td id="b5" class=""></td>
+<td id="c5" class=""></td>
+<td id="d5" class=""></td>
+<td id="e5" class=""><span class="piece pawn black not-check">&#9823;</span></td>
+<td id="f5" class=""></td>
+<td id="g5" class=""></td>
+<td id="h5" class="lastmove"></td>
+<th>5</th>
+</tr>
+<tr>
+<th>4</th>
+<td id="a4" class=""></td>
+<td id="b4" class=""></td>
+<td id="c4" class=""><span class="piece bishop white not-check">&#9815;</span></td>
+<td id="d4" class=""></td>
+<td id="e4" class=""><span class="piece pawn white not-check">&#9817;</span></td>
+<td id="f4" class=""></td>
+<td id="g4" class=""></td>
+<td id="h4" class=""></td>
+<th>4</th>
+</tr>
+<tr>
+<th>3</th>
+<td id="a3" class=""></td>
+<td id="b3" class=""></td>
+<td id="c3" class=""></td>
+<td id="d3" class=""></td>
+<td id="e3" class=""></td>
+<td id="f3" class=""></td>
+<td id="g3" class=""></td>
+<td id="h3" class=""></td>
+<th>3</th>
+</tr>
+<tr>
+<th>2</th>
+<td id="a2" class=""><span class="piece pawn white not-check">&#9817;</span></td>
+<td id="b2" class=""><span class="piece pawn white not-check">&#9817;</span></td>
+<td id="c2" class=""><span class="piece pawn white not-check">&#9817;</span></td>
+<td id="d2" class=""><span class="piece pawn white not-check">&#9817;</span></td>
+<td id="e2" class=""></td>
+<td id="f2" class=""><span class="piece pawn white not-check">&#9817;</span></td>
+<td id="g2" class=""><span class="piece pawn white not-check">&#9817;</span></td>
+<td id="h2" class=""><span class="piece pawn white not-check">&#9817;</span></td>
+<th>2</th>
+</tr>
+<tr>
+<th>1</th>
+<td id="a1" class=""><span class="piece rook white not-check">&#9814;</span></td>
+<td id="b1" class=""><span class="piece knight white not-check">&#9816;</span></td>
+<td id="c1" class=""><span class="piece bishop white not-check">&#9815;</span></td>
+<td id="d1" class=""></td>
+<td id="e1" class=""><span class="piece king white not-check">&#9812;</span></td>
+<td id="f1" class=""></td>
+<td id="g1" class=""><span class="piece knight white not-check">&#9816;</span></td>
+<td id="h1" class=""><span class="piece rook white not-check">&#9814;</span></td>
+<th>1</th>
+</tr>
+</tbody>
+<tfoot>
+<tr>
+<th></th>
+<th>a</th>
+<th>b</th>
+<th>c</th>
+<th>d</th>
+<th>e</th>
+<th>f</th>
+<th>g</th>
+<th>h</th>
+<th></th>
+</tr>
+</tfoot>
+</table>
+</section>
+    <section><h1>SVG Output</h1><svg height="800" version="1.1" viewBox="0 0 400 400" width="800" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><g class="white pawn" id="white-pawn"><path d="M22 9c-2.21 0-4 1.79-4 4 0 .89.29 1.71.78 2.38-1.95 1.12-3.28 3.21-3.28 5.62 0 2.03.94 3.84 2.41 5.03-3 1.06-7.41 5.55-7.41 13.47h23c0-7.92-4.41-12.41-7.41-13.47 1.47-1.19 2.41-3 2.41-5.03 0-2.41-1.33-4.5-3.28-5.62.49-.67.78-1.49.78-2.38 0-2.21-1.79-4-4-4z" fill="#fff" stroke="#000" stroke-linecap="round" stroke-width="1.5" /></g><g class="white knight" fill="none" fill-rule="evenodd" id="white-knight" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M 22,10 C 32.5,11 38.5,18 38,39 L 15,39 C 15,30 25,32.5 23,18" style="fill:#ffffff; stroke:#000000;" /><path d="M 24,18 C 24.38,20.91 18.45,25.37 16,27 C 13,29 13.18,31.34 11,31 C 9.958,30.06 12.41,27.96 11,28 C 10,28 11.19,29.23 10,30 C 9,30 5.997,31 6,26 C 6,24 12,14 12,14 C 12,14 13.89,12.1 14,10.5 C 13.27,9.506 13.5,8.5 13.5,7.5 C 14.5,6.5 16.5,10 16.5,10 L 18.5,10 C 18.5,10 19.28,8.008 21,7 C 22,7 22,10 22,10" style="fill:#ffffff; stroke:#000000;" /><path d="M 9.5 25.5 A 0.5 0.5 0 1 1 8.5,25.5 A 0.5 0.5 0 1 1 9.5 25.5 z" style="fill:#000000; stroke:#000000;" /><path d="M 15 15.5 A 0.5 1.5 0 1 1 14,15.5 A 0.5 1.5 0 1 1 15 15.5 z" style="fill:#000000; stroke:#000000;" transform="matrix(0.866,0.5,-0.5,0.866,9.693,-5.173)" /></g><g class="white bishop" fill="none" fill-rule="evenodd" id="white-bishop" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><g fill="#fff" stroke-linecap="butt"><path d="M9 36c3.39-.97 10.11.43 13.5-2 3.39 2.43 10.11 1.03 13.5 2 0 0 1.65.54 3 2-.68.97-1.65.99-3 .5-3.39-.97-10.11.46-13.5-1-3.39 1.46-10.11.03-13.5 1-1.354.49-2.323.47-3-.5 1.354-1.94 3-2 3-2zM15 32c2.5 2.5 12.5 2.5 15 0 .5-1.5 0-2 0-2 0-2.5-2.5-4-2.5-4 5.5-1.5 6-11.5-5-15.5-11 4-10.5 14-5 15.5 0 0-2.5 1.5-2.5 4 0 0-.5.5 0 2zM25 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 1 1 5 0z" /></g><path d="M17.5 26h10M15 30h15m-7.5-14.5v5M20 18h5" stroke-linejoin="miter" /></g><g class="white rook" fill="#fff" fill-rule="evenodd" id="white-rook" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M9 39h27v-3H9v3zM12 36v-4h21v4H12zM11 14V9h4v2h5V9h5v2h5V9h4v5" stroke-linecap="butt" /><path d="M34 14l-3 3H14l-3-3" /><path d="M31 17v12.5H14V17" stroke-linecap="butt" stroke-linejoin="miter" /><path d="M31 29.5l1.5 2.5h-20l1.5-2.5" /><path d="M11 14h23" fill="none" stroke-linejoin="miter" /></g><g class="white queen" fill="#fff" fill-rule="evenodd" id="white-queen" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M8 12a2 2 0 1 1-4 0 2 2 0 1 1 4 0zM24.5 7.5a2 2 0 1 1-4 0 2 2 0 1 1 4 0zM41 12a2 2 0 1 1-4 0 2 2 0 1 1 4 0zM16 8.5a2 2 0 1 1-4 0 2 2 0 1 1 4 0zM33 9a2 2 0 1 1-4 0 2 2 0 1 1 4 0z" /><path d="M9 26c8.5-1.5 21-1.5 27 0l2-12-7 11V11l-5.5 13.5-3-15-3 15-5.5-14V25L7 14l2 12zM9 26c0 2 1.5 2 2.5 4 1 1.5 1 1 .5 3.5-1.5 1-1.5 2.5-1.5 2.5-1.5 1.5.5 2.5.5 2.5 6.5 1 16.5 1 23 0 0 0 1.5-1 0-2.5 0 0 .5-1.5-1-2.5-.5-2.5-.5-2 .5-3.5 1-2 2.5-2 2.5-4-8.5-1.5-18.5-1.5-27 0z" stroke-linecap="butt" /><path d="M11.5 30c3.5-1 18.5-1 22 0M12 33.5c6-1 15-1 21 0" fill="none" /></g><g class="white king" fill="none" fill-rule="evenodd" id="white-king" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M22.5 11.63V6M20 8h5" stroke-linejoin="miter" /><path d="M22.5 25s4.5-7.5 3-10.5c0 0-1-2.5-3-2.5s-3 2.5-3 2.5c-1.5 3 3 10.5 3 10.5" fill="#fff" stroke-linecap="butt" stroke-linejoin="miter" /><path d="M11.5 37c5.5 3.5 15.5 3.5 21 0v-7s9-4.5 6-10.5c-4-6.5-13.5-3.5-16 4V27v-3.5c-3.5-7.5-13-10.5-16-4-3 6 5 10 5 10V37z" fill="#fff" /><path d="M11.5 30c5.5-3 15.5-3 21 0m-21 3.5c5.5-3 15.5-3 21 0m-21 3.5c5.5-3 15.5-3 21 0" /></g><g class="black pawn" id="black-pawn"><path d="M22 9c-2.21 0-4 1.79-4 4 0 .89.29 1.71.78 2.38-1.95 1.12-3.28 3.21-3.28 5.62 0 2.03.94 3.84 2.41 5.03-3 1.06-7.41 5.55-7.41 13.47h23c0-7.92-4.41-12.41-7.41-13.47 1.47-1.19 2.41-3 2.41-5.03 0-2.41-1.33-4.5-3.28-5.62.49-.67.78-1.49.78-2.38 0-2.21-1.79-4-4-4z" stroke="#000" stroke-linecap="round" stroke-width="1.5" /></g><g class="black knight" fill="none" fill-rule="evenodd" id="black-knight" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M 22,10 C 32.5,11 38.5,18 38,39 L 15,39 C 15,30 25,32.5 23,18" style="fill:#000000; stroke:#000000;" /><path d="M 24,18 C 24.38,20.91 18.45,25.37 16,27 C 13,29 13.18,31.34 11,31 C 9.958,30.06 12.41,27.96 11,28 C 10,28 11.19,29.23 10,30 C 9,30 5.997,31 6,26 C 6,24 12,14 12,14 C 12,14 13.89,12.1 14,10.5 C 13.27,9.506 13.5,8.5 13.5,7.5 C 14.5,6.5 16.5,10 16.5,10 L 18.5,10 C 18.5,10 19.28,8.008 21,7 C 22,7 22,10 22,10" style="fill:#000000; stroke:#000000;" /><path d="M 9.5 25.5 A 0.5 0.5 0 1 1 8.5,25.5 A 0.5 0.5 0 1 1 9.5 25.5 z" style="fill:#ececec; stroke:#ececec;" /><path d="M 15 15.5 A 0.5 1.5 0 1 1 14,15.5 A 0.5 1.5 0 1 1 15 15.5 z" style="fill:#ececec; stroke:#ececec;" transform="matrix(0.866,0.5,-0.5,0.866,9.693,-5.173)" /><path d="M 24.55,10.4 L 24.1,11.85 L 24.6,12 C 27.75,13 30.25,14.49 32.5,18.75 C 34.75,23.01 35.75,29.06 35.25,39 L 35.2,39.5 L 37.45,39.5 L 37.5,39 C 38,28.94 36.62,22.15 34.25,17.66 C 31.88,13.17 28.46,11.02 25.06,10.5 L 24.55,10.4 z " style="fill:#ececec; stroke:none;" /></g><g class="black bishop" fill="none" fill-rule="evenodd" id="black-bishop" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M9 36c3.39-.97 10.11.43 13.5-2 3.39 2.43 10.11 1.03 13.5 2 0 0 1.65.54 3 2-.68.97-1.65.99-3 .5-3.39-.97-10.11.46-13.5-1-3.39 1.46-10.11.03-13.5 1-1.354.49-2.323.47-3-.5 1.354-1.94 3-2 3-2zm6-4c2.5 2.5 12.5 2.5 15 0 .5-1.5 0-2 0-2 0-2.5-2.5-4-2.5-4 5.5-1.5 6-11.5-5-15.5-11 4-10.5 14-5 15.5 0 0-2.5 1.5-2.5 4 0 0-.5.5 0 2zM25 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 1 1 5 0z" fill="#000" stroke-linecap="butt" /><path d="M17.5 26h10M15 30h15m-7.5-14.5v5M20 18h5" stroke="#fff" stroke-linejoin="miter" /></g><g class="black rook" fill="#000" fill-rule="evenodd" id="black-rook" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M9 39h27v-3H9v3zM12.5 32l1.5-2.5h17l1.5 2.5h-20zM12 36v-4h21v4H12z" stroke-linecap="butt" /><path d="M14 29.5v-13h17v13H14z" stroke-linecap="butt" stroke-linejoin="miter" /><path d="M14 16.5L11 14h23l-3 2.5H14zM11 14V9h4v2h5V9h5v2h5V9h4v5H11z" stroke-linecap="butt" /><path d="M12 35.5h21M13 31.5h19M14 29.5h17M14 16.5h17M11 14h23" fill="none" stroke="#fff" stroke-linejoin="miter" stroke-width="1" /></g><g class="black queen" fill="#000" fill-rule="evenodd" id="black-queen" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><g fill="#000" stroke="none"><circle cx="6" cy="12" r="2.75" /><circle cx="14" cy="9" r="2.75" /><circle cx="22.5" cy="8" r="2.75" /><circle cx="31" cy="9" r="2.75" /><circle cx="39" cy="12" r="2.75" /></g><path d="M9 26c8.5-1.5 21-1.5 27 0l2.5-12.5L31 25l-.3-14.1-5.2 13.6-3-14.5-3 14.5-5.2-13.6L14 25 6.5 13.5 9 26zM9 26c0 2 1.5 2 2.5 4 1 1.5 1 1 .5 3.5-1.5 1-1.5 2.5-1.5 2.5-1.5 1.5.5 2.5.5 2.5 6.5 1 16.5 1 23 0 0 0 1.5-1 0-2.5 0 0 .5-1.5-1-2.5-.5-2.5-.5-2 .5-3.5 1-2 2.5-2 2.5-4-8.5-1.5-18.5-1.5-27 0z" stroke-linecap="butt" /><path d="M11 38.5a35 35 1 0 0 23 0" fill="none" stroke-linecap="butt" /><path d="M11 29a35 35 1 0 1 23 0M12.5 31.5h20M11.5 34.5a35 35 1 0 0 22 0M10.5 37.5a35 35 1 0 0 24 0" fill="none" stroke="#fff" /></g><g class="black king" fill="none" fill-rule="evenodd" id="black-king" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M22.5 11.63V6" stroke-linejoin="miter" /><path d="M22.5 25s4.5-7.5 3-10.5c0 0-1-2.5-3-2.5s-3 2.5-3 2.5c-1.5 3 3 10.5 3 10.5" fill="#000" stroke-linecap="butt" stroke-linejoin="miter" /><path d="M11.5 37c5.5 3.5 15.5 3.5 21 0v-7s9-4.5 6-10.5c-4-6.5-13.5-3.5-16 4V27v-3.5c-3.5-7.5-13-10.5-16-4-3 6 5 10 5 10V37z" fill="#000" /><path d="M20 8h5" stroke-linejoin="miter" /><path d="M32 29.5s8.5-4 6.03-9.65C34.15 14 25 18 22.5 24.5l.01 2.1-.01-2.1C20 18 9.906 14 6.997 19.85c-2.497 5.65 4.853 9 4.853 9M11.5 30c5.5-3 15.5-3 21 0m-21 3.5c5.5-3 15.5-3 21 0m-21 3.5c5.5-3 15.5-3 21 0" stroke="#fff" /></g><radialGradient id="check_gradient"><stop offset="0%" stop-color="#ff0000" stop-opacity="1.0" /><stop offset="50%" stop-color="#e70000" stop-opacity="1.0" /><stop offset="100%" stop-color="#9e0000" stop-opacity="0.0" /></radialGradient></defs><rect class="square dark a1" fill="#d18b47" height="45" stroke="none" width="45" x="20" y="335" /><use transform="translate(20, 335)" xlink:href="#white-rook" /><rect class="square light b1" fill="#ffce9e" height="45" stroke="none" width="45" x="65" y="335" /><use transform="translate(65, 335)" xlink:href="#white-knight" /><rect class="square dark c1" fill="#d18b47" height="45" stroke="none" width="45" x="110" y="335" /><use transform="translate(110, 335)" xlink:href="#white-bishop" /><rect class="square light d1" fill="#ffce9e" height="45" stroke="none" width="45" x="155" y="335" /><rect class="square dark e1" fill="#d18b47" height="45" stroke="none" width="45" x="200" y="335" /><use transform="translate(200, 335)" xlink:href="#white-king" /><rect class="square light f1" fill="#ffce9e" height="45" stroke="none" width="45" x="245" y="335" /><rect class="square dark g1" fill="#d18b47" height="45" stroke="none" width="45" x="290" y="335" /><use transform="translate(290, 335)" xlink:href="#white-knight" /><rect class="square light h1" fill="#ffce9e" height="45" stroke="none" width="45" x="335" y="335" /><use transform="translate(335, 335)" xlink:href="#white-rook" /><rect class="square light a2" fill="#ffce9e" height="45" stroke="none" width="45" x="20" y="290" /><use transform="translate(20, 290)" xlink:href="#white-pawn" /><rect class="square dark b2" fill="#d18b47" height="45" stroke="none" width="45" x="65" y="290" /><use transform="translate(65, 290)" xlink:href="#white-pawn" /><rect class="square light c2" fill="#ffce9e" height="45" stroke="none" width="45" x="110" y="290" /><use transform="translate(110, 290)" xlink:href="#white-pawn" /><rect class="square dark d2" fill="#d18b47" height="45" stroke="none" width="45" x="155" y="290" /><use transform="translate(155, 290)" xlink:href="#white-pawn" /><rect class="square light e2" fill="#ffce9e" height="45" stroke="none" width="45" x="200" y="290" /><rect class="square dark f2" fill="#d18b47" height="45" stroke="none" width="45" x="245" y="290" /><use transform="translate(245, 290)" xlink:href="#white-pawn" /><rect class="square light g2" fill="#ffce9e" height="45" stroke="none" width="45" x="290" y="290" /><use transform="translate(290, 290)" xlink:href="#white-pawn" /><rect class="square dark h2" fill="#d18b47" height="45" stroke="none" width="45" x="335" y="290" /><use transform="translate(335, 290)" xlink:href="#white-pawn" /><rect class="square dark a3" fill="#d18b47" height="45" stroke="none" width="45" x="20" y="245" /><rect class="square light b3" fill="#ffce9e" height="45" stroke="none" width="45" x="65" y="245" /><rect class="square dark c3" fill="#d18b47" height="45" stroke="none" width="45" x="110" y="245" /><rect class="square light d3" fill="#ffce9e" height="45" stroke="none" width="45" x="155" y="245" /><rect class="square dark e3" fill="#d18b47" height="45" stroke="none" width="45" x="200" y="245" /><rect class="square light f3" fill="#ffce9e" height="45" stroke="none" width="45" x="245" y="245" /><rect class="square dark g3" fill="#d18b47" height="45" stroke="none" width="45" x="290" y="245" /><rect class="square light h3" fill="#ffce9e" height="45" stroke="none" width="45" x="335" y="245" /><rect class="square light a4" fill="#ffce9e" height="45" stroke="none" width="45" x="20" y="200" /><rect class="square dark b4" fill="#d18b47" height="45" stroke="none" width="45" x="65" y="200" /><rect class="square light c4" fill="#ffce9e" height="45" stroke="none" width="45" x="110" y="200" /><use transform="translate(110, 200)" xlink:href="#white-bishop" /><rect class="square dark d4" fill="#d18b47" height="45" stroke="none" width="45" x="155" y="200" /><rect class="square light e4" fill="#ffce9e" height="45" stroke="none" width="45" x="200" y="200" /><use transform="translate(200, 200)" xlink:href="#white-pawn" /><rect class="square dark f4" fill="#d18b47" height="45" stroke="none" width="45" x="245" y="200" /><rect class="square light g4" fill="#ffce9e" height="45" stroke="none" width="45" x="290" y="200" /><rect class="square dark h4" fill="#d18b47" height="45" stroke="none" width="45" x="335" y="200" /><rect class="square dark a5" fill="#d18b47" height="45" stroke="none" width="45" x="20" y="155" /><rect class="square light b5" fill="#ffce9e" height="45" stroke="none" width="45" x="65" y="155" /><rect class="square dark c5" fill="#d18b47" height="45" stroke="none" width="45" x="110" y="155" /><rect class="square light d5" fill="#ffce9e" height="45" stroke="none" width="45" x="155" y="155" /><rect class="square dark e5" fill="#d18b47" height="45" stroke="none" width="45" x="200" y="155" /><use transform="translate(200, 155)" xlink:href="#black-pawn" /><rect class="square light f5" fill="#ffce9e" height="45" stroke="none" width="45" x="245" y="155" /><rect class="square dark g5" fill="#d18b47" height="45" stroke="none" width="45" x="290" y="155" /><rect class="square light lastmove h5" fill="#cdd16a" height="45" stroke="none" width="45" x="335" y="155" /><rect class="square light a6" fill="#ffce9e" height="45" stroke="none" width="45" x="20" y="110" /><rect class="square dark b6" fill="#d18b47" height="45" stroke="none" width="45" x="65" y="110" /><rect class="square light c6" fill="#ffce9e" height="45" stroke="none" width="45" x="110" y="110" /><use transform="translate(110, 110)" xlink:href="#black-knight" /><rect class="square dark d6" fill="#d18b47" height="45" stroke="none" width="45" x="155" y="110" /><rect class="square light e6" fill="#ffce9e" height="45" stroke="none" width="45" x="200" y="110" /><rect class="square dark f6" fill="#d18b47" height="45" stroke="none" width="45" x="245" y="110" /><use transform="translate(245, 110)" xlink:href="#black-knight" /><rect class="square light g6" fill="#ffce9e" height="45" stroke="none" width="45" x="290" y="110" /><rect class="square dark h6" fill="#d18b47" height="45" stroke="none" width="45" x="335" y="110" /><rect class="square dark a7" fill="#d18b47" height="45" stroke="none" width="45" x="20" y="65" /><use transform="translate(20, 65)" xlink:href="#black-pawn" /><rect class="square light b7" fill="#ffce9e" height="45" stroke="none" width="45" x="65" y="65" /><use transform="translate(65, 65)" xlink:href="#black-pawn" /><rect class="square dark c7" fill="#d18b47" height="45" stroke="none" width="45" x="110" y="65" /><use transform="translate(110, 65)" xlink:href="#black-pawn" /><rect class="square light d7" fill="#ffce9e" height="45" stroke="none" width="45" x="155" y="65" /><use transform="translate(155, 65)" xlink:href="#black-pawn" /><rect class="square dark e7" fill="#d18b47" height="45" stroke="none" width="45" x="200" y="65" /><rect class="square light lastmove f7" fill="#cdd16a" height="45" stroke="none" width="45" x="245" y="65" /><use transform="translate(245, 65)" xlink:href="#white-queen" /><rect class="square dark g7" fill="#d18b47" height="45" stroke="none" width="45" x="290" y="65" /><use transform="translate(290, 65)" xlink:href="#black-pawn" /><rect class="square light h7" fill="#ffce9e" height="45" stroke="none" width="45" x="335" y="65" /><use transform="translate(335, 65)" xlink:href="#black-pawn" /><rect class="square light a8" fill="#ffce9e" height="45" stroke="none" width="45" x="20" y="20" /><use transform="translate(20, 20)" xlink:href="#black-rook" /><rect class="square dark b8" fill="#d18b47" height="45" stroke="none" width="45" x="65" y="20" /><rect class="square light c8" fill="#ffce9e" height="45" stroke="none" width="45" x="110" y="20" /><use transform="translate(110, 20)" xlink:href="#black-bishop" /><rect class="square dark d8" fill="#d18b47" height="45" stroke="none" width="45" x="155" y="20" /><use transform="translate(155, 20)" xlink:href="#black-queen" /><rect class="square light e8" fill="#ffce9e" height="45" stroke="none" width="45" x="200" y="20" /><rect class="check" fill="url(#check_gradient)" height="45" width="45" x="200" y="20" /><use transform="translate(200, 20)" xlink:href="#black-king" /><rect class="square dark f8" fill="#d18b47" height="45" stroke="none" width="45" x="245" y="20" /><use transform="translate(245, 20)" xlink:href="#black-bishop" /><rect class="square light g8" fill="#ffce9e" height="45" stroke="none" width="45" x="290" y="20" /><rect class="square dark h8" fill="#d18b47" height="45" stroke="none" width="45" x="335" y="20" /><use transform="translate(335, 20)" xlink:href="#black-rook" /><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="42" y="10">a</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="42" y="390">a</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="87" y="10">b</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="87" y="390">b</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="132" y="10">c</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="132" y="390">c</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="177" y="10">d</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="177" y="390">d</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="222" y="10">e</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="222" y="390">e</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="267" y="10">f</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="267" y="390">f</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="312" y="10">g</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="312" y="390">g</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="357" y="10">h</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="357" y="390">h</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="10" y="357">1</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="390" y="357">1</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="10" y="312">2</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="390" y="312">2</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="10" y="267">3</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="390" y="267">3</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="10" y="222">4</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="390" y="222">4</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="10" y="177">5</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="390" y="177">5</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="10" y="132">6</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="390" y="132">6</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="10" y="87">7</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="390" y="87">7</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="10" y="42">8</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="390" y="42">8</text></svg></section><footer>Generated by
+    <code>python-chess/examples/html_output.py</code></footer>
+    
\ No newline at end of file
diff --git a/examples/html_output.py b/examples/html_output.py
new file mode 100644
index 000000000..a8378d7f6
--- /dev/null
+++ b/examples/html_output.py
@@ -0,0 +1,33 @@
+# -*- coding: utf-8 -*-
+
+"""Renders scholar's mate in the file `scholars_mate.html`."""
+
+import chess
+import chess.html
+import chess.svg
+
+def main():
+    board = chess.Board()
+    chess.Move.from_uci("a8a1") in board.legal_moves
+    board.push_san("e4")
+    board.push_san("e5")
+    board.push_san("Qh5")
+    board.push_san("Nc6")
+    board.push_san("Bc4")
+    board.push_san("Nf6")
+    board.push_san("Qxf7")
+    table = chess.html.board(board, lastmove=board.peek(),
+                             check=board.pieces(chess.KING,chess.BLACK).pop())
+    svg = chess.svg.board(board, lastmove=board.peek(), size=800,
+                          check=board.pieces(chess.KING,chess.BLACK).pop())
+    html = """<!doctype html><html><head><title>python-chess output</title>
+    <style>h1{{text-align:center;}}section,footer{{width:850px;margin:auto}}
+    {0}</style></head><body><section><h1>HTML Table Output</h1>{1}</section>
+    <section><h1>SVG Output</h1>{2}</section><footer>Generated by
+    <code>python-chess/examples/html_output.py</code></footer>
+    """.format(chess.html.DEFAULT_STYLE, table, svg)
+    with open('scholars_mate.html', 'w') as f:
+        f.write(html)
+
+if __name__ == '__main__':
+    main()

From 4029dae641094ecb3dcbfd4b83a6f5bd2a949113 Mon Sep 17 00:00:00 2001
From: John <37978984+johnridesabike@users.noreply.github.com>
Date: Mon, 23 Jul 2018 10:33:00 -0400
Subject: [PATCH 7/7] Lowercase'd table headings for consistency.

---
 chess/html.py           | 1 -
 docs/scholars_mate.html | 2 --
 2 files changed, 3 deletions(-)

diff --git a/chess/html.py b/chess/html.py
index 7eed25e3e..c3d99f551 100644
--- a/chess/html.py
+++ b/chess/html.py
@@ -68,7 +68,6 @@
     vertical-align:middle;
     font-weight: normal;
     font-size:.5em;
-    text-transform: uppercase;
 }
 .chess_board .check {
     background: -moz-radial-gradient(center, ellipse cover, rgba(255,0,0,1) 0%, rgba(231,0,0,0.5) 50%, rgba(158,0,0,0) 100%);
diff --git a/docs/scholars_mate.html b/docs/scholars_mate.html
index 17aa58aef..4c8d116c1 100644
--- a/docs/scholars_mate.html
+++ b/docs/scholars_mate.html
@@ -42,7 +42,6 @@
     vertical-align:middle;
     font-weight: normal;
     font-size:.5em;
-    text-transform: uppercase;
 }
 .chess_board .check {
     background: -moz-radial-gradient(center, ellipse cover, rgba(255,0,0,1) 0%, rgba(231,0,0,0.5) 50%, rgba(158,0,0,0) 100%);
@@ -193,4 +192,3 @@
 </section>
     <section><h1>SVG Output</h1><svg height="800" version="1.1" viewBox="0 0 400 400" width="800" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><g class="white pawn" id="white-pawn"><path d="M22 9c-2.21 0-4 1.79-4 4 0 .89.29 1.71.78 2.38-1.95 1.12-3.28 3.21-3.28 5.62 0 2.03.94 3.84 2.41 5.03-3 1.06-7.41 5.55-7.41 13.47h23c0-7.92-4.41-12.41-7.41-13.47 1.47-1.19 2.41-3 2.41-5.03 0-2.41-1.33-4.5-3.28-5.62.49-.67.78-1.49.78-2.38 0-2.21-1.79-4-4-4z" fill="#fff" stroke="#000" stroke-linecap="round" stroke-width="1.5" /></g><g class="white knight" fill="none" fill-rule="evenodd" id="white-knight" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M 22,10 C 32.5,11 38.5,18 38,39 L 15,39 C 15,30 25,32.5 23,18" style="fill:#ffffff; stroke:#000000;" /><path d="M 24,18 C 24.38,20.91 18.45,25.37 16,27 C 13,29 13.18,31.34 11,31 C 9.958,30.06 12.41,27.96 11,28 C 10,28 11.19,29.23 10,30 C 9,30 5.997,31 6,26 C 6,24 12,14 12,14 C 12,14 13.89,12.1 14,10.5 C 13.27,9.506 13.5,8.5 13.5,7.5 C 14.5,6.5 16.5,10 16.5,10 L 18.5,10 C 18.5,10 19.28,8.008 21,7 C 22,7 22,10 22,10" style="fill:#ffffff; stroke:#000000;" /><path d="M 9.5 25.5 A 0.5 0.5 0 1 1 8.5,25.5 A 0.5 0.5 0 1 1 9.5 25.5 z" style="fill:#000000; stroke:#000000;" /><path d="M 15 15.5 A 0.5 1.5 0 1 1 14,15.5 A 0.5 1.5 0 1 1 15 15.5 z" style="fill:#000000; stroke:#000000;" transform="matrix(0.866,0.5,-0.5,0.866,9.693,-5.173)" /></g><g class="white bishop" fill="none" fill-rule="evenodd" id="white-bishop" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><g fill="#fff" stroke-linecap="butt"><path d="M9 36c3.39-.97 10.11.43 13.5-2 3.39 2.43 10.11 1.03 13.5 2 0 0 1.65.54 3 2-.68.97-1.65.99-3 .5-3.39-.97-10.11.46-13.5-1-3.39 1.46-10.11.03-13.5 1-1.354.49-2.323.47-3-.5 1.354-1.94 3-2 3-2zM15 32c2.5 2.5 12.5 2.5 15 0 .5-1.5 0-2 0-2 0-2.5-2.5-4-2.5-4 5.5-1.5 6-11.5-5-15.5-11 4-10.5 14-5 15.5 0 0-2.5 1.5-2.5 4 0 0-.5.5 0 2zM25 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 1 1 5 0z" /></g><path d="M17.5 26h10M15 30h15m-7.5-14.5v5M20 18h5" stroke-linejoin="miter" /></g><g class="white rook" fill="#fff" fill-rule="evenodd" id="white-rook" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M9 39h27v-3H9v3zM12 36v-4h21v4H12zM11 14V9h4v2h5V9h5v2h5V9h4v5" stroke-linecap="butt" /><path d="M34 14l-3 3H14l-3-3" /><path d="M31 17v12.5H14V17" stroke-linecap="butt" stroke-linejoin="miter" /><path d="M31 29.5l1.5 2.5h-20l1.5-2.5" /><path d="M11 14h23" fill="none" stroke-linejoin="miter" /></g><g class="white queen" fill="#fff" fill-rule="evenodd" id="white-queen" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M8 12a2 2 0 1 1-4 0 2 2 0 1 1 4 0zM24.5 7.5a2 2 0 1 1-4 0 2 2 0 1 1 4 0zM41 12a2 2 0 1 1-4 0 2 2 0 1 1 4 0zM16 8.5a2 2 0 1 1-4 0 2 2 0 1 1 4 0zM33 9a2 2 0 1 1-4 0 2 2 0 1 1 4 0z" /><path d="M9 26c8.5-1.5 21-1.5 27 0l2-12-7 11V11l-5.5 13.5-3-15-3 15-5.5-14V25L7 14l2 12zM9 26c0 2 1.5 2 2.5 4 1 1.5 1 1 .5 3.5-1.5 1-1.5 2.5-1.5 2.5-1.5 1.5.5 2.5.5 2.5 6.5 1 16.5 1 23 0 0 0 1.5-1 0-2.5 0 0 .5-1.5-1-2.5-.5-2.5-.5-2 .5-3.5 1-2 2.5-2 2.5-4-8.5-1.5-18.5-1.5-27 0z" stroke-linecap="butt" /><path d="M11.5 30c3.5-1 18.5-1 22 0M12 33.5c6-1 15-1 21 0" fill="none" /></g><g class="white king" fill="none" fill-rule="evenodd" id="white-king" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M22.5 11.63V6M20 8h5" stroke-linejoin="miter" /><path d="M22.5 25s4.5-7.5 3-10.5c0 0-1-2.5-3-2.5s-3 2.5-3 2.5c-1.5 3 3 10.5 3 10.5" fill="#fff" stroke-linecap="butt" stroke-linejoin="miter" /><path d="M11.5 37c5.5 3.5 15.5 3.5 21 0v-7s9-4.5 6-10.5c-4-6.5-13.5-3.5-16 4V27v-3.5c-3.5-7.5-13-10.5-16-4-3 6 5 10 5 10V37z" fill="#fff" /><path d="M11.5 30c5.5-3 15.5-3 21 0m-21 3.5c5.5-3 15.5-3 21 0m-21 3.5c5.5-3 15.5-3 21 0" /></g><g class="black pawn" id="black-pawn"><path d="M22 9c-2.21 0-4 1.79-4 4 0 .89.29 1.71.78 2.38-1.95 1.12-3.28 3.21-3.28 5.62 0 2.03.94 3.84 2.41 5.03-3 1.06-7.41 5.55-7.41 13.47h23c0-7.92-4.41-12.41-7.41-13.47 1.47-1.19 2.41-3 2.41-5.03 0-2.41-1.33-4.5-3.28-5.62.49-.67.78-1.49.78-2.38 0-2.21-1.79-4-4-4z" stroke="#000" stroke-linecap="round" stroke-width="1.5" /></g><g class="black knight" fill="none" fill-rule="evenodd" id="black-knight" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M 22,10 C 32.5,11 38.5,18 38,39 L 15,39 C 15,30 25,32.5 23,18" style="fill:#000000; stroke:#000000;" /><path d="M 24,18 C 24.38,20.91 18.45,25.37 16,27 C 13,29 13.18,31.34 11,31 C 9.958,30.06 12.41,27.96 11,28 C 10,28 11.19,29.23 10,30 C 9,30 5.997,31 6,26 C 6,24 12,14 12,14 C 12,14 13.89,12.1 14,10.5 C 13.27,9.506 13.5,8.5 13.5,7.5 C 14.5,6.5 16.5,10 16.5,10 L 18.5,10 C 18.5,10 19.28,8.008 21,7 C 22,7 22,10 22,10" style="fill:#000000; stroke:#000000;" /><path d="M 9.5 25.5 A 0.5 0.5 0 1 1 8.5,25.5 A 0.5 0.5 0 1 1 9.5 25.5 z" style="fill:#ececec; stroke:#ececec;" /><path d="M 15 15.5 A 0.5 1.5 0 1 1 14,15.5 A 0.5 1.5 0 1 1 15 15.5 z" style="fill:#ececec; stroke:#ececec;" transform="matrix(0.866,0.5,-0.5,0.866,9.693,-5.173)" /><path d="M 24.55,10.4 L 24.1,11.85 L 24.6,12 C 27.75,13 30.25,14.49 32.5,18.75 C 34.75,23.01 35.75,29.06 35.25,39 L 35.2,39.5 L 37.45,39.5 L 37.5,39 C 38,28.94 36.62,22.15 34.25,17.66 C 31.88,13.17 28.46,11.02 25.06,10.5 L 24.55,10.4 z " style="fill:#ececec; stroke:none;" /></g><g class="black bishop" fill="none" fill-rule="evenodd" id="black-bishop" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M9 36c3.39-.97 10.11.43 13.5-2 3.39 2.43 10.11 1.03 13.5 2 0 0 1.65.54 3 2-.68.97-1.65.99-3 .5-3.39-.97-10.11.46-13.5-1-3.39 1.46-10.11.03-13.5 1-1.354.49-2.323.47-3-.5 1.354-1.94 3-2 3-2zm6-4c2.5 2.5 12.5 2.5 15 0 .5-1.5 0-2 0-2 0-2.5-2.5-4-2.5-4 5.5-1.5 6-11.5-5-15.5-11 4-10.5 14-5 15.5 0 0-2.5 1.5-2.5 4 0 0-.5.5 0 2zM25 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 1 1 5 0z" fill="#000" stroke-linecap="butt" /><path d="M17.5 26h10M15 30h15m-7.5-14.5v5M20 18h5" stroke="#fff" stroke-linejoin="miter" /></g><g class="black rook" fill="#000" fill-rule="evenodd" id="black-rook" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M9 39h27v-3H9v3zM12.5 32l1.5-2.5h17l1.5 2.5h-20zM12 36v-4h21v4H12z" stroke-linecap="butt" /><path d="M14 29.5v-13h17v13H14z" stroke-linecap="butt" stroke-linejoin="miter" /><path d="M14 16.5L11 14h23l-3 2.5H14zM11 14V9h4v2h5V9h5v2h5V9h4v5H11z" stroke-linecap="butt" /><path d="M12 35.5h21M13 31.5h19M14 29.5h17M14 16.5h17M11 14h23" fill="none" stroke="#fff" stroke-linejoin="miter" stroke-width="1" /></g><g class="black queen" fill="#000" fill-rule="evenodd" id="black-queen" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><g fill="#000" stroke="none"><circle cx="6" cy="12" r="2.75" /><circle cx="14" cy="9" r="2.75" /><circle cx="22.5" cy="8" r="2.75" /><circle cx="31" cy="9" r="2.75" /><circle cx="39" cy="12" r="2.75" /></g><path d="M9 26c8.5-1.5 21-1.5 27 0l2.5-12.5L31 25l-.3-14.1-5.2 13.6-3-14.5-3 14.5-5.2-13.6L14 25 6.5 13.5 9 26zM9 26c0 2 1.5 2 2.5 4 1 1.5 1 1 .5 3.5-1.5 1-1.5 2.5-1.5 2.5-1.5 1.5.5 2.5.5 2.5 6.5 1 16.5 1 23 0 0 0 1.5-1 0-2.5 0 0 .5-1.5-1-2.5-.5-2.5-.5-2 .5-3.5 1-2 2.5-2 2.5-4-8.5-1.5-18.5-1.5-27 0z" stroke-linecap="butt" /><path d="M11 38.5a35 35 1 0 0 23 0" fill="none" stroke-linecap="butt" /><path d="M11 29a35 35 1 0 1 23 0M12.5 31.5h20M11.5 34.5a35 35 1 0 0 22 0M10.5 37.5a35 35 1 0 0 24 0" fill="none" stroke="#fff" /></g><g class="black king" fill="none" fill-rule="evenodd" id="black-king" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M22.5 11.63V6" stroke-linejoin="miter" /><path d="M22.5 25s4.5-7.5 3-10.5c0 0-1-2.5-3-2.5s-3 2.5-3 2.5c-1.5 3 3 10.5 3 10.5" fill="#000" stroke-linecap="butt" stroke-linejoin="miter" /><path d="M11.5 37c5.5 3.5 15.5 3.5 21 0v-7s9-4.5 6-10.5c-4-6.5-13.5-3.5-16 4V27v-3.5c-3.5-7.5-13-10.5-16-4-3 6 5 10 5 10V37z" fill="#000" /><path d="M20 8h5" stroke-linejoin="miter" /><path d="M32 29.5s8.5-4 6.03-9.65C34.15 14 25 18 22.5 24.5l.01 2.1-.01-2.1C20 18 9.906 14 6.997 19.85c-2.497 5.65 4.853 9 4.853 9M11.5 30c5.5-3 15.5-3 21 0m-21 3.5c5.5-3 15.5-3 21 0m-21 3.5c5.5-3 15.5-3 21 0" stroke="#fff" /></g><radialGradient id="check_gradient"><stop offset="0%" stop-color="#ff0000" stop-opacity="1.0" /><stop offset="50%" stop-color="#e70000" stop-opacity="1.0" /><stop offset="100%" stop-color="#9e0000" stop-opacity="0.0" /></radialGradient></defs><rect class="square dark a1" fill="#d18b47" height="45" stroke="none" width="45" x="20" y="335" /><use transform="translate(20, 335)" xlink:href="#white-rook" /><rect class="square light b1" fill="#ffce9e" height="45" stroke="none" width="45" x="65" y="335" /><use transform="translate(65, 335)" xlink:href="#white-knight" /><rect class="square dark c1" fill="#d18b47" height="45" stroke="none" width="45" x="110" y="335" /><use transform="translate(110, 335)" xlink:href="#white-bishop" /><rect class="square light d1" fill="#ffce9e" height="45" stroke="none" width="45" x="155" y="335" /><rect class="square dark e1" fill="#d18b47" height="45" stroke="none" width="45" x="200" y="335" /><use transform="translate(200, 335)" xlink:href="#white-king" /><rect class="square light f1" fill="#ffce9e" height="45" stroke="none" width="45" x="245" y="335" /><rect class="square dark g1" fill="#d18b47" height="45" stroke="none" width="45" x="290" y="335" /><use transform="translate(290, 335)" xlink:href="#white-knight" /><rect class="square light h1" fill="#ffce9e" height="45" stroke="none" width="45" x="335" y="335" /><use transform="translate(335, 335)" xlink:href="#white-rook" /><rect class="square light a2" fill="#ffce9e" height="45" stroke="none" width="45" x="20" y="290" /><use transform="translate(20, 290)" xlink:href="#white-pawn" /><rect class="square dark b2" fill="#d18b47" height="45" stroke="none" width="45" x="65" y="290" /><use transform="translate(65, 290)" xlink:href="#white-pawn" /><rect class="square light c2" fill="#ffce9e" height="45" stroke="none" width="45" x="110" y="290" /><use transform="translate(110, 290)" xlink:href="#white-pawn" /><rect class="square dark d2" fill="#d18b47" height="45" stroke="none" width="45" x="155" y="290" /><use transform="translate(155, 290)" xlink:href="#white-pawn" /><rect class="square light e2" fill="#ffce9e" height="45" stroke="none" width="45" x="200" y="290" /><rect class="square dark f2" fill="#d18b47" height="45" stroke="none" width="45" x="245" y="290" /><use transform="translate(245, 290)" xlink:href="#white-pawn" /><rect class="square light g2" fill="#ffce9e" height="45" stroke="none" width="45" x="290" y="290" /><use transform="translate(290, 290)" xlink:href="#white-pawn" /><rect class="square dark h2" fill="#d18b47" height="45" stroke="none" width="45" x="335" y="290" /><use transform="translate(335, 290)" xlink:href="#white-pawn" /><rect class="square dark a3" fill="#d18b47" height="45" stroke="none" width="45" x="20" y="245" /><rect class="square light b3" fill="#ffce9e" height="45" stroke="none" width="45" x="65" y="245" /><rect class="square dark c3" fill="#d18b47" height="45" stroke="none" width="45" x="110" y="245" /><rect class="square light d3" fill="#ffce9e" height="45" stroke="none" width="45" x="155" y="245" /><rect class="square dark e3" fill="#d18b47" height="45" stroke="none" width="45" x="200" y="245" /><rect class="square light f3" fill="#ffce9e" height="45" stroke="none" width="45" x="245" y="245" /><rect class="square dark g3" fill="#d18b47" height="45" stroke="none" width="45" x="290" y="245" /><rect class="square light h3" fill="#ffce9e" height="45" stroke="none" width="45" x="335" y="245" /><rect class="square light a4" fill="#ffce9e" height="45" stroke="none" width="45" x="20" y="200" /><rect class="square dark b4" fill="#d18b47" height="45" stroke="none" width="45" x="65" y="200" /><rect class="square light c4" fill="#ffce9e" height="45" stroke="none" width="45" x="110" y="200" /><use transform="translate(110, 200)" xlink:href="#white-bishop" /><rect class="square dark d4" fill="#d18b47" height="45" stroke="none" width="45" x="155" y="200" /><rect class="square light e4" fill="#ffce9e" height="45" stroke="none" width="45" x="200" y="200" /><use transform="translate(200, 200)" xlink:href="#white-pawn" /><rect class="square dark f4" fill="#d18b47" height="45" stroke="none" width="45" x="245" y="200" /><rect class="square light g4" fill="#ffce9e" height="45" stroke="none" width="45" x="290" y="200" /><rect class="square dark h4" fill="#d18b47" height="45" stroke="none" width="45" x="335" y="200" /><rect class="square dark a5" fill="#d18b47" height="45" stroke="none" width="45" x="20" y="155" /><rect class="square light b5" fill="#ffce9e" height="45" stroke="none" width="45" x="65" y="155" /><rect class="square dark c5" fill="#d18b47" height="45" stroke="none" width="45" x="110" y="155" /><rect class="square light d5" fill="#ffce9e" height="45" stroke="none" width="45" x="155" y="155" /><rect class="square dark e5" fill="#d18b47" height="45" stroke="none" width="45" x="200" y="155" /><use transform="translate(200, 155)" xlink:href="#black-pawn" /><rect class="square light f5" fill="#ffce9e" height="45" stroke="none" width="45" x="245" y="155" /><rect class="square dark g5" fill="#d18b47" height="45" stroke="none" width="45" x="290" y="155" /><rect class="square light lastmove h5" fill="#cdd16a" height="45" stroke="none" width="45" x="335" y="155" /><rect class="square light a6" fill="#ffce9e" height="45" stroke="none" width="45" x="20" y="110" /><rect class="square dark b6" fill="#d18b47" height="45" stroke="none" width="45" x="65" y="110" /><rect class="square light c6" fill="#ffce9e" height="45" stroke="none" width="45" x="110" y="110" /><use transform="translate(110, 110)" xlink:href="#black-knight" /><rect class="square dark d6" fill="#d18b47" height="45" stroke="none" width="45" x="155" y="110" /><rect class="square light e6" fill="#ffce9e" height="45" stroke="none" width="45" x="200" y="110" /><rect class="square dark f6" fill="#d18b47" height="45" stroke="none" width="45" x="245" y="110" /><use transform="translate(245, 110)" xlink:href="#black-knight" /><rect class="square light g6" fill="#ffce9e" height="45" stroke="none" width="45" x="290" y="110" /><rect class="square dark h6" fill="#d18b47" height="45" stroke="none" width="45" x="335" y="110" /><rect class="square dark a7" fill="#d18b47" height="45" stroke="none" width="45" x="20" y="65" /><use transform="translate(20, 65)" xlink:href="#black-pawn" /><rect class="square light b7" fill="#ffce9e" height="45" stroke="none" width="45" x="65" y="65" /><use transform="translate(65, 65)" xlink:href="#black-pawn" /><rect class="square dark c7" fill="#d18b47" height="45" stroke="none" width="45" x="110" y="65" /><use transform="translate(110, 65)" xlink:href="#black-pawn" /><rect class="square light d7" fill="#ffce9e" height="45" stroke="none" width="45" x="155" y="65" /><use transform="translate(155, 65)" xlink:href="#black-pawn" /><rect class="square dark e7" fill="#d18b47" height="45" stroke="none" width="45" x="200" y="65" /><rect class="square light lastmove f7" fill="#cdd16a" height="45" stroke="none" width="45" x="245" y="65" /><use transform="translate(245, 65)" xlink:href="#white-queen" /><rect class="square dark g7" fill="#d18b47" height="45" stroke="none" width="45" x="290" y="65" /><use transform="translate(290, 65)" xlink:href="#black-pawn" /><rect class="square light h7" fill="#ffce9e" height="45" stroke="none" width="45" x="335" y="65" /><use transform="translate(335, 65)" xlink:href="#black-pawn" /><rect class="square light a8" fill="#ffce9e" height="45" stroke="none" width="45" x="20" y="20" /><use transform="translate(20, 20)" xlink:href="#black-rook" /><rect class="square dark b8" fill="#d18b47" height="45" stroke="none" width="45" x="65" y="20" /><rect class="square light c8" fill="#ffce9e" height="45" stroke="none" width="45" x="110" y="20" /><use transform="translate(110, 20)" xlink:href="#black-bishop" /><rect class="square dark d8" fill="#d18b47" height="45" stroke="none" width="45" x="155" y="20" /><use transform="translate(155, 20)" xlink:href="#black-queen" /><rect class="square light e8" fill="#ffce9e" height="45" stroke="none" width="45" x="200" y="20" /><rect class="check" fill="url(#check_gradient)" height="45" width="45" x="200" y="20" /><use transform="translate(200, 20)" xlink:href="#black-king" /><rect class="square dark f8" fill="#d18b47" height="45" stroke="none" width="45" x="245" y="20" /><use transform="translate(245, 20)" xlink:href="#black-bishop" /><rect class="square light g8" fill="#ffce9e" height="45" stroke="none" width="45" x="290" y="20" /><rect class="square dark h8" fill="#d18b47" height="45" stroke="none" width="45" x="335" y="20" /><use transform="translate(335, 20)" xlink:href="#black-rook" /><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="42" y="10">a</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="42" y="390">a</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="87" y="10">b</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="87" y="390">b</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="132" y="10">c</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="132" y="390">c</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="177" y="10">d</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="177" y="390">d</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="222" y="10">e</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="222" y="390">e</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="267" y="10">f</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="267" y="390">f</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="312" y="10">g</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="312" y="390">g</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="357" y="10">h</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="357" y="390">h</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="10" y="357">1</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="390" y="357">1</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="10" y="312">2</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="390" y="312">2</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="10" y="267">3</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="390" y="267">3</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="10" y="222">4</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="390" y="222">4</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="10" y="177">5</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="390" y="177">5</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="10" y="132">6</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="390" y="132">6</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="10" y="87">7</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="390" y="87">7</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="10" y="42">8</text><text alignment-baseline="middle" font-size="14" text-anchor="middle" x="390" y="42">8</text></svg></section><footer>Generated by
     <code>python-chess/examples/html_output.py</code></footer>
-    
\ No newline at end of file