summaryrefslogtreecommitdiffstats
path: root/games
diff options
context:
space:
mode:
authorMattias Andrée <m@maandree.se>2025-12-28 11:38:14 +0100
committerMattias Andrée <m@maandree.se>2025-12-28 11:38:14 +0100
commit75f34edf4cada2dbf80bf8b8176781b443ffbe00 (patch)
tree3f47ccfaa0ce48c6676721f6edc7008f52c78b6f /games
downloadunicode-tables-75f34edf4cada2dbf80bf8b8176781b443ffbe00.tar.gz
unicode-tables-75f34edf4cada2dbf80bf8b8176781b443ffbe00.tar.bz2
unicode-tables-75f34edf4cada2dbf80bf8b8176781b443ffbe00.tar.xz
First commit
Signed-off-by: Mattias Andrée <m@maandree.se>
Diffstat (limited to 'games')
-rw-r--r--games/chess.html182
-rw-r--r--games/dice.html20
-rw-r--r--games/domino-tiles.html144
-rw-r--r--games/draughts.html20
-rw-r--r--games/go.html22
-rw-r--r--games/mahjong-tiles.html72
-rw-r--r--games/playing-cards.html114
-rw-r--r--games/shogi.html20
-rw-r--r--games/xiangqi.html30
9 files changed, 624 insertions, 0 deletions
diff --git a/games/chess.html b/games/chess.html
new file mode 100644
index 0000000..5e34766
--- /dev/null
+++ b/games/chess.html
@@ -0,0 +1,182 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <title>Chess</title>
+ <link rel="stylesheet" type="text/css" href="../style.css"/>
+ </head>
+ <body>
+ <table>
+ <tr>
+ <td>&#x1FA00;</td> <!-- NEUTRAL CHESS KING -->
+ <td>&#x1FA01;</td> <!-- NEUTRAL CHESS QUEEN -->
+ <td>&#x1FA02;</td> <!-- NEUTRAL CHESS ROOK -->
+ <td>&#x1FA03;</td> <!-- NEUTRAL CHESS BISHOP -->
+ <td>&#x1FA04;</td> <!-- NEUTRAL CHESS KNIGHT -->
+ <td>&#x1FA05;</td> <!-- NEUTRAL CHESS PAWN -->
+ <td>&#x1FA08;</td> <!-- NEUTRAL CHESS KNIGHT ROTATED FORTY-FIVE DEGREES -->
+ <td>&#x1FA4A;</td> <!-- NEUTRAL CHESS EQUIHOPPER -->
+ <td class="lacuna"><div class="overlap"><span class="halved">&#x1FA51;</span>&#x1FA4E;</div></td> <!-- neutral chess knight-queen -->
+ <td class="lacuna"><div class="overlap"><span class="halved">&#x1FA52;</span>&#x1FA4F;</div></td> <!-- neutral chess knight-rook -->
+ <td class="lacuna"><div class="overlap"><span class="halved">&#x1FA53;</span>&#x1FA50;</div></td> <!-- neutral chess knight-bishop -->
+ </tr>
+ <tr>
+ <td>&#x1FA15;</td> <!-- NEUTRAL CHESS KING ROTATED NINETY DEGREES -->
+ <td>&#x1FA16;</td> <!-- NEUTRAL CHESS QUEEN ROTATED NINETY DEGREES -->
+ <td>&#x1FA17;</td> <!-- NEUTRAL CHESS ROOK ROTATED NINETY DEGREES -->
+ <td>&#x1FA18;</td> <!-- NEUTRAL CHESS BISHOP ROTATED NINETY DEGREES -->
+ <td>&#x1FA19;</td> <!-- NEUTRAL CHESS KNIGHT ROTATED NINETY DEGREES -->
+ <td>&#x1FA1A;</td> <!-- NEUTRAL CHESS PAWN ROTATED NINETY DEGREES -->
+ <td>&#x1FA1D;</td> <!-- NEUTRAL CHESS KNIGHT ROTATED ONE HUNDRED THIRTY-FIVE DEGREES -->
+ <td>&#x1FA4D;</td> <!-- NEUTRAL CHESS EQUIHOPPER ROTATED NINETY DEGREES -->
+ <td class="lacuna"><div class="overlap cw90"><span class="halved">&#x1FA51;</span>&#x1FA4E;</div></td> <!-- neutral chess knight-queen rotated ninety degrees -->
+ <td class="lacuna"><div class="overlap cw90"><span class="halved">&#x1FA52;</span>&#x1FA4F;</div></td> <!-- neutral chess knight-rook rotated ninety degrees -->
+ <td class="lacuna"><div class="overlap cw90"><span class="halved">&#x1FA53;</span>&#x1FA50;</div></td> <!-- neutral chess knight-bishop rotated ninety degrees -->
+ </tr>
+ <tr>
+ <td>&#x1FA2A;</td> <!-- NEUTRAL CHESS TURNED KING -->
+ <td>&#x1FA2B;</td> <!-- NEUTRAL CHESS TURNED QUEEN -->
+ <td>&#x1FA2C;</td> <!-- NEUTRAL CHESS TURNED ROOK -->
+ <td>&#x1FA2D;</td> <!-- NEUTRAL CHESS TURNED BISHOP -->
+ <td>&#x1FA2E;</td> <!-- NEUTRAL CHESS TURNED KNIGHT -->
+ <td>&#x1FA2F;</td> <!-- NEUTRAL CHESS TURNED PAWN -->
+ <td>&#x1FA32;</td> <!-- NEUTRAL CHESS KNIGHT ROTATED TWO HUNDRED TWENTY-FIVE DEGREES -->
+ <td class="lacuna"><span class="turn">&#x1FA4A;</span></td> <!-- neutral chess turned equihopper -->
+ <td class="lacuna"><div class="overlap turn"><span class="halved">&#x1FA51;</span>&#x1FA4E;</div></td> <!-- neutral chess turned knight-queen -->
+ <td class="lacuna"><div class="overlap turn"><span class="halved">&#x1FA52;</span>&#x1FA4F;</div></td> <!-- neutral chess turned knight-rook -->
+ <td class="lacuna"><div class="overlap turn"><span class="halved">&#x1FA53;</span>&#x1FA50;</div></td> <!-- neutral chess turned knight-bishop -->
+ </tr>
+ <tr>
+ <td>&#x1FA3F;</td> <!-- NEUTRAL CHESS KING ROTATED TWO HUNDRED SEVENTY DEGREES -->
+ <td>&#x1FA40;</td> <!-- NEUTRAL CHESS QUEEN ROTATED TWO HUNDRED SEVENTY DEGREES -->
+ <td>&#x1FA41;</td> <!-- NEUTRAL CHESS ROOK ROTATED TWO HUNDRED SEVENTY DEGREES -->
+ <td>&#x1FA42;</td> <!-- NEUTRAL CHESS BISHOP ROTATED TWO HUNDRED SEVENTY DEGREES -->
+ <td>&#x1FA43;</td> <!-- NEUTRAL CHESS KNIGHT ROTATED TWO HUNDRED SEVENTY DEGREES -->
+ <td>&#x1FA44;</td> <!-- NEUTRAL CHESS PAWN ROTATED TWO HUNDRED SEVENTY DEGREES -->
+ <td>&#x1FA47;</td> <!-- NEUTRAL CHESS KNIGHT ROTATED THREE HUNDRED FIFTEEN DEGREES -->
+ <td class="lacuna"><span class="turn">&#x1FA4D;</span></td> <!-- neutral chess equihopper rotated two hundred seventy degrees -->
+ <td class="lacuna"><div class="overlap acw90"><span class="halved">&#x1FA51;</span>&#x1FA4E;</div></td> <!-- neutral chess knight-queen rotated two hundred seventy degrees -->
+ <td class="lacuna"><div class="overlap acw90"><span class="halved">&#x1FA52;</span>&#x1FA4F;</div></td> <!-- neutral chess knight-rook rotated two hundred seventy degrees -->
+ <td class="lacuna"><div class="overlap acw90"><span class="halved">&#x1FA53;</span>&#x1FA50;</div></td> <!-- neutral chess knight-bishop rotated two hundred seventy degrees -->
+ </tr>
+
+ <tr>
+ <td>&#x2654;</td> <!-- WHITE CHESS KING -->
+ <td>&#x2655;</td> <!-- WHITE CHESS QUEEN -->
+ <td>&#x2656;</td> <!-- WHITE CHESS ROOK -->
+ <td>&#x2657;</td> <!-- WHITE CHESS BISHOP -->
+ <td>&#x2658;</td> <!-- WHITE CHESS KNIGHT -->
+ <td>&#x2659;</td> <!-- WHITE CHESS PAWN -->
+ <td>&#x1FA06;</td> <!-- WHITE CHESS KNIGHT ROTATED FORTY-FIVE DEGREES -->
+ <td>&#x1FA48;</td> <!-- WHITE CHESS EQUIHOPPER -->
+ <td>&#x1FA4E;</td> <!-- WHITE CHESS KNIGHT-QUEEN -->
+ <td>&#x1FA4F;</td> <!-- WHITE CHESS KNIGHT-ROOK -->
+ <td>&#x1FA50;</td> <!-- WHITE CHESS KNIGHT-BISHOP -->
+ </tr>
+ <tr>
+ <td>&#x1FA09;</td> <!-- WHITE CHESS KING ROTATED NINETY DEGREES -->
+ <td>&#x1FA0A;</td> <!-- WHITE CHESS QUEEN ROTATED NINETY DEGREES -->
+ <td>&#x1FA0B;</td> <!-- WHITE CHESS ROOK ROTATED NINETY DEGREES -->
+ <td>&#x1FA0C;</td> <!-- WHITE CHESS BISHOP ROTATED NINETY DEGREES -->
+ <td>&#x1FA0D;</td> <!-- WHITE CHESS KNIGHT ROTATED NINETY DEGREES -->
+ <td>&#x1FA0E;</td> <!-- WHITE CHESS PAWN ROTATED NINETY DEGREES -->
+ <td>&#x1FA1B;</td> <!-- WHITE CHESS KNIGHT ROTATED ONE HUNDRED THIRTY-FIVE DEGREES -->
+ <td>&#x1FA4B;</td> <!-- WHITE CHESS EQUIHOPPER ROTATED NINETY DEGREES -->
+ <td class="lacuna"><span class="cw90">&#x1FA4E;</span></td> <!-- white chess knight-queen rotated ninety degrees -->
+ <td class="lacuna"><span class="cw90">&#x1FA4F;</span></td> <!-- white chess knight-rook rotated ninety degrees -->
+ <td class="lacuna"><span class="cw90">&#x1FA50;</span></td> <!-- white chess knight-bishop rotated ninety degrees -->
+ </tr>
+ <tr>
+ <td>&#x1FA1E;</td> <!-- WHITE CHESS TURNED KING -->
+ <td>&#x1FA1F;</td> <!-- WHITE CHESS TURNED QUEEN -->
+ <td>&#x1FA20;</td> <!-- WHITE CHESS TURNED ROOK -->
+ <td>&#x1FA21;</td> <!-- WHITE CHESS TURNED BISHOP -->
+ <td>&#x1FA22;</td> <!-- WHITE CHESS TURNED KNIGHT -->
+ <td>&#x1FA23;</td> <!-- WHITE CHESS TURNED PAWN -->
+ <td>&#x1FA30;</td> <!-- WHITE CHESS KNIGHT ROTATED TWO HUNDRED TWENTY-FIVE DEGREES -->
+ <td class="dup">&#x1FA48;</td> <!-- WHITE CHESS TURNED EQUIHOPPER → WHITE CHESS EQUIHOPPER -->
+ <td class="lacuna"><span class="turn">&#x1FA4E;</span></td> <!-- white chess turned knight-queen -->
+ <td class="lacuna"><span class="turn">&#x1FA4F;</span></td> <!-- white chess turned knight-rook -->
+ <td class="lacuna"><span class="turn">&#x1FA50;</span></td> <!-- white chess turned knight-bishop -->
+ </tr>
+ <tr>
+ <td>&#x1FA33;</td> <!-- WHITE CHESS KING ROTATED TWO HUNDRED SEVENTY DEGREES -->
+ <td>&#x1FA34;</td> <!-- WHITE CHESS QUEEN ROTATED TWO HUNDRED SEVENTY DEGREES -->
+ <td>&#x1FA35;</td> <!-- WHITE CHESS ROOK ROTATED TWO HUNDRED SEVENTY DEGREES -->
+ <td>&#x1FA36;</td> <!-- WHITE CHESS BISHOP ROTATED TWO HUNDRED SEVENTY DEGREES -->
+ <td>&#x1FA37;</td> <!-- WHITE CHESS KNIGHT ROTATED TWO HUNDRED SEVENTY DEGREES -->
+ <td>&#x1FA38;</td> <!-- WHITE CHESS PAWN ROTATED TWO HUNDRED SEVENTY DEGREES -->
+ <td>&#x1FA45;</td> <!-- WHITE CHESS KNIGHT ROTATED THREE HUNDRED FIFTEEN DEGREES -->
+ <td class="dup">&#x1FA4B;</td> <!-- WHITE CHESS EQUIHOPPER ROTATED TWO HUNDRED SEVENTY DEGREES → WHITE CHESS EQUIHOPPER ROTATED NINETY DEGREES -->
+ <td class="lacuna"><span class="acw90">&#x1FA4E;</span></td> <!-- white chess knight-queen rotated two hundred seventy degrees -->
+ <td class="lacuna"><span class="acw90">&#x1FA4F;</span></td> <!-- white chess knight-rook rotated two hundred seventy degrees -->
+ <td class="lacuna"><span class="acw90">&#x1FA50;</span></td> <!-- white chess knight-bishop rotated two hundred seventy degrees -->
+ </tr>
+
+ <tr>
+ <td>&#x265A;</td> <!-- BLACK CHESS KING -->
+ <td>&#x265B;</td> <!-- BLACK CHESS QUEEN -->
+ <td>&#x265C;</td> <!-- BLACK CHESS ROOK -->
+ <td>&#x265D;</td> <!-- BLACK CHESS BISHOP -->
+ <td>&#x265E;</td> <!-- BLACK CHESS KNIGHT -->
+ <td>&#x265F;</td> <!-- BLACK CHESS PAWN -->
+ <td>&#x1FA07;</td> <!-- BLACK CHESS KNIGHT ROTATED FORTY-FIVE DEGREES -->
+ <td>&#x1FA49;</td> <!-- BLACK CHESS EQUIHOPPER -->
+ <td>&#x1FA51;</td> <!-- BLACK CHESS KNIGHT-QUEEN -->
+ <td>&#x1FA52;</td> <!-- BLACK CHESS KNIGHT-ROOK -->
+ <td>&#x1FA53;</td> <!-- BLACK CHESS KNIGHT-BISHOP -->
+ </tr>
+ <tr>
+ <td>&#x1FA0F;</td> <!-- BLACK CHESS KING ROTATED NINETY DEGREES -->
+ <td>&#x1FA10;</td> <!-- BLACK CHESS QUEEN ROTATED NINETY DEGREES -->
+ <td>&#x1FA11;</td> <!-- BLACK CHESS ROOK ROTATED NINETY DEGREES -->
+ <td>&#x1FA12;</td> <!-- BLACK CHESS BISHOP ROTATED NINETY DEGREES -->
+ <td>&#x1FA13;</td> <!-- BLACK CHESS KNIGHT ROTATED NINETY DEGREES -->
+ <td>&#x1FA14;</td> <!-- BLACK CHESS PAWN ROTATED NINETY DEGREES -->
+ <td>&#x1FA1C;</td> <!-- BLACK CHESS KNIGHT ROTATED ONE HUNDRED THIRTY-FIVE DEGREES -->
+ <td>&#x1FA4C;</td> <!-- BLACK CHESS EQUIHOPPER ROTATED NINETY DEGREES -->
+ <td class="lacuna"><span class="cw90">&#x1FA51;</span></td> <!-- black chess knight-queen rotated ninety degrees -->
+ <td class="lacuna"><span class="cw90">&#x1FA52;</span></td> <!-- black chess knight-rook rotated ninety degrees -->
+ <td class="lacuna"><span class="cw90">&#x1FA53;</span></td> <!-- black chess knight-bishop rotated ninety degrees -->
+ </tr>
+ <tr>
+ <td>&#x1FA24;</td> <!-- BLACK CHESS TURNED KING -->
+ <td>&#x1FA25;</td> <!-- BLACK CHESS TURNED QUEEN -->
+ <td>&#x1FA26;</td> <!-- BLACK CHESS TURNED ROOK -->
+ <td>&#x1FA27;</td> <!-- BLACK CHESS TURNED BISHOP -->
+ <td>&#x1FA28;</td> <!-- BLACK CHESS TURNED KNIGHT -->
+ <td>&#x1FA29;</td> <!-- BLACK CHESS TURNED PAWN -->
+ <td>&#x1FA31;</td> <!-- BLACK CHESS KNIGHT ROTATED TWO HUNDRED TWENTY-FIVE DEGREES -->
+ <td class="dup">&#x1FA49;</td> <!-- BLACK CHESS TURNED EQUIHOPPER → BLACK CHESS EQUIHOPPER -->
+ <td class="lacuna"><span class="turn">&#x1FA51;</span></td> <!-- black chess turned knight-queen -->
+ <td class="lacuna"><span class="turn">&#x1FA52;</span></td> <!-- black chess turned knight-rook -->
+ <td class="lacuna"><span class="turn">&#x1FA53;</span></td> <!-- black chess turned knight-bishop -->
+ </tr>
+ <tr>
+ <td>&#x1FA39;</td> <!-- BLACK CHESS KING ROTATED TWO HUNDRED SEVENTY DEGREES -->
+ <td>&#x1FA3A;</td> <!-- BLACK CHESS QUEEN ROTATED TWO HUNDRED SEVENTY DEGREES -->
+ <td>&#x1FA3B;</td> <!-- BLACK CHESS ROOK ROTATED TWO HUNDRED SEVENTY DEGREES -->
+ <td>&#x1FA3C;</td> <!-- BLACK CHESS BISHOP ROTATED TWO HUNDRED SEVENTY DEGREES -->
+ <td>&#x1FA3D;</td> <!-- BLACK CHESS KNIGHT ROTATED TWO HUNDRED SEVENTY DEGREES -->
+ <td>&#x1FA3E;</td> <!-- BLACK CHESS PAWN ROTATED TWO HUNDRED SEVENTY DEGREES -->
+ <td>&#x1FA46;</td> <!-- BLACK CHESS KNIGHT ROTATED THREE HUNDRED FIFTEEN DEGREES -->
+ <td class="dup">&#x1FA4C;</td> <!-- BLACK CHESS EQUIHOPPER ROTATED TWO HUNDRED SEVENTY DEGREES → BLACK CHESS EQUIHOPPER ROTATED NINETY DEGREES -->
+ <td class="lacuna"><span class="acw90">&#x1FA51;</span></td> <!-- black chess knight-queen rotated two hundred seventy degrees -->
+ <td class="lacuna"><span class="acw90">&#x1FA52;</span></td> <!-- black chess knight-rook rotated two hundred seventy degrees -->
+ <td class="lacuna"><span class="acw90">&#x1FA53;</span></td> <!-- black chess knight-bishop rotated two hundred seventy degrees -->
+ </tr>
+
+ <tr> <!-- notation -->
+ <td>&#x2BF9;</td> <!-- EQUALS SIGN WITH INFINITY BELOW -->
+ <td>&#x2BBA;</td> <!-- OVERLAPPING WHITE SQUARES -->
+ <td>&#x2BBB;</td> <!-- OVERLAPPING WHITE AND BLACK SQUARES -->
+ <td>&#x2BBC;</td> <!-- OVERLAPPING BLACK SQUARES -->
+ <td>&#x2BFA;</td> <!-- UNITED SYMBOL -->
+ <td>&#x2BFB;</td> <!-- SEPARATED SYMBOL -->
+ <td>&#x2BFC;</td> <!-- DOUBLED SYMBOL -->
+ <td>&#x2BFD;</td> <!-- PASSED SYMBOL -->
+ <td>&#x2BFE;</td> <!-- REVERSED RIGHT ANGLE -->
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/games/dice.html b/games/dice.html
new file mode 100644
index 0000000..37200c3
--- /dev/null
+++ b/games/dice.html
@@ -0,0 +1,20 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <title>Dice</title>
+ <link rel="stylesheet" type="text/css" href="../style.css"/>
+ </head>
+ <body>
+ <table>
+ <tr>
+ <td>&#x2680;</td> <!-- DIE FACE-1 -->
+ <td>&#x2681;</td> <!-- DIE FACE-2 -->
+ <td>&#x2682;</td> <!-- DIE FACE-3 -->
+ <td>&#x2683;</td> <!-- DIE FACE-4 -->
+ <td>&#x2684;</td> <!-- DIE FACE-5 -->
+ <td>&#x2685;</td> <!-- DIE FACE-6 -->
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/games/domino-tiles.html b/games/domino-tiles.html
new file mode 100644
index 0000000..68b28ad
--- /dev/null
+++ b/games/domino-tiles.html
@@ -0,0 +1,144 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <title>Domino tiles</title>
+ <link rel="stylesheet" type="text/css" href="../style.css"/>
+ </head>
+ <body>
+ <table>
+ <tr>
+ <td>&#x1F030;</td> <!-- DOMINO TILE HORIZONTAL BACK -->
+ </tr>
+ <tr>
+ <td>&#x1F031;</td> <!-- DOMINO TILE HORIZONTAL-00-00 -->
+ <td>&#x1F032;</td> <!-- DOMINO TILE HORIZONTAL-00-01 -->
+ <td>&#x1F033;</td> <!-- DOMINO TILE HORIZONTAL-00-02 -->
+ <td>&#x1F034;</td> <!-- DOMINO TILE HORIZONTAL-00-03 -->
+ <td>&#x1F035;</td> <!-- DOMINO TILE HORIZONTAL-00-04 -->
+ <td>&#x1F036;</td> <!-- DOMINO TILE HORIZONTAL-00-05 -->
+ <td>&#x1F037;</td> <!-- DOMINO TILE HORIZONTAL-00-06 -->
+ </tr>
+ <tr>
+ <td>&#x1F038;</td> <!-- DOMINO TILE HORIZONTAL-01-00 -->
+ <td>&#x1F039;</td> <!-- DOMINO TILE HORIZONTAL-01-01 -->
+ <td>&#x1F03A;</td> <!-- DOMINO TILE HORIZONTAL-01-02 -->
+ <td>&#x1F03B;</td> <!-- DOMINO TILE HORIZONTAL-01-03 -->
+ <td>&#x1F03C;</td> <!-- DOMINO TILE HORIZONTAL-01-04 -->
+ <td>&#x1F03D;</td> <!-- DOMINO TILE HORIZONTAL-01-05 -->
+ <td>&#x1F03E;</td> <!-- DOMINO TILE HORIZONTAL-01-06 -->
+ </tr>
+ <tr>
+ <td>&#x1F03F;</td> <!-- DOMINO TILE HORIZONTAL-02-00 -->
+ <td>&#x1F040;</td> <!-- DOMINO TILE HORIZONTAL-02-01 -->
+ <td>&#x1F041;</td> <!-- DOMINO TILE HORIZONTAL-02-02 -->
+ <td>&#x1F042;</td> <!-- DOMINO TILE HORIZONTAL-02-03 -->
+ <td>&#x1F043;</td> <!-- DOMINO TILE HORIZONTAL-02-04 -->
+ <td>&#x1F044;</td> <!-- DOMINO TILE HORIZONTAL-02-05 -->
+ <td>&#x1F045;</td> <!-- DOMINO TILE HORIZONTAL-02-06 -->
+ </tr>
+ <tr>
+ <td>&#x1F046;</td> <!-- DOMINO TILE HORIZONTAL-03-00 -->
+ <td>&#x1F047;</td> <!-- DOMINO TILE HORIZONTAL-03-01 -->
+ <td>&#x1F048;</td> <!-- DOMINO TILE HORIZONTAL-03-02 -->
+ <td>&#x1F049;</td> <!-- DOMINO TILE HORIZONTAL-03-03 -->
+ <td>&#x1F04A;</td> <!-- DOMINO TILE HORIZONTAL-03-04 -->
+ <td>&#x1F04B;</td> <!-- DOMINO TILE HORIZONTAL-03-05 -->
+ <td>&#x1F04C;</td> <!-- DOMINO TILE HORIZONTAL-03-06 -->
+ </tr>
+ <tr>
+ <td>&#x1F04D;</td> <!-- DOMINO TILE HORIZONTAL-04-00 -->
+ <td>&#x1F04E;</td> <!-- DOMINO TILE HORIZONTAL-04-01 -->
+ <td>&#x1F04F;</td> <!-- DOMINO TILE HORIZONTAL-04-02 -->
+ <td>&#x1F050;</td> <!-- DOMINO TILE HORIZONTAL-04-03 -->
+ <td>&#x1F051;</td> <!-- DOMINO TILE HORIZONTAL-04-04 -->
+ <td>&#x1F052;</td> <!-- DOMINO TILE HORIZONTAL-04-05 -->
+ <td>&#x1F053;</td> <!-- DOMINO TILE HORIZONTAL-04-06 -->
+ </tr>
+ <tr>
+ <td>&#x1F054;</td> <!-- DOMINO TILE HORIZONTAL-05-00 -->
+ <td>&#x1F055;</td> <!-- DOMINO TILE HORIZONTAL-05-01 -->
+ <td>&#x1F056;</td> <!-- DOMINO TILE HORIZONTAL-05-02 -->
+ <td>&#x1F057;</td> <!-- DOMINO TILE HORIZONTAL-05-03 -->
+ <td>&#x1F058;</td> <!-- DOMINO TILE HORIZONTAL-05-04 -->
+ <td>&#x1F059;</td> <!-- DOMINO TILE HORIZONTAL-05-05 -->
+ <td>&#x1F05A;</td> <!-- DOMINO TILE HORIZONTAL-05-06 -->
+ </tr>
+ <tr>
+ <td>&#x1F05B;</td> <!-- DOMINO TILE HORIZONTAL-06-00 -->
+ <td>&#x1F05C;</td> <!-- DOMINO TILE HORIZONTAL-06-01 -->
+ <td>&#x1F05D;</td> <!-- DOMINO TILE HORIZONTAL-06-02 -->
+ <td>&#x1F05E;</td> <!-- DOMINO TILE HORIZONTAL-06-03 -->
+ <td>&#x1F05F;</td> <!-- DOMINO TILE HORIZONTAL-06-04 -->
+ <td>&#x1F060;</td> <!-- DOMINO TILE HORIZONTAL-06-05 -->
+ <td>&#x1F061;</td> <!-- DOMINO TILE HORIZONTAL-06-06 -->
+ </tr>
+ <tr>
+ <td>&#x1F062;</td> <!-- DOMINO TILE VERTICAL BACK -->
+ </tr>
+ <tr>
+ <td>&#x1F063;</td> <!-- DOMINO TILE VERTICAL-00-00 -->
+ <td>&#x1F064;</td> <!-- DOMINO TILE VERTICAL-00-01 -->
+ <td>&#x1F065;</td> <!-- DOMINO TILE VERTICAL-00-02 -->
+ <td>&#x1F066;</td> <!-- DOMINO TILE VERTICAL-00-03 -->
+ <td>&#x1F067;</td> <!-- DOMINO TILE VERTICAL-00-04 -->
+ <td>&#x1F068;</td> <!-- DOMINO TILE VERTICAL-00-05 -->
+ <td>&#x1F069;</td> <!-- DOMINO TILE VERTICAL-00-06 -->
+ </tr>
+ <tr>
+ <td>&#x1F06A;</td> <!-- DOMINO TILE VERTICAL-01-00 -->
+ <td>&#x1F06B;</td> <!-- DOMINO TILE VERTICAL-01-01 -->
+ <td>&#x1F06C;</td> <!-- DOMINO TILE VERTICAL-01-02 -->
+ <td>&#x1F06D;</td> <!-- DOMINO TILE VERTICAL-01-03 -->
+ <td>&#x1F06E;</td> <!-- DOMINO TILE VERTICAL-01-04 -->
+ <td>&#x1F06F;</td> <!-- DOMINO TILE VERTICAL-01-05 -->
+ <td>&#x1F070;</td> <!-- DOMINO TILE VERTICAL-01-06 -->
+ </tr>
+ <tr>
+ <td>&#x1F071;</td> <!-- DOMINO TILE VERTICAL-02-00 -->
+ <td>&#x1F072;</td> <!-- DOMINO TILE VERTICAL-02-01 -->
+ <td>&#x1F073;</td> <!-- DOMINO TILE VERTICAL-02-02 -->
+ <td>&#x1F074;</td> <!-- DOMINO TILE VERTICAL-02-03 -->
+ <td>&#x1F075;</td> <!-- DOMINO TILE VERTICAL-02-04 -->
+ <td>&#x1F076;</td> <!-- DOMINO TILE VERTICAL-02-05 -->
+ <td>&#x1F077;</td> <!-- DOMINO TILE VERTICAL-02-06 -->
+ </tr>
+ <tr>
+ <td>&#x1F078;</td> <!-- DOMINO TILE VERTICAL-03-00 -->
+ <td>&#x1F079;</td> <!-- DOMINO TILE VERTICAL-03-01 -->
+ <td>&#x1F07A;</td> <!-- DOMINO TILE VERTICAL-03-02 -->
+ <td>&#x1F07B;</td> <!-- DOMINO TILE VERTICAL-03-03 -->
+ <td>&#x1F07C;</td> <!-- DOMINO TILE VERTICAL-03-04 -->
+ <td>&#x1F07D;</td> <!-- DOMINO TILE VERTICAL-03-05 -->
+ <td>&#x1F07E;</td> <!-- DOMINO TILE VERTICAL-03-06 -->
+ </tr>
+ <tr>
+ <td>&#x1F07F;</td> <!-- DOMINO TILE VERTICAL-04-00 -->
+ <td>&#x1F080;</td> <!-- DOMINO TILE VERTICAL-04-01 -->
+ <td>&#x1F081;</td> <!-- DOMINO TILE VERTICAL-04-02 -->
+ <td>&#x1F082;</td> <!-- DOMINO TILE VERTICAL-04-03 -->
+ <td>&#x1F083;</td> <!-- DOMINO TILE VERTICAL-04-04 -->
+ <td>&#x1F084;</td> <!-- DOMINO TILE VERTICAL-04-05 -->
+ <td>&#x1F085;</td> <!-- DOMINO TILE VERTICAL-04-06 -->
+ </tr>
+ <tr>
+ <td>&#x1F086;</td> <!-- DOMINO TILE VERTICAL-05-00 -->
+ <td>&#x1F087;</td> <!-- DOMINO TILE VERTICAL-05-01 -->
+ <td>&#x1F088;</td> <!-- DOMINO TILE VERTICAL-05-02 -->
+ <td>&#x1F089;</td> <!-- DOMINO TILE VERTICAL-05-03 -->
+ <td>&#x1F08A;</td> <!-- DOMINO TILE VERTICAL-05-04 -->
+ <td>&#x1F08B;</td> <!-- DOMINO TILE VERTICAL-05-05 -->
+ <td>&#x1F08C;</td> <!-- DOMINO TILE VERTICAL-05-06 -->
+ </tr>
+ <tr>
+ <td>&#x1F08D;</td> <!-- DOMINO TILE VERTICAL-06-00 -->
+ <td>&#x1F08E;</td> <!-- DOMINO TILE VERTICAL-06-01 -->
+ <td>&#x1F08F;</td> <!-- DOMINO TILE VERTICAL-06-02 -->
+ <td>&#x1F090;</td> <!-- DOMINO TILE VERTICAL-06-03 -->
+ <td>&#x1F091;</td> <!-- DOMINO TILE VERTICAL-06-04 -->
+ <td>&#x1F092;</td> <!-- DOMINO TILE VERTICAL-06-05 -->
+ <td>&#x1F093;</td> <!-- DOMINO TILE VERTICAL-06-06 -->
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/games/draughts.html b/games/draughts.html
new file mode 100644
index 0000000..421dd50
--- /dev/null
+++ b/games/draughts.html
@@ -0,0 +1,20 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <title>Draughts</title>
+ <link rel="stylesheet" type="text/css" href="../style.css"/>
+ </head>
+ <body>
+ <table>
+ <tr>
+ <td>&#x26C0;</td> <!-- WHITE DRAUGHTS MAN -->
+ <td>&#x26C1;</td> <!-- WHITE DRAUGHTS KING -->
+ </tr>
+ <tr>
+ <td>&#x26C2;</td> <!-- BLACK DRAUGHTS MAN -->
+ <td>&#x26C3;</td> <!-- BLACK DRAUGHTS KING -->
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/games/go.html b/games/go.html
new file mode 100644
index 0000000..b1bdd8f
--- /dev/null
+++ b/games/go.html
@@ -0,0 +1,22 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <title>Go</title>
+ <link rel="stylesheet" type="text/css" href="../style.css"/>
+ </head>
+ <body>
+ <table>
+ <tr> <!-- black stones -->
+ <td class="dup">&#x25CF;</td> <!-- BLACK CIRCLE -->
+ <td>&#x2688;</td> <!-- BLACK CIRCLE WITH WHITE DOT RIGHT -->
+ <td>&#x2689;</td> <!-- BLACK CIRCLE WITH TWO WHITE DOTS -->
+ </tr>
+ <tr> <!-- white stones -->
+ <td class="dup">&#x25CB;</td> <!-- WHITE CIRCLE -->
+ <td>&#x2686;</td> <!-- WHITE CIRCLE WITH DOT RIGHT -->
+ <td>&#x2687;</td> <!-- WHITE CIRCLE WITH TWO DOTS -->
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/games/mahjong-tiles.html b/games/mahjong-tiles.html
new file mode 100644
index 0000000..f8bfe52
--- /dev/null
+++ b/games/mahjong-tiles.html
@@ -0,0 +1,72 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <title>Mahjong tiles</title>
+ <link rel="stylesheet" type="text/css" href="../style.css"/>
+ </head>
+ <body>
+ <table>
+ <tr>
+ <td>&#x1F000;</td> <!-- MAHJONG TILE EAST WIND -->
+ <td>&#x1F001;</td> <!-- MAHJONG TILE SOUTH WIND -->
+ <td>&#x1F002;</td> <!-- MAHJONG TILE WEST WIND -->
+ <td>&#x1F003;</td> <!-- MAHJONG TILE NORTH WIND -->
+ </tr>
+ <tr>
+ <td>&#x1F004;</td> <!-- MAHJONG TILE RED DRAGON -->
+ <td>&#x1F005;</td> <!-- MAHJONG TILE GREEN DRAGON -->
+ <td>&#x1F006;</td> <!-- MAHJONG TILE WHITE DRAGON -->
+ </tr>
+ <tr>
+ <td>&#x1F007;</td> <!-- MAHJONG TILE ONE OF CHARACTERS -->
+ <td>&#x1F008;</td> <!-- MAHJONG TILE TWO OF CHARACTERS -->
+ <td>&#x1F009;</td> <!-- MAHJONG TILE THREE OF CHARACTERS -->
+ <td>&#x1F00A;</td> <!-- MAHJONG TILE FOUR OF CHARACTERS -->
+ <td>&#x1F00B;</td> <!-- MAHJONG TILE FIVE OF CHARACTERS -->
+ <td>&#x1F00C;</td> <!-- MAHJONG TILE SIX OF CHARACTERS -->
+ <td>&#x1F00D;</td> <!-- MAHJONG TILE SEVEN OF CHARACTERS -->
+ <td>&#x1F00E;</td> <!-- MAHJONG TILE EIGHT OF CHARACTERS -->
+ <td>&#x1F00F;</td> <!-- MAHJONG TILE NINE OF CHARACTERS -->
+ </tr>
+ <tr>
+ <td>&#x1F010;</td> <!-- MAHJONG TILE ONE OF BAMBOOS -->
+ <td>&#x1F011;</td> <!-- MAHJONG TILE TWO OF BAMBOOS -->
+ <td>&#x1F012;</td> <!-- MAHJONG TILE THREE OF BAMBOOS -->
+ <td>&#x1F013;</td> <!-- MAHJONG TILE FOUR OF BAMBOOS -->
+ <td>&#x1F014;</td> <!-- MAHJONG TILE FIVE OF BAMBOOS -->
+ <td>&#x1F015;</td> <!-- MAHJONG TILE SIX OF BAMBOOS -->
+ <td>&#x1F016;</td> <!-- MAHJONG TILE SEVEN OF BAMBOOS -->
+ <td>&#x1F017;</td> <!-- MAHJONG TILE EIGHT OF BAMBOOS -->
+ <td>&#x1F018;</td> <!-- MAHJONG TILE NINE OF BAMBOOS -->
+ </tr>
+ <tr>
+ <td>&#x1F019;</td> <!-- MAHJONG TILE ONE OF CIRCLES -->
+ <td>&#x1F01A;</td> <!-- MAHJONG TILE TWO OF CIRCLES -->
+ <td>&#x1F01B;</td> <!-- MAHJONG TILE THREE OF CIRCLES -->
+ <td>&#x1F01C;</td> <!-- MAHJONG TILE FOUR OF CIRCLES -->
+ <td>&#x1F01D;</td> <!-- MAHJONG TILE FIVE OF CIRCLES -->
+ <td>&#x1F01E;</td> <!-- MAHJONG TILE SIX OF CIRCLES -->
+ <td>&#x1F01F;</td> <!-- MAHJONG TILE SEVEN OF CIRCLES -->
+ <td>&#x1F020;</td> <!-- MAHJONG TILE EIGHT OF CIRCLES -->
+ <td>&#x1F021;</td> <!-- MAHJONG TILE NINE OF CIRCLES -->
+ </tr>
+ <tr>
+ <td>&#x1F022;</td> <!-- MAHJONG TILE PLUM -->
+ <td>&#x1F023;</td> <!-- MAHJONG TILE ORCHID -->
+ <td>&#x1F024;</td> <!-- MAHJONG TILE BAMBOO -->
+ <td>&#x1F025;</td> <!-- MAHJONG TILE CHRYSANTHEMUM -->
+ </tr>
+ <tr>
+ <td>&#x1F026;</td> <!-- MAHJONG TILE SPRING -->
+ <td>&#x1F027;</td> <!-- MAHJONG TILE SUMMER -->
+ <td>&#x1F028;</td> <!-- MAHJONG TILE AUTUMN -->
+ <td>&#x1F029;</td> <!-- MAHJONG TILE WINTER -->
+ </tr>
+ <tr>
+ <td>&#x1F02A;</td> <!-- MAHJONG TILE JOKER -->
+ <td>&#x1F02B;</td> <!-- MAHJONG TILE BACK -->
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/games/playing-cards.html b/games/playing-cards.html
new file mode 100644
index 0000000..9363238
--- /dev/null
+++ b/games/playing-cards.html
@@ -0,0 +1,114 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <title>Playing cards</title>
+ <link rel="stylesheet" type="text/css" href="../style.css"/>
+ </head>
+ <body>
+ <table>
+ <tr>
+ <td>&#x1F0A0;</td> <!-- PLAYING CARD BACK -->
+ <td>&#x1F0BF;</td> <!-- PLAYING CARD RED JOKER -->
+ <td>&#x1F0CF;</td> <!-- PLAYING CARD BLACK JOKER -->
+ <td>&#x1F0DF;</td> <!-- PLAYING CARD WHITE JOKER -->
+ </tr>
+ <tr>
+ <td>&#x2660;</td> <!-- BLACK SPADE SUIT -->
+ <td>&#x2664;</td> <!-- WHITE SPADE SUIT -->
+ <td>&#x1F0A1;</td> <!-- PLAYING CARD ACE OF SPADES -->
+ <td>&#x1F0A2;</td> <!-- PLAYING CARD TWO OF SPADES -->
+ <td>&#x1F0A3;</td> <!-- PLAYING CARD THREE OF SPADES -->
+ <td>&#x1F0A4;</td> <!-- PLAYING CARD FOUR OF SPADES -->
+ <td>&#x1F0A5;</td> <!-- PLAYING CARD FIVE OF SPADES -->
+ <td>&#x1F0A6;</td> <!-- PLAYING CARD SIX OF SPADES -->
+ <td>&#x1F0A7;</td> <!-- PLAYING CARD SEVEN OF SPADES -->
+ <td>&#x1F0A8;</td> <!-- PLAYING CARD EIGHT OF SPADES -->
+ <td>&#x1F0A9;</td> <!-- PLAYING CARD NINE OF SPADES -->
+ <td>&#x1F0AA;</td> <!-- PLAYING CARD TEN OF SPADES -->
+ <td>&#x1F0AB;</td> <!-- PLAYING CARD JACK OF SPADES -->
+ <td>&#x1F0AC;</td> <!-- PLAYING CARD KNIGHT OF SPADES -->
+ <td>&#x1F0AD;</td> <!-- PLAYING CARD QUEEN OF SPADES -->
+ <td>&#x1F0AE;</td> <!-- PLAYING CARD KING OF SPADES -->
+ </tr>
+ <tr>
+ <td>&#x2665;</td> <!-- BLACK HEART SUIT -->
+ <td>&#x2661;</td> <!-- WHITE HEART SUIT -->
+ <td>&#x1F0B1;</td> <!-- PLAYING CARD ACE OF HEARTS -->
+ <td>&#x1F0B2;</td> <!-- PLAYING CARD TWO OF HEARTS -->
+ <td>&#x1F0B3;</td> <!-- PLAYING CARD THREE OF HEARTS -->
+ <td>&#x1F0B4;</td> <!-- PLAYING CARD FOUR OF HEARTS -->
+ <td>&#x1F0B5;</td> <!-- PLAYING CARD FIVE OF HEARTS -->
+ <td>&#x1F0B6;</td> <!-- PLAYING CARD SIX OF HEARTS -->
+ <td>&#x1F0B7;</td> <!-- PLAYING CARD SEVEN OF HEARTS -->
+ <td>&#x1F0B8;</td> <!-- PLAYING CARD EIGHT OF HEARTS -->
+ <td>&#x1F0B9;</td> <!-- PLAYING CARD NINE OF HEARTS -->
+ <td>&#x1F0BA;</td> <!-- PLAYING CARD TEN OF HEARTS -->
+ <td>&#x1F0BB;</td> <!-- PLAYING CARD JACK OF HEARTS -->
+ <td>&#x1F0BC;</td> <!-- PLAYING CARD KNIGHT OF HEARTS -->
+ <td>&#x1F0BD;</td> <!-- PLAYING CARD QUEEN OF HEARTS -->
+ <td>&#x1F0BE;</td> <!-- PLAYING CARD KING OF HEARTS -->
+ </tr>
+ <tr>
+ <td>&#x2666;</td> <!-- BLACK DIAMOND SUIT -->
+ <td>&#x2662;</td> <!-- WHITE DIAMOND SUIT -->
+ <td>&#x1F0C1;</td> <!-- PLAYING CARD ACE OF DIAMONDS -->
+ <td>&#x1F0C2;</td> <!-- PLAYING CARD TWO OF DIAMONDS -->
+ <td>&#x1F0C3;</td> <!-- PLAYING CARD THREE OF DIAMONDS -->
+ <td>&#x1F0C4;</td> <!-- PLAYING CARD FOUR OF DIAMONDS -->
+ <td>&#x1F0C5;</td> <!-- PLAYING CARD FIVE OF DIAMONDS -->
+ <td>&#x1F0C6;</td> <!-- PLAYING CARD SIX OF DIAMONDS -->
+ <td>&#x1F0C7;</td> <!-- PLAYING CARD SEVEN OF DIAMONDS -->
+ <td>&#x1F0C8;</td> <!-- PLAYING CARD EIGHT OF DIAMONDS -->
+ <td>&#x1F0C9;</td> <!-- PLAYING CARD NINE OF DIAMONDS -->
+ <td>&#x1F0CA;</td> <!-- PLAYING CARD TEN OF DIAMONDS -->
+ <td>&#x1F0CB;</td> <!-- PLAYING CARD JACK OF DIAMONDS -->
+ <td>&#x1F0CC;</td> <!-- PLAYING CARD KNIGHT OF DIAMONDS -->
+ <td>&#x1F0CD;</td> <!-- PLAYING CARD QUEEN OF DIAMONDS -->
+ <td>&#x1F0CE;</td> <!-- PLAYING CARD KING OF DIAMONDS -->
+ </tr>
+ <tr>
+ <td>&#x2663;</td> <!-- BLACK CLUB SUIT -->
+ <td>&#x2667;</td> <!-- WHITE CLUB SUIT -->
+ <td>&#x1F0D1;</td> <!-- PLAYING CARD ACE OF CLUBS -->
+ <td>&#x1F0D2;</td> <!-- PLAYING CARD TWO OF CLUBS -->
+ <td>&#x1F0D3;</td> <!-- PLAYING CARD THREE OF CLUBS -->
+ <td>&#x1F0D4;</td> <!-- PLAYING CARD FOUR OF CLUBS -->
+ <td>&#x1F0D5;</td> <!-- PLAYING CARD FIVE OF CLUBS -->
+ <td>&#x1F0D6;</td> <!-- PLAYING CARD SIX OF CLUBS -->
+ <td>&#x1F0D7;</td> <!-- PLAYING CARD SEVEN OF CLUBS -->
+ <td>&#x1F0D8;</td> <!-- PLAYING CARD EIGHT OF CLUBS -->
+ <td>&#x1F0D9;</td> <!-- PLAYING CARD NINE OF CLUBS -->
+ <td>&#x1F0DA;</td> <!-- PLAYING CARD TEN OF CLUBS -->
+ <td>&#x1F0DB;</td> <!-- PLAYING CARD JACK OF CLUBS -->
+ <td>&#x1F0DC;</td> <!-- PLAYING CARD KNIGHT OF CLUBS -->
+ <td>&#x1F0DD;</td> <!-- PLAYING CARD QUEEN OF CLUBS -->
+ <td>&#x1F0DE;</td> <!-- PLAYING CARD KING OF CLUBS -->
+ </tr>
+ <tr>
+ <td>&#x1F0E1;</td> <!-- PLAYING CARD TRUMP-1 -->
+ <td>&#x1F0E2;</td> <!-- PLAYING CARD TRUMP-2 -->
+ <td>&#x1F0E3;</td> <!-- PLAYING CARD TRUMP-3 -->
+ <td>&#x1F0E4;</td> <!-- PLAYING CARD TRUMP-4 -->
+ <td>&#x1F0E5;</td> <!-- PLAYING CARD TRUMP-5 -->
+ <td>&#x1F0E6;</td> <!-- PLAYING CARD TRUMP-6 -->
+ <td>&#x1F0E7;</td> <!-- PLAYING CARD TRUMP-7 -->
+ <td>&#x1F0E8;</td> <!-- PLAYING CARD TRUMP-8 -->
+ <td>&#x1F0E9;</td> <!-- PLAYING CARD TRUMP-9 -->
+ <td>&#x1F0EA;</td> <!-- PLAYING CARD TRUMP-10 -->
+ <td>&#x1F0EB;</td> <!-- PLAYING CARD TRUMP-11 -->
+ <td>&#x1F0EC;</td> <!-- PLAYING CARD TRUMP-12 -->
+ <td>&#x1F0ED;</td> <!-- PLAYING CARD TRUMP-13 -->
+ <td>&#x1F0EE;</td> <!-- PLAYING CARD TRUMP-14 -->
+ <td>&#x1F0EF;</td> <!-- PLAYING CARD TRUMP-15 -->
+ <td>&#x1F0F0;</td> <!-- PLAYING CARD TRUMP-16 -->
+ <td>&#x1F0F1;</td> <!-- PLAYING CARD TRUMP-17 -->
+ <td>&#x1F0F2;</td> <!-- PLAYING CARD TRUMP-18 -->
+ <td>&#x1F0F3;</td> <!-- PLAYING CARD TRUMP-19 -->
+ <td>&#x1F0F4;</td> <!-- PLAYING CARD TRUMP-20 -->
+ <td>&#x1F0F5;</td> <!-- PLAYING CARD TRUMP-21 -->
+ <td>&#x1F0E0;</td> <!-- PLAYING CARD FOOL -->
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/games/shogi.html b/games/shogi.html
new file mode 100644
index 0000000..b4f26f8
--- /dev/null
+++ b/games/shogi.html
@@ -0,0 +1,20 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <title>Shogi</title>
+ <link rel="stylesheet" type="text/css" href="../style.css"/>
+ </head>
+ <body>
+ <table>
+ <tr>
+ <td>&#x2616;</td> <!-- WHITE SHOGI PIECE -->
+ <td>&#x2617;</td> <!-- BLACK SHOGI PIECE -->
+ </tr>
+ <tr>
+ <td>&#x26C9;</td> <!-- TURNED WHITE SHOGI PIECE -->
+ <td>&#x26CA;</td> <!-- TURNED BLACK SHOGI PIECE -->
+ </tr>
+ </table>
+ </body>
+</html>
diff --git a/games/xiangqi.html b/games/xiangqi.html
new file mode 100644
index 0000000..1d552bc
--- /dev/null
+++ b/games/xiangqi.html
@@ -0,0 +1,30 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <title>Xiangqi</title>
+ <link rel="stylesheet" type="text/css" href="../style.css"/>
+ </head>
+ <body>
+ <table>
+ <tr>
+ <td>&#x1FA60;</td> <!-- XIANGQI RED GENERAL -->
+ <td>&#x1FA61;</td> <!-- XIANGQI RED MANDARIN -->
+ <td>&#x1FA62;</td> <!-- XIANGQI RED ELEPHANT -->
+ <td>&#x1FA63;</td> <!-- XIANGQI RED HORSE -->
+ <td>&#x1FA64;</td> <!-- XIANGQI RED CHARIOT -->
+ <td>&#x1FA65;</td> <!-- XIANGQI RED CANNON -->
+ <td>&#x1FA66;</td> <!-- XIANGQI RED SOLDIER -->
+ </tr>
+ <tr>
+ <td>&#x1FA67;</td> <!-- XIANGQI BLACK GENERAL -->
+ <td>&#x1FA68;</td> <!-- XIANGQI BLACK MANDARIN -->
+ <td>&#x1FA69;</td> <!-- XIANGQI BLACK ELEPHANT -->
+ <td>&#x1FA6A;</td> <!-- XIANGQI BLACK HORSE -->
+ <td>&#x1FA6B;</td> <!-- XIANGQI BLACK CHARIOT -->
+ <td>&#x1FA6C;</td> <!-- XIANGQI BLACK CANNON -->
+ <td>&#x1FA6D;</td> <!-- XIANGQI BLACK SOLDIER -->
+ </tr>
+ </table>
+ </body>
+</html>