create combined SVGs for each chess icon theme using :target selectors

This commit is contained in:
Jesse D. McDonald 2020-05-03 21:29:23 -05:00
parent 4f7dcd7ff9
commit 106e43e8ad
6 changed files with 523 additions and 76 deletions

View File

@ -324,19 +324,23 @@ button:disabled .silhouette {
}
#cb_board .cb-lt-piece {
left: -2.5%;
left: 0;
right: auto;
}
#cb_board .cb-dk-piece {
left: 47.5%;
left: auto;
right: 0;
}
#cb_board.cb-reversed .cb-lt-piece {
left: 47.5%;
left: auto;
right: 0
}
#cb_board.cb-reversed .cb-dk-piece {
left: -2.5%;
left: 0;
right: auto;
}
#cb_board #cb_phantom .cb-dk-piece {
@ -503,15 +507,15 @@ button:disabled .silhouette {
.game-tile-lt-name::before {
content: '';
display: inline-block;
background-image: url(../svg/pacosako/kl.svg);
background-image: url(../svg/pacosako-theme.svg#light_king_left);
background-size: contain;
background-repeat: no-repeat;
width: 1.2em;
height: 1.2em;
margin-left: 0;
margin-top: 0;
margin-bottom: -0.1em;
margin-right: -0.15em;
margin-bottom: -0.2em;
margin-right: -0.4em;
}
/* extra space to keep the line centered */
@ -520,9 +524,9 @@ button:disabled .silhouette {
display: inline-block;
width: 1.2em;
height: 1.2em;
margin-left: -0.15em;
margin-left: -0.4em;
margin-top: 0;
margin-bottom: -0.1em;
margin-bottom: -0.2em;
margin-right: 0;
}
@ -534,21 +538,21 @@ button:disabled .silhouette {
height: 1.2em;
margin-left: 0;
margin-top: 0;
margin-bottom: -0.1em;
margin-right: -0.05em;
margin-bottom: -0.2em;
margin-right: -0.4em;
}
.game-tile-dk-name::after {
content: '';
display: inline-block;
background-image: url(../svg/pacosako/kd.svg);
background-image: url(../svg/pacosako-theme.svg#dark_king_right);
background-size: contain;
background-repeat: no-repeat;
width: 1.2em;
height: 1.2em;
margin-left: -0.05em;
margin-left: -0.4em;
margin-top: 0;
margin-bottom: -0.1em;
margin-bottom: -0.2em;
margin-right: 0;
}
@ -635,22 +639,30 @@ button:disabled .silhouette {
}
}
.cb-dk-piece.cb-king { content: url(../svg/Chess_kdt45.svg); }
.cb-dk-piece.cb-queen { content: url(../svg/Chess_qdt45.svg); }
.cb-dk-piece.cb-rook { content: url(../svg/Chess_rdt45.svg); }
.cb-dk-piece.cb-knight { content: url(../svg/Chess_ndt45.svg); }
.cb-dk-piece.cb-bishop { content: url(../svg/Chess_bdt45.svg); }
.cb-dk-piece.cb-pawn { content: url(../svg/Chess_pdt45.svg); }
.cb-lt-piece.cb-king { content: url(../svg/Chess_klt45.svg); }
.cb-lt-piece.cb-queen { content: url(../svg/Chess_qlt45.svg); }
.cb-lt-piece.cb-rook { content: url(../svg/Chess_rlt45.svg); }
.cb-lt-piece.cb-knight { content: url(../svg/Chess_nlt45.svg); }
.cb-lt-piece.cb-bishop { content: url(../svg/Chess_blt45.svg); }
.cb-lt-piece.cb-pawn { content: url(../svg/Chess_plt45.svg); }
.cb-dk-piece.cb-king { content: url(../svg/traditional-theme.svg#dark_king_right); }
.cb-dk-piece.cb-queen { content: url(../svg/traditional-theme.svg#dark_queen_right); }
.cb-dk-piece.cb-bishop { content: url(../svg/traditional-theme.svg#dark_bishop_right); }
.cb-dk-piece.cb-knight { content: url(../svg/traditional-theme.svg#dark_knight_right); }
.cb-dk-piece.cb-rook { content: url(../svg/traditional-theme.svg#dark_rook_right); }
.cb-dk-piece.cb-pawn { content: url(../svg/traditional-theme.svg#dark_pawn_right); }
.cb-lt-piece.cb-king { content: url(../svg/traditional-theme.svg#light_king_left); }
.cb-lt-piece.cb-queen { content: url(../svg/traditional-theme.svg#light_queen_left); }
.cb-lt-piece.cb-bishop { content: url(../svg/traditional-theme.svg#light_bishop_left); }
.cb-lt-piece.cb-knight { content: url(../svg/traditional-theme.svg#light_knight_left); }
.cb-lt-piece.cb-rook { content: url(../svg/traditional-theme.svg#light_rook_left); }
.cb-lt-piece.cb-pawn { content: url(../svg/traditional-theme.svg#light_pawn_left); }
#cb_board.cb-reversed .cb-piece {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
#cb_board.cb-reversed .cb-dk-piece.cb-king { content: url(../svg/traditional-theme.svg#dark_king_left); }
#cb_board.cb-reversed .cb-dk-piece.cb-queen { content: url(../svg/traditional-theme.svg#dark_queen_left); }
#cb_board.cb-reversed .cb-dk-piece.cb-bishop { content: url(../svg/traditional-theme.svg#dark_bishop_left); }
#cb_board.cb-reversed .cb-dk-piece.cb-knight { content: url(../svg/traditional-theme.svg#dark_knight_left); }
#cb_board.cb-reversed .cb-dk-piece.cb-rook { content: url(../svg/traditional-theme.svg#dark_rook_left); }
#cb_board.cb-reversed .cb-dk-piece.cb-pawn { content: url(../svg/traditional-theme.svg#dark_pawn_left); }
#cb_board.cb-reversed .cb-lt-piece.cb-king { content: url(../svg/traditional-theme.svg#light_king_right); }
#cb_board.cb-reversed .cb-lt-piece.cb-queen { content: url(../svg/traditional-theme.svg#light_queen_right); }
#cb_board.cb-reversed .cb-lt-piece.cb-bishop { content: url(../svg/traditional-theme.svg#light_bishop_right); }
#cb_board.cb-reversed .cb-lt-piece.cb-knight { content: url(../svg/traditional-theme.svg#light_knight_right); }
#cb_board.cb-reversed .cb-lt-piece.cb-rook { content: url(../svg/traditional-theme.svg#light_rook_right); }
#cb_board.cb-reversed .cb-lt-piece.cb-pawn { content: url(../svg/traditional-theme.svg#light_pawn_right); }
/* vim: set expandtab sw=3 ts=8: */

View File

@ -1,45 +1,55 @@
.cb-theme-pacosako .cb-dk-piece.cb-king { content: url(../../svg/pacosako/kd.svg); }
.cb-theme-pacosako .cb-dk-piece.cb-queen { content: url(../../svg/pacosako/qd.svg); }
.cb-theme-pacosako .cb-dk-piece.cb-rook { content: url(../../svg/pacosako/rd.svg); }
.cb-theme-pacosako .cb-dk-piece.cb-knight { content: url(../../svg/pacosako/nd.svg); }
.cb-theme-pacosako .cb-dk-piece.cb-bishop { content: url(../../svg/pacosako/bd.svg); }
.cb-theme-pacosako .cb-dk-piece.cb-pawn { content: url(../../svg/pacosako/pd.svg); }
.cb-theme-pacosako .cb-lt-piece.cb-king { content: url(../../svg/pacosako/kl.svg); }
.cb-theme-pacosako .cb-lt-piece.cb-queen { content: url(../../svg/pacosako/ql.svg); }
.cb-theme-pacosako .cb-lt-piece.cb-rook { content: url(../../svg/pacosako/rl.svg); }
.cb-theme-pacosako .cb-lt-piece.cb-knight { content: url(../../svg/pacosako/nl.svg); }
.cb-theme-pacosako .cb-lt-piece.cb-bishop { content: url(../../svg/pacosako/bl.svg); }
.cb-theme-pacosako .cb-lt-piece.cb-pawn { content: url(../../svg/pacosako/pl.svg); }
.cb-theme-pacosako .cb-dk-piece.cb-king { content: url(../../svg/pacosako-theme.svg#dark_king_right); }
.cb-theme-pacosako .cb-dk-piece.cb-queen { content: url(../../svg/pacosako-theme.svg#dark_queen_right); }
.cb-theme-pacosako .cb-dk-piece.cb-bishop { content: url(../../svg/pacosako-theme.svg#dark_bishop_right); }
.cb-theme-pacosako .cb-dk-piece.cb-knight { content: url(../../svg/pacosako-theme.svg#dark_knight_right); }
.cb-theme-pacosako .cb-dk-piece.cb-rook { content: url(../../svg/pacosako-theme.svg#dark_rook_right); }
.cb-theme-pacosako .cb-dk-piece.cb-pawn { content: url(../../svg/pacosako-theme.svg#dark_pawn_right); }
.cb-theme-pacosako .cb-lt-piece.cb-king { content: url(../../svg/pacosako-theme.svg#light_king_left); }
.cb-theme-pacosako .cb-lt-piece.cb-queen { content: url(../../svg/pacosako-theme.svg#light_queen_left); }
.cb-theme-pacosako .cb-lt-piece.cb-bishop { content: url(../../svg/pacosako-theme.svg#light_bishop_left); }
.cb-theme-pacosako .cb-lt-piece.cb-knight { content: url(../../svg/pacosako-theme.svg#light_knight_left); }
.cb-theme-pacosako .cb-lt-piece.cb-rook { content: url(../../svg/pacosako-theme.svg#light_rook_left); }
.cb-theme-pacosako .cb-lt-piece.cb-pawn { content: url(../../svg/pacosako-theme.svg#light_pawn_left); }
#cb_board.cb-theme-pacosako .cb-dk-piece.cb-king { content: url(../../svg/pacosako-theme.svg#dark_king_left); }
#cb_board.cb-theme-pacosako .cb-dk-piece.cb-queen { content: url(../../svg/pacosako-theme.svg#dark_queen_left); }
#cb_board.cb-theme-pacosako .cb-dk-piece.cb-bishop { content: url(../../svg/pacosako-theme.svg#dark_bishop_left); }
#cb_board.cb-theme-pacosako .cb-dk-piece.cb-knight { content: url(../../svg/pacosako-theme.svg#dark_knight_left); }
#cb_board.cb-theme-pacosako .cb-dk-piece.cb-rook { content: url(../../svg/pacosako-theme.svg#dark_rook_left); }
#cb_board.cb-theme-pacosako .cb-dk-piece.cb-pawn { content: url(../../svg/pacosako-theme.svg#dark_pawn_left); }
#cb_board.cb-theme-pacosako .cb-lt-piece.cb-king { content: url(../../svg/pacosako-theme.svg#light_king_right); }
#cb_board.cb-theme-pacosako .cb-lt-piece.cb-queen { content: url(../../svg/pacosako-theme.svg#light_queen_right); }
#cb_board.cb-theme-pacosako .cb-lt-piece.cb-bishop { content: url(../../svg/pacosako-theme.svg#light_bishop_right); }
#cb_board.cb-theme-pacosako .cb-lt-piece.cb-knight { content: url(../../svg/pacosako-theme.svg#light_knight_right); }
#cb_board.cb-theme-pacosako .cb-lt-piece.cb-rook { content: url(../../svg/pacosako-theme.svg#light_rook_right); }
#cb_board.cb-theme-pacosako .cb-lt-piece.cb-pawn { content: url(../../svg/pacosako-theme.svg#light_pawn_right); }
.cb-theme-pacosako .cb-piece {
position: absolute;
top: 10%;
width: calc(55% * 80 / 65);
height: 80%;
}
#cb_board.cb-theme-pacosako .cb-lt-piece {
left: 0;
top: 0;
left: 0;
right: auto;
bottom: auto;
width: 100%;
height: 100%;
}
#cb_board.cb-theme-pacosako .cb-dk-piece {
left: auto;
right: 0;
}
#cb_board.cb-theme-pacosako.cb-reversed .cb-lt-piece,
#cb_board.cb-theme-pacosako.cb-reversed .cb-lt-piece {
right: 0;
left: auto;
}
#cb_board.cb-theme-pacosako.cb-reversed .cb-dk-piece {
left: 0;
left: 0;
right: auto;
}
#cb_board.cb-theme-pacosako #cb_phantom .cb-piece {
top: 15%;
left: calc((100% - (55% * 80 / 65)) / 2);
#cb_board.cb-theme-pacosako #cb_phantom .cb-lt-piece,
#cb_board.cb-theme-pacosako.cb-reversed #cb_phantom .cb-dk-piece {
top: 5%;
left: 15%;
right: auto;
}
#cb_board.cb-theme-pacosako #cb_phantom .cb-dk-piece,
#cb_board.cb-theme-pacosako.cb-reversed #cb_phantom .cb-lt-piece {
top: 5%;
left: auto;
right: 15%;
}

View File

@ -258,18 +258,18 @@
<div id="cb_phantom" class="cb-phantom"></div>
<div id="cb_pieces" style="display: none">
<div id="cb_piece_kd" class="cb-piece cb-dk-piece cb-king" ><img src="<%=require('./svg/Chess_kdt45.svg')%>" alt="kd"></div>
<div id="cb_piece_qd" class="cb-piece cb-dk-piece cb-queen" ><img src="<%=require('./svg/Chess_qdt45.svg')%>" alt="qd"></div>
<div id="cb_piece_rd" class="cb-piece cb-dk-piece cb-rook" ><img src="<%=require('./svg/Chess_rdt45.svg')%>" alt="rd"></div>
<div id="cb_piece_nd" class="cb-piece cb-dk-piece cb-knight" ><img src="<%=require('./svg/Chess_ndt45.svg')%>" alt="nd"></div>
<div id="cb_piece_bd" class="cb-piece cb-dk-piece cb-bishop" ><img src="<%=require('./svg/Chess_bdt45.svg')%>" alt="bd"></div>
<div id="cb_piece_pd" class="cb-piece cb-dk-piece cb-pawn" ><img src="<%=require('./svg/Chess_pdt45.svg')%>" alt="pd"></div>
<div id="cb_piece_kl" class="cb-piece cb-lt-piece cb-king" ><img src="<%=require('./svg/Chess_klt45.svg')%>" alt="kl"></div>
<div id="cb_piece_ql" class="cb-piece cb-lt-piece cb-queen" ><img src="<%=require('./svg/Chess_qlt45.svg')%>" alt="ql"></div>
<div id="cb_piece_rl" class="cb-piece cb-lt-piece cb-rook" ><img src="<%=require('./svg/Chess_rlt45.svg')%>" alt="rl"></div>
<div id="cb_piece_nl" class="cb-piece cb-lt-piece cb-knight" ><img src="<%=require('./svg/Chess_nlt45.svg')%>" alt="nl"></div>
<div id="cb_piece_bl" class="cb-piece cb-lt-piece cb-bishop" ><img src="<%=require('./svg/Chess_blt45.svg')%>" alt="bl"></div>
<div id="cb_piece_pl" class="cb-piece cb-lt-piece cb-pawn" ><img src="<%=require('./svg/Chess_plt45.svg')%>" alt="pl"></div>
<div id="cb_piece_kd" class="cb-piece cb-dk-piece cb-king" ><img src="<%=require('./svg/traditional-theme.svg')%>#dark_king_right" alt="kd"></div>
<div id="cb_piece_qd" class="cb-piece cb-dk-piece cb-queen" ><img src="<%=require('./svg/traditional-theme.svg')%>#dark_queen_right" alt="qd"></div>
<div id="cb_piece_bd" class="cb-piece cb-dk-piece cb-bishop" ><img src="<%=require('./svg/traditional-theme.svg')%>#dark_bishop_right" alt="bd"></div>
<div id="cb_piece_nd" class="cb-piece cb-dk-piece cb-knight" ><img src="<%=require('./svg/traditional-theme.svg')%>#dark_knight_right" alt="nd"></div>
<div id="cb_piece_rd" class="cb-piece cb-dk-piece cb-rook" ><img src="<%=require('./svg/traditional-theme.svg')%>#dark_rook_right" alt="rd"></div>
<div id="cb_piece_pd" class="cb-piece cb-dk-piece cb-pawn" ><img src="<%=require('./svg/traditional-theme.svg')%>#dark_pawn_right" alt="pd"></div>
<div id="cb_piece_kl" class="cb-piece cb-lt-piece cb-king" ><img src="<%=require('./svg/traditional-theme.svg')%>#light_king_left" alt="kl"></div>
<div id="cb_piece_ql" class="cb-piece cb-lt-piece cb-queen" ><img src="<%=require('./svg/traditional-theme.svg')%>#light_queen_left" alt="ql"></div>
<div id="cb_piece_bl" class="cb-piece cb-lt-piece cb-bishop" ><img src="<%=require('./svg/traditional-theme.svg')%>#light_bishop_left" alt="bl"></div>
<div id="cb_piece_nl" class="cb-piece cb-lt-piece cb-knight" ><img src="<%=require('./svg/traditional-theme.svg')%>#light_knight_left" alt="nl"></div>
<div id="cb_piece_rl" class="cb-piece cb-lt-piece cb-rook" ><img src="<%=require('./svg/traditional-theme.svg')%>#light_rook_left" alt="rl"></div>
<div id="cb_piece_pl" class="cb-piece cb-lt-piece cb-pawn" ><img src="<%=require('./svg/traditional-theme.svg')%>#light_pawn_left" alt="pl"></div>
</div>
</div>
</div>

217
svg/pacosako-theme.svg Normal file
View File

@ -0,0 +1,217 @@
<?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="80pt" height="80pt" viewBox="0 0 28.222 28.222">
<style>
.piece { display: none !important }
.piece:target { display: inline !important }
</style>
<defs>
<symbol id="sym_light_rook_left">
<g transform="translate(-.851 -271.208)">
<path d="M3.528 278.656a.704.704 0 00-.706.706v9.524c0 .391.315.706.706.706H12.7c.39 0 .705-.315.705-.706v-9.524a.704.704 0 00-.705-.706h-.706v3.528a.352.352 0 01-.352.353h-.706a.352.352 0 01-.353-.353v-3.528H8.996v3.528a.352.352 0 01-.353.353H7.584a.352.352 0 01-.352-.353v-3.528H5.645v3.528a.352.352 0 01-.353.353h-.706a.352.352 0 01-.353-.353v-3.528z" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width=".529"/>
<rect x="3.881" y="290.18" width="8.467" height="1.674" rx=".706" ry=".706" fill="#fff" stroke="#000004" stroke-linecap="round" stroke-linejoin="round" stroke-width=".529"/>
<path d="M1.764 293.47c5.292 0 11.642 0 16.294 2.502-5.71.673-13.824-.385-16.294-2.502z" fill="#fff" fill-rule="evenodd" stroke="#000" stroke-linecap="round" stroke-linejoin="bevel" stroke-width=".529"/>
<path d="M2.822 287.83h10.583" fill="none" stroke="#000" stroke-width=".706"/>
</g>
</symbol>
<symbol id="sym_light_pawn_right">
<g transform="matrix(-1 0 0 1 29.122 -271.21)" fill="#fff" stroke="#000" stroke-linecap="round" stroke-width=".529">
<path d="M1.764 293.47c5.292 0 11.642 0 16.294 2.502-5.71.673-13.824-.385-16.294-2.502z" fill-rule="evenodd" stroke-linejoin="bevel"/>
<rect x="4.939" y="290.65" width="6.703" height="1.411" rx=".353" ry=".353" stroke-linejoin="round"/>
<circle cx="8.29" cy="284.87" r="4.586" stroke-linejoin="round"/>
</g>
</symbol>
<symbol id="sym_light_knight_left">
<g fill="#fff" fill-rule="evenodd" stroke="#000" stroke-width=".529">
<path d="M.912 22.262c5.292 0 11.642 0 16.294 2.502-5.71.673-13.824-.386-16.294-2.502z" stroke-linecap="round" stroke-linejoin="bevel"/>
<path d="M3.756 19.052C2.61 16.9 1.86 15.193 1.908 12.223c.047-2.97 1.567-5.098 2.923-5.987 1.357-.888 3.62-1.53 4.548-.7.274.246.583-.008.787.278.096.133.243.516.208.563-.07.093-.702.444-1.427.537-.725.094-3.204.304-4.186 2.526-.982 2.222-1.192 4.654-1.005 9.612z"/>
<path d="M1.97 20.852h10.232s-2.47-2.823-3.175-3.88c-.706-1.06-1.047-3.298-.673-3.628.584-.514 1.77.524 2.122.877.353.352.91 1.045 1.373.986.548-.07.992-.554 1.058-1.058.05-.373-.385-1.156-.705-1.764-.368-.698-.992-1.615-1.059-2.304-.033-.351-.046-.821-.066-1.158-.024-.407-.95-.535-1.279-1.273-.15-.338-.15-.429-.314-.678-.282-.429-.562-.165-.893-.298-.33-.132-.86-2.182-.959-2.38-.11-.223-.315-.22-.413-.026-.224.447-.646 2.187-.753 2.39-.138.262-.984.43-1.802 1.323-.85.927-1.761 2.464-1.761 4.862 0 2.397.314 5.225.132 5.87-.182.645-.711.728-1.064.728v1.41z"/>
</g>
</symbol>
<symbol id="sym_light_bishop_left">
<g fill="#fff" stroke="#000" stroke-linecap="round" stroke-width=".529">
<path d="M.912 22.262c5.292 0 11.642 0 16.294 2.502-5.71.673-13.824-.386-16.294-2.502z" fill-rule="evenodd" stroke-linejoin="bevel"/>
<path d="M9.38 19.442h2.116c.196 0 .353.157.353.352v.706a.352.352 0 01-.353.353H3.03a.352.352 0 01-.353-.353v-.706c0-.195.157-.352.353-.352h2.116s-1.92-1.804-2.178-3.412c-.359-3.526 2.167-6.617 3.68-9.64.17-.339-.555.189-.8-.354-.132-.295.083-.777.357-1.058.279-.286.936-.706 1.058-.706s.758.406 1.058.706c.3.3.43.766.353 1.058-.148.568-.982 0-.811.353.522 1.082 1.165 1.475 1.87 3.528l-2.117 2.117.705 1.41 2.117-2.116c1.058 1.411 1.45 3.434 1.037 5.184-.308 1.305-2.096 2.93-2.096 2.93z" stroke-linejoin="round"/>
</g>
</symbol>
<symbol id="sym_light_queen_left">
<g transform="translate(-.851 -271.208)" fill="#fff" stroke-width=".529">
<path d="M5.292 289.94l-3.175-10.583 2.47 2.822.705-3.175 1.41 3.175 1.412-3.528 1.411 3.528 1.411-3.175.706 3.175 2.116-2.822-2.822 10.583z" fill-rule="evenodd" stroke="#000" stroke-linejoin="round"/>
<rect x="3.881" y="289.94" width="8.467" height="2.469" rx=".706" ry=".706" stroke="#000004" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M1.764 293.47c5.292 0 11.642 0 16.294 2.502-5.71.673-13.824-.385-16.294-2.502z" fill-rule="evenodd" stroke="#000" stroke-linecap="round" stroke-linejoin="bevel"/>
<circle cx="8.114" cy="276.54" r="1.411" stroke="#060606" stroke-linecap="round" stroke-linejoin="round"/>
</g>
</symbol>
<symbol id="sym_light_king_left">
<g transform="translate(-.828 -271.208)">
<path d="M7.914 274.42a.176.176 0 00-.176.176v.53H7.21a.176.176 0 00-.177.176v.353c0 .097.08.176.177.176h.53v.706h.705v-.706h.529a.176.176 0 00.176-.176v-.353a.176.176 0 00-.176-.177h-.53v-.529a.176.176 0 00-.176-.176zm-.176 2.822h.706z" fill="#fff" stroke="#000" stroke-linecap="round" stroke-width=".353"/>
<path d="M5.974 278.3v-1.411c0-.196.157-.353.353-.353h3.528c.195 0 .352.157.352.353v1.411" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width=".529"/>
<path d="M4.21 289.94l-2.822-10.583h1.764v-1.058h9.525v1.058h1.764l-2.47 10.583z" fill="#fff" fill-rule="evenodd" stroke="#000" stroke-linejoin="round" stroke-width=".529"/>
<rect x="2.446" y="289.94" width="11.289" height="2.469" rx=".706" ry=".706" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width=".529"/>
<path d="M1.74 293.47c5.292 0 11.643 0 16.295 2.502-5.71.673-13.824-.385-16.294-2.502z" fill="#fff" fill-rule="evenodd" stroke="#000" stroke-linecap="round" stroke-linejoin="bevel" stroke-width=".529"/>
<path d="M7.915 279.91l-.529.637v1.636H5.622v1.059h1.764v2.822h1.059v-2.822h1.763v-1.059H8.445v-1.636z" color="#000" fill="#040404"/>
</g>
</symbol>
<symbol id="sym_dark_pawn_right">
<g transform="translate(9.324 -271.208)" stroke="#fafafa" stroke-linecap="round" stroke-width=".353">
<path d="M18.034 293.47c-5.292 0-11.642 0-16.294 2.502 5.71.673 13.824-.385 16.294-2.502z" fill-rule="evenodd" stroke-linejoin="bevel"/>
<rect transform="scale(-1 1)" x="-14.859" y="290.65" width="6.703" height="1.411" rx=".353" ry=".353" stroke-linejoin="round"/>
<circle transform="scale(-1 1)" cx="-11.508" cy="284.87" r="4.586" stroke-linejoin="round"/>
</g>
</symbol>
<symbol id="sym_dark_rook_right">
<g transform="translate(9.324 -271.208)" stroke="#f7f7ff">
<path d="M16.27 278.66c.39 0 .706.315.706.705v9.525a.705.705 0 01-.706.706H7.098a.704.704 0 01-.705-.706v-9.525c0-.39.314-.705.705-.705h.705v3.527c0 .196.158.353.353.353h.706a.352.352 0 00.353-.353v-3.527h1.587v3.527c0 .196.158.353.353.353h1.058a.352.352 0 00.353-.353v-3.527h1.587v3.527c0 .196.158.353.353.353h.706a.352.352 0 00.353-.353v-3.527z" stroke-linecap="round" stroke-linejoin="round" stroke-width=".353"/>
<rect transform="scale(-1 1)" x="-15.918" y="290.18" width="8.467" height="1.674" rx=".706" ry=".706" stroke-linecap="round" stroke-linejoin="round" stroke-width=".353"/>
<path d="M18.034 293.47c-5.292 0-11.642 0-16.294 2.502 5.71.673 13.824-.385 16.294-2.502z" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="bevel" stroke-width=".353"/>
<path d="M16.976 287.83H6.393" fill-rule="evenodd" stroke-width=".529"/>
</g>
</symbol>
<symbol id="sym_dark_knight_right">
<g fill="#040404" fill-rule="evenodd" stroke="#fff" stroke-width=".353">
<path d="M27.358 22.262c-5.292 0-11.642 0-16.294 2.502 5.71.673 13.824-.386 16.294-2.502z" stroke-linecap="round" stroke-linejoin="bevel"/>
<path d="M24.515 19.052c1.146-2.152 1.894-3.859 1.848-6.829-.047-2.97-1.567-5.098-2.924-5.987s-3.62-1.53-4.547-.7c-.274.246-.583-.008-.787.278-.096.133-.243.516-.208.563.07.093.701.444 1.426.537.725.094 3.204.304 4.187 2.526.982 2.222 1.192 4.654 1.005 9.612z"/>
<path d="M26.3 20.852H16.07s2.468-2.823 3.174-3.88c.706-1.06 1.047-3.298.673-3.628-.584-.514-1.77.524-2.123.877-.352.352-.91 1.045-1.372.986-.548-.07-.992-.554-1.058-1.058-.05-.373.385-1.156.705-1.764.368-.698.992-1.615 1.058-2.304.034-.351.047-.821.067-1.158.024-.407.95-.535 1.278-1.273.151-.338.15-.429.315-.678.282-.429.562-.165.893-.298.33-.132.86-2.182.959-2.38.11-.223.315-.22.413-.026.224.447.645 2.187.752 2.39.139.262.984.43 1.803 1.323.85.927 1.761 2.464 1.761 4.862 0 2.397-.314 5.225-.132 5.87s.71.728 1.064.728v1.41z"/>
</g>
</symbol>
<symbol id="sym_dark_bishop_right">
<g fill="#030303" stroke="#fefefe" stroke-linecap="round" stroke-width=".353">
<path d="M27.358 22.262c-5.292 0-11.642 0-16.294 2.502 5.71.673 13.824-.386 16.294-2.502z" fill-rule="evenodd" stroke-linejoin="bevel"/>
<path d="M18.892 19.442h-2.117a.352.352 0 00-.353.352v.706c0 .195.158.353.353.353h8.467a.352.352 0 00.353-.353v-.706a.352.352 0 00-.353-.352h-2.117s1.92-1.804 2.178-3.412c.36-3.526-2.166-6.617-3.68-9.64-.169-.339.556.189.8-.354.133-.295-.083-.777-.356-1.058-.28-.286-.936-.706-1.059-.706-.122 0-.758.406-1.058.706-.3.3-.429.766-.353 1.058.148.568.983 0 .812.353-.523 1.082-1.165 1.475-1.87 3.528l2.117 2.117-.706 1.41-2.116-2.116c-1.059 1.411-1.45 3.434-1.037 5.184.308 1.305 2.095 2.93 2.095 2.93z" stroke-linejoin="round"/>
</g>
</symbol>
<symbol id="sym_dark_queen_right">
<g transform="translate(9.324 -271.208)" stroke="#fff" stroke-width=".353">
<path d="M14.507 289.94l3.175-10.583-2.47 2.822-.705-3.175-1.411 3.175-1.411-3.528-1.411 3.528-1.411-3.175-.706 3.175-2.117-2.822 2.823 10.583z" fill-rule="evenodd" stroke-linejoin="round"/>
<rect transform="scale(-1 1)" x="-15.918" y="289.94" width="8.467" height="2.469" rx=".706" ry=".706" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M18.034 293.47c-5.292 0-11.642 0-16.294 2.502 5.71.673 13.824-.385 16.294-2.502z" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="bevel"/>
<circle transform="scale(-1 1)" cx="-11.684" cy="276.54" r="1.411" stroke-linecap="round" stroke-linejoin="round"/>
</g>
</symbol>
<symbol id="sym_dark_king_right">
<g transform="translate(9.723 -271.208)">
<path d="M11.462 274.42c.098 0 .176.079.176.176v.53h.53c.097 0 .176.078.176.176v.353a.176.176 0 01-.177.176h-.529v.706h-.705v-.706h-.53a.176.176 0 01-.176-.176v-.353c0-.098.079-.177.177-.177h.529v-.529c0-.097.078-.176.176-.176zm.176 2.822h-.705z" stroke="#fff" stroke-linecap="round" stroke-width=".265"/>
<path d="M13.402 278.3v-1.411a.352.352 0 00-.353-.353H9.521a.352.352 0 00-.352.353v1.411" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width=".353"/>
<path d="M15.166 289.94l2.822-10.583h-1.764v-1.058H6.7v1.058H4.935l2.47 10.583z" fill="#070707" fill-rule="evenodd" stroke="#fefefe" stroke-linejoin="round" stroke-width=".353"/>
<rect transform="scale(-1 1)" x="-16.93" y="289.94" width="11.289" height="2.469" rx=".706" ry=".706" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width=".353"/>
<path d="M17.636 293.47c-5.292 0-11.642 0-16.294 2.502 5.71.673 13.824-.385 16.294-2.502z" fill-rule="evenodd" stroke="#fff" stroke-linecap="round" stroke-linejoin="bevel" stroke-width=".353"/>
<path transform="translate(0 274.07)" d="M11.461 5.84l.53.637v1.637h1.763v1.059H11.99v2.822h-1.058V9.173H9.168V8.114h1.764V6.477z" color="#000" fill="#fff"/>
</g>
</symbol>
<symbol id="sym_light_pawn_left">
<g transform="translate(-.851 -271.208)" fill="#fff" stroke="#000" stroke-linecap="round" stroke-width=".529">
<path d="M1.764 293.47c5.292 0 11.642 0 16.294 2.502-5.71.673-13.824-.385-16.294-2.502z" fill-rule="evenodd" stroke-linejoin="bevel"/>
<rect x="4.939" y="290.65" width="6.703" height="1.411" rx=".353" ry=".353" stroke-linejoin="round"/>
<circle cx="8.29" cy="284.87" r="4.586" stroke-linejoin="round"/>
</g>
</symbol>
<symbol id="sym_light_rook_right">
<g transform="matrix(-1 0 0 1 29.122 -271.21)">
<path d="M3.528 278.656a.704.704 0 00-.706.706v9.524c0 .391.315.706.706.706H12.7c.39 0 .705-.315.705-.706v-9.524a.704.704 0 00-.705-.706h-.706v3.528a.352.352 0 01-.352.353h-.706a.352.352 0 01-.353-.353v-3.528H8.996v3.528a.352.352 0 01-.353.353H7.584a.352.352 0 01-.352-.353v-3.528H5.645v3.528a.352.352 0 01-.353.353h-.706a.352.352 0 01-.353-.353v-3.528z" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width=".529"/>
<rect x="3.881" y="290.18" width="8.467" height="1.674" rx=".706" ry=".706" fill="#fff" stroke="#000004" stroke-linecap="round" stroke-linejoin="round" stroke-width=".529"/>
<path d="M1.764 293.47c5.292 0 11.642 0 16.294 2.502-5.71.673-13.824-.385-16.294-2.502z" fill="#fff" fill-rule="evenodd" stroke="#000" stroke-linecap="round" stroke-linejoin="bevel" stroke-width=".529"/>
<path d="M2.822 287.83h10.583" fill="none" stroke="#000" stroke-width=".706"/>
</g>
</symbol>
<symbol id="sym_light_knight_right">
<g fill="#fff" fill-rule="evenodd" stroke="#000" stroke-width=".529">
<path d="M27.358 22.26c-5.292 0-11.642 0-16.294 2.502 5.71.673 13.824-.385 16.294-2.502z" stroke-linecap="round" stroke-linejoin="bevel"/>
<path d="M24.515 19.05c1.146-2.151 1.894-3.859 1.847-6.829-.046-2.97-1.567-5.098-2.923-5.987-1.356-.888-3.62-1.53-4.547-.7-.274.246-.583-.007-.788.278-.095.134-.242.516-.207.563.07.093.701.444 1.426.538.725.093 3.204.304 4.186 2.525.983 2.222 1.193 4.654 1.006 9.612z"/>
<path d="M26.3 20.85H16.069s2.47-2.822 3.175-3.88c.705-1.059 1.047-3.298.672-3.627-.584-.515-1.77.523-2.122.876-.353.353-.91 1.045-1.372.987-.548-.07-.992-.555-1.059-1.059-.049-.373.386-1.156.706-1.764.368-.697.992-1.615 1.058-2.304.034-.35.046-.821.066-1.157.025-.408.95-.536 1.28-1.274.15-.337.15-.429.313-.678.283-.429.563-.165.893-.297.331-.133.86-2.183.96-2.381.11-.222.315-.22.413-.025.223.446.645 2.187.752 2.39.138.26.984.43 1.803 1.322.85.927 1.76 2.464 1.76 4.862s-.313 5.225-.132 5.87c.182.645.712.728 1.064.728v1.41z"/>
</g>
</symbol>
<symbol id="sym_light_bishop_right">
<g fill="#fff" stroke="#000" stroke-linecap="round" stroke-width=".529">
<path d="M27.358 22.26c-5.292 0-11.642 0-16.294 2.502 5.71.673 13.824-.385 16.294-2.502z" fill-rule="evenodd" stroke-linejoin="bevel"/>
<path d="M18.891 19.44h-2.117a.351.351 0 00-.352.353v.705a.352.352 0 00.352.353h8.468a.352.352 0 00.353-.353v-.705a.352.352 0 00-.353-.353h-2.117s1.92-1.804 2.178-3.411c.36-3.527-2.166-6.617-3.679-9.64-.17-.34.555.188.799-.354.133-.296-.082-.778-.356-1.059-.279-.286-.936-.706-1.058-.705s-.759.405-1.059.705c-.3.3-.429.766-.352 1.059.147.567.982-.001.811.352-.523 1.082-1.165 1.475-1.87 3.528l2.117 2.117-.706 1.41-2.116-2.116c-1.059 1.411-1.45 3.434-1.037 5.185.308 1.305 2.095 2.929 2.095 2.929z" stroke-linejoin="round"/>
</g>
</symbol>
<symbol id="sym_light_queen_right">
<g transform="matrix(-1 0 0 1 29.122 -271.21)" fill="#fff" stroke-width=".529">
<path d="M5.292 289.94l-3.175-10.583 2.47 2.822.705-3.175 1.41 3.175 1.412-3.528 1.411 3.528 1.411-3.175.706 3.175 2.116-2.822-2.822 10.583z" fill-rule="evenodd" stroke="#000" stroke-linejoin="round"/>
<rect x="3.881" y="289.94" width="8.467" height="2.469" rx=".706" ry=".706" stroke="#000004" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M1.764 293.47c5.292 0 11.642 0 16.294 2.502-5.71.673-13.824-.385-16.294-2.502z" fill-rule="evenodd" stroke="#000" stroke-linecap="round" stroke-linejoin="bevel"/>
<circle cx="8.114" cy="276.54" r="1.411" stroke="#060606" stroke-linecap="round" stroke-linejoin="round"/>
</g>
</symbol>
<symbol id="sym_light_king_right">
<g transform="matrix(-1 0 0 1 29.099 -271.21)">
<path d="M7.914 274.42a.176.176 0 00-.176.176v.53H7.21a.176.176 0 00-.177.176v.353c0 .097.08.176.177.176h.53v.706h.705v-.706h.529a.176.176 0 00.176-.176v-.353a.176.176 0 00-.176-.177h-.53v-.529a.176.176 0 00-.176-.176zm-.176 2.822h.706z" fill="#fff" stroke="#000" stroke-linecap="round" stroke-width=".353"/>
<path d="M5.974 278.3v-1.411c0-.196.157-.353.353-.353h3.528c.195 0 .352.157.352.353v1.411" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width=".529"/>
<path d="M4.21 289.94l-2.822-10.583h1.764v-1.058h9.525v1.058h1.764l-2.47 10.583z" fill="#fff" fill-rule="evenodd" stroke="#000" stroke-linejoin="round" stroke-width=".529"/>
<rect x="2.446" y="289.94" width="11.289" height="2.469" rx=".706" ry=".706" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width=".529"/>
<path d="M1.74 293.47c5.292 0 11.643 0 16.295 2.502-5.71.673-13.824-.385-16.294-2.502z" fill="#fff" fill-rule="evenodd" stroke="#000" stroke-linecap="round" stroke-linejoin="bevel" stroke-width=".529"/>
<path d="M7.915 279.91l-.529.637v1.636H5.622v1.059h1.764v2.822h1.059v-2.822h1.763v-1.059H8.445v-1.636z" color="#000" fill="#040404"/>
</g>
</symbol>
<symbol id="sym_dark_pawn_left">
<g transform="matrix(-1 0 0 1 18.947 -271.21)" stroke="#fafafa" stroke-linecap="round" stroke-width=".353">
<path d="M18.034 293.47c-5.292 0-11.642 0-16.294 2.502 5.71.673 13.824-.385 16.294-2.502z" fill-rule="evenodd" stroke-linejoin="bevel"/>
<rect transform="scale(-1 1)" x="-14.859" y="290.65" width="6.703" height="1.411" rx=".353" ry=".353" stroke-linejoin="round"/>
<circle transform="scale(-1 1)" cx="-11.508" cy="284.87" r="4.586" stroke-linejoin="round"/>
</g>
</symbol>
<symbol id="sym_dark_rook_left">
<g transform="matrix(-1 0 0 1 18.947 -271.3)" stroke="#f7f7ff">
<path d="M16.27 278.66c.39 0 .706.315.706.705v9.525a.705.705 0 01-.706.706H7.098a.704.704 0 01-.705-.706v-9.525c0-.39.314-.705.705-.705h.705v3.527c0 .196.158.353.353.353h.706a.352.352 0 00.353-.353v-3.527h1.587v3.527c0 .196.158.353.353.353h1.058a.352.352 0 00.353-.353v-3.527h1.587v3.527c0 .196.158.353.353.353h.706a.352.352 0 00.353-.353v-3.527z" stroke-linecap="round" stroke-linejoin="round" stroke-width=".353"/>
<rect transform="scale(-1 1)" x="-15.918" y="290.18" width="8.467" height="1.674" rx=".706" ry=".706" stroke-linecap="round" stroke-linejoin="round" stroke-width=".353"/>
<path d="M18.034 293.47c-5.292 0-11.642 0-16.294 2.502 5.71.673 13.824-.385 16.294-2.502z" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="bevel" stroke-width=".353"/>
<path d="M16.976 287.83H6.393" fill-rule="evenodd" stroke-width=".529"/>
</g>
</symbol>
<symbol id="sym_dark_knight_left">
<g fill="#040404" fill-rule="evenodd" stroke="#fff" stroke-width=".353">
<path d="M.913 22.26c5.292 0 11.642 0 16.294 2.502-5.71.673-13.824-.385-16.294-2.502z" stroke-linecap="round" stroke-linejoin="bevel"/>
<path d="M3.756 19.05c-1.146-2.151-1.894-3.859-1.847-6.829.046-2.97 1.566-5.098 2.923-5.987s3.62-1.53 4.547-.7c.274.246.583-.007.787.278.096.134.243.516.208.563-.07.093-.701.444-1.426.538-.725.093-3.204.304-4.186 2.525-.983 2.222-1.193 4.654-1.006 9.612z"/>
<path d="M1.971 20.85h10.231s-2.47-2.822-3.175-3.88c-.706-1.059-1.047-3.298-.672-3.627.583-.515 1.769.523 2.122.876s.91 1.045 1.372.987c.548-.07.992-.555 1.059-1.059.049-.373-.386-1.156-.706-1.764-.368-.697-.992-1.615-1.058-2.304-.034-.35-.046-.821-.066-1.157-.025-.408-.95-.536-1.28-1.274-.15-.337-.15-.429-.313-.678-.283-.429-.563-.165-.893-.297-.331-.133-.86-2.183-.96-2.381-.11-.222-.315-.22-.413-.025-.223.446-.645 2.187-.752 2.39-.139.26-.984.43-1.803 1.322-.85.927-1.761 2.464-1.761 4.862s.314 5.225.132 5.87-.71.728-1.064.728v1.41z"/>
</g>
</symbol>
<symbol id="sym_dark_bishop_left">
<g fill="#030303" stroke="#fefefe" stroke-linecap="round" stroke-width=".353">
<path d="M.913 22.26c5.292 0 11.642 0 16.294 2.502-5.71.673-13.824-.385-16.294-2.502z" fill-rule="evenodd" stroke-linejoin="bevel"/>
<path d="M9.379 19.44h2.118a.352.352 0 01.353.353v.705a.352.352 0 01-.353.353H3.03a.352.352 0 01-.352-.353v-.705a.352.352 0 01.352-.353h2.117s-1.92-1.804-2.178-3.411c-.36-3.527 2.166-6.617 3.68-9.64.169-.34-.556.188-.8-.354-.132-.296.083-.778.356-1.059.28-.286.936-.706 1.059-.705.122 0 .758.405 1.058.705.3.3.429.766.353 1.059-.148.567-.983-.001-.812.352.523 1.082 1.165 1.475 1.87 3.528l-2.117 2.117.706 1.41 2.117-2.116c1.058 1.411 1.45 3.434 1.036 5.185-.308 1.305-2.095 2.929-2.095 2.929z" stroke-linejoin="round"/>
</g>
</symbol>
<symbol id="sym_dark_queen_left">
<g transform="matrix(-1 0 0 1 18.947 -271.3)" stroke="#fff" stroke-width=".353">
<path d="M14.507 289.94l3.175-10.583-2.47 2.822-.705-3.175-1.411 3.175-1.411-3.528-1.411 3.528-1.411-3.175-.706 3.175-2.117-2.822 2.823 10.583z" fill-rule="evenodd" stroke-linejoin="round"/>
<rect transform="scale(-1 1)" x="-15.918" y="289.94" width="8.467" height="2.469" rx=".706" ry=".706" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M18.034 293.47c-5.292 0-11.642 0-16.294 2.502 5.71.673 13.824-.385 16.294-2.502z" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="bevel"/>
<circle transform="scale(-1 1)" cx="-11.684" cy="276.54" r="1.411" stroke-linecap="round" stroke-linejoin="round"/>
</g>
</symbol>
<symbol id="sym_dark_king_left">
<g transform="matrix(-1 0 0 1 18.548 -271.21)">
<path d="M11.462 274.42c.098 0 .176.079.176.176v.53h.53c.097 0 .176.078.176.176v.353a.176.176 0 01-.177.176h-.529v.706h-.705v-.706h-.53a.176.176 0 01-.176-.176v-.353c0-.098.079-.177.177-.177h.529v-.529c0-.097.078-.176.176-.176zm.176 2.822h-.705z" stroke="#fff" stroke-linecap="round" stroke-width=".265"/>
<path d="M13.402 278.3v-1.411a.352.352 0 00-.353-.353H9.521a.352.352 0 00-.352.353v1.411" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width=".353"/>
<path d="M15.166 289.94l2.822-10.583h-1.764v-1.058H6.7v1.058H4.935l2.47 10.583z" fill="#070707" fill-rule="evenodd" stroke="#fefefe" stroke-linejoin="round" stroke-width=".353"/>
<rect transform="scale(-1 1)" x="-16.93" y="289.94" width="11.289" height="2.469" rx=".706" ry=".706" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width=".353"/>
<path d="M17.636 293.47c-5.292 0-11.642 0-16.294 2.502 5.71.673 13.824-.385 16.294-2.502z" fill-rule="evenodd" stroke="#fff" stroke-linecap="round" stroke-linejoin="bevel" stroke-width=".353"/>
<path transform="translate(0 274.07)" d="M11.461 5.84l.53.637v1.637h1.763v1.059H11.99v2.822h-1.058V9.173H9.168V8.114h1.764V6.477z" color="#000" fill="#fff"/>
</g>
</symbol>
</defs>
<use id="dark_king_left" class="piece" xlink:href="#sym_dark_king_left"/>
<use id="dark_queen_left" class="piece" xlink:href="#sym_dark_queen_left"/>
<use id="dark_bishop_left" class="piece" xlink:href="#sym_dark_bishop_left"/>
<use id="dark_knight_left" class="piece" xlink:href="#sym_dark_knight_left"/>
<use id="dark_rook_left" class="piece" xlink:href="#sym_dark_rook_left"/>
<use id="dark_pawn_left" class="piece" xlink:href="#sym_dark_pawn_left"/>
<use id="light_king_right" class="piece" xlink:href="#sym_light_king_right"/>
<use id="light_queen_right" class="piece" xlink:href="#sym_light_queen_right"/>
<use id="light_bishop_right" class="piece" xlink:href="#sym_light_bishop_right"/>
<use id="light_knight_right" class="piece" xlink:href="#sym_light_knight_right"/>
<use id="light_rook_right" class="piece" xlink:href="#sym_light_rook_right"/>
<use id="light_pawn_right" class="piece" xlink:href="#sym_light_pawn_right"/>
<use id="dark_king_right" class="piece" xlink:href="#sym_dark_king_right"/>
<use id="dark_queen_right" class="piece" xlink:href="#sym_dark_queen_right"/>
<use id="dark_bishop_right" class="piece" xlink:href="#sym_dark_bishop_right"/>
<use id="dark_knight_right" class="piece" xlink:href="#sym_dark_knight_right"/>
<use id="dark_rook_right" class="piece" xlink:href="#sym_dark_rook_right"/>
<use id="dark_pawn_right" class="piece" xlink:href="#sym_dark_pawn_right"/>
<use id="light_king_left" class="piece" xlink:href="#sym_light_king_left"/>
<use id="light_queen_left" class="piece" xlink:href="#sym_light_queen_left"/>
<use id="light_bishop_left" class="piece" xlink:href="#sym_light_bishop_left"/>
<use id="light_knight_left" class="piece" xlink:href="#sym_light_knight_left"/>
<use id="light_rook_left" class="piece" xlink:href="#sym_light_rook_left"/>
<use id="light_pawn_left" class="piece" xlink:href="#sym_light_pawn_left"/>
</svg>

After

Width:  |  Height:  |  Size: 24 KiB

194
svg/traditional-theme.svg Normal file
View File

@ -0,0 +1,194 @@
<?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="55pt" height="65pt" viewBox="0 0 19.403 22.931">
<style>
.piece { display:none !important }
.piece:target { display:inline!important }
</style>
<defs>
<symbol id="sym_dark_rook_left" fill-rule="evenodd" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.515" viewBox="0 0 19.403 22.931">
<path d="M9 39h27v-3H9zm3.5-7l1.5-2.5h17l1.5 2.5zm-.5 4v-4h21v4z" stroke-linecap="butt" transform="matrix(-.42025 0 0 .41214 18.275 2.488)"/>
<path d="M14 29.5v-13h17v13z" stroke-linecap="butt" stroke-linejoin="miter" transform="matrix(-.42025 0 0 .41214 18.275 2.488)"/>
<path d="M14 16.5L11 14h23l-3 2.5zM11 14V9h4v2h5V9h5v2h5V9h4v5z" stroke-linecap="butt" transform="matrix(-.42025 0 0 .41214 18.275 2.488)"/>
<path d="M12 35.5h21m-20-4h19m-18-2h17m-17-13h17M11 14h23" fill="none" stroke="#fff" stroke-linejoin="miter" stroke-width="1.01" transform="matrix(-.42025 0 0 .41214 18.275 2.488)"/>
</symbol>
<symbol id="sym_dark_pawn_right" stroke-width="1.01" viewBox="0 0 19.403 22.931">
<path d="M-7.219 36.174a1.058 1.058 0 00-.852 1.688 1.708 1.708 0 00-.23 2.818c-.794.28-1.96 1.468-1.96 3.564h6.085c0-2.096-1.167-3.284-1.96-3.564a1.708 1.708 0 00-.23-2.818 1.058 1.058 0 00-.852-1.688z" stroke="#000" stroke-linecap="round" stroke-width=".401" transform="matrix(1.5883 0 0 1.5577 22.049 -50.357)"/>
</symbol>
<symbol id="sym_dark_knight_left" fill="none" fill-rule="evenodd" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.515" viewBox="0 0 19.403 22.931">
<path d="M22 10c10.5 1 16.5 8 16 29H15c0-9 10-6.5 8-21" fill="#000" transform="matrix(-.42025 0 0 .41214 18.071 2.488)"/>
<path d="M24 18c.38 2.91-5.55 7.37-8 9-3 2-2.82 4.34-5 4-1.042-.94 1.41-3.04 0-3-1 0 .19 1.23-1 2-1 0-4.003 1-4-4 0-2 6-12 6-12s1.89-1.9 2-3.5c-.73-.994-.5-2-.5-3 1-1 3 2.5 3 2.5h2s.78-1.992 2.5-3c1 0 1 3 1 3" fill="#000" transform="matrix(-.42025 0 0 .41214 18.071 2.488)"/>
<path d="M9.5 25.5a.5.5 0 11-1 0 .5.5 0 111 0z" fill="#fff" stroke="#fff" transform="matrix(-.42025 0 0 .41214 18.071 2.488)"/>
<path transform="matrix(-.36394 .20607 .21013 .35691 13.998 .356)" d="M15 15.5a.5 1.5 0 11-1 0 .5 1.5 0 111 0z" fill="#fff" stroke="#fff"/>
<path d="M24.55 10.4l-.45 1.45.5.15c3.15 1 5.65 2.49 7.9 6.75S35.75 29.06 35.25 39l-.05.5h2.25l.05-.5c.5-10.06-.88-16.85-3.25-21.34s-5.79-6.64-9.19-7.16z" fill="#fff" stroke="none" transform="matrix(-.42025 0 0 .41214 18.071 2.488)"/>
</symbol>
<symbol id="sym_dark_bishop_left" fill="none" fill-rule="evenodd" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.515" viewBox="0 0 19.403 22.931">
<g fill="#000" 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-2z" transform="matrix(-.42025 0 0 .41214 18.275 2.564)"/>
<path d="M15 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 2z" transform="matrix(-.42025 0 0 .41214 18.275 2.564)"/>
<path d="M25 8a2.5 2.5 0 11-5 0 2.5 2.5 0 115 0z" transform="matrix(-.42025 0 0 .41214 18.275 2.564)"/>
</g>
<path d="M17.5 26h10M15 30h15m-7.5-14.5v5M20 18h5" stroke="#fff" stroke-linejoin="miter" transform="matrix(-.42025 0 0 .41214 18.275 2.564)"/>
</symbol>
<symbol id="sym_dark_queen_left" fill-rule="evenodd" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.515" viewBox="0 0 19.403 22.931">
<g stroke="none" transform="matrix(-.42025 0 0 .41214 18.275 1.893)">
<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.5z" stroke-linecap="butt" transform="matrix(-.42025 0 0 .41214 18.275 1.893)"/>
<path d="M9 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" transform="matrix(-.42025 0 0 .41214 18.275 1.893)"/>
<path d="M11 38.5a35 35 1 0023 0" fill="none" stroke-linecap="butt" transform="matrix(-.42025 0 0 .41214 18.275 1.893)"/>
<path d="M11 29a35 35 1 0123 0m-21.5 2.5h20m-21 3a35 35 1 0022 0m-23 3a35 35 1 0024 0" fill="none" stroke="#fff" transform="matrix(-.42025 0 0 .41214 18.275 1.893)"/>
</symbol>
<symbol id="sym_dark_king_left" fill="none" fill-rule="evenodd" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.515" viewBox="0 0 19.403 22.931">
<path d="M22.5 11.63V6" stroke-linejoin="miter" transform="matrix(-.42025 0 0 .41214 18.262 2.231)"/>
<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" transform="matrix(-.42025 0 0 .41214 18.262 2.231)"/>
<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 10z" fill="#000" transform="matrix(-.42025 0 0 .41214 18.262 2.231)"/>
<path d="M20 8h5" stroke-linejoin="miter" transform="matrix(-.42025 0 0 .41214 18.262 2.231)"/>
<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 9" stroke="#fff" transform="matrix(-.42025 0 0 .41214 18.262 2.231)"/>
<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" stroke="#fff" transform="matrix(-.42025 0 0 .41214 18.262 2.231)"/>
</symbol>
<symbol id="sym_light_pawn_left" viewBox="0 0 19.403 22.931">
<path d="M8.818 5.74a1.68 1.68 0 00-1.353 2.68 2.724 2.724 0 00-1.378 2.363c0 .853.395 1.613 1.012 2.114-1.26.445-3.114 2.332-3.114 5.66h9.666c0-3.328-1.853-5.215-3.114-5.66a2.713 2.713 0 001.013-2.114 2.725 2.725 0 00-1.38-2.363 1.68 1.68 0 00-1.353-2.681z" fill="#fff" stroke="#000" stroke-linecap="round" stroke-width=".631"/>
</symbol>
<symbol id="sym_light_rook_left" fill="#fff" fill-rule="evenodd" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 19.403 22.931">
<path d="M3.146 18.559h11.347v-1.261H3.146zm1.261-1.261v-1.681h8.825v1.681zm-.42-9.245V5.95h1.68v.84H7.77v-.84H9.87v.84h2.102v-.84h1.68v2.102" stroke-linecap="butt" stroke-width=".630375"/>
<path d="M13.653 8.053l-1.261 1.26H5.248l-1.261-1.26" stroke-width=".630375"/>
<path d="M12.392 9.313v5.253H5.248V9.313" stroke-linecap="butt" stroke-linejoin="miter" stroke-width=".630375"/>
<path d="M12.392 14.566l.63 1.051H4.617l.63-1.05" stroke-width=".630375"/>
<path d="M3.987 8.053h9.666" fill="none" stroke-linejoin="miter" stroke-width=".630375"/>
</symbol>
<symbol id="sym_light_knight_left" fill="none" fill-rule="evenodd" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 19.403 22.931">
<path d="M8.826 6.372c-4.413.42-6.935 3.362-6.724 12.187h9.665c0-3.782-4.202-2.732-3.362-8.825" fill="#fff" stroke-width=".630375"/>
<path d="M7.985 9.734c-.16 1.222 2.332 3.097 3.362 3.782 1.26.84 1.185 1.824 2.101 1.68.438-.394-.592-1.277 0-1.26.42 0-.08.517.42.84.42 0 1.683.42 1.682-1.68 0-.841-2.522-5.043-2.522-5.043s-.794-.799-.84-1.471c.306-.418.21-.84.21-1.261-.42-.42-1.261 1.05-1.261 1.05h-.84s-.328-.837-1.051-1.26c-.42 0-.42 1.26-.42 1.26" fill="#fff" stroke-width=".630375"/>
<path d="M14.079 12.885a.21.21 0 10.42 0 .21.21 0 10-.42 0zM11.796 8.788a.21.63-30.001 10.364-.21.21.63-30.001 10-.364.21z" fill="#000" stroke-width=".630375"/>
</symbol>
<symbol id="sym_light_bishop_left" fill="none" fill-rule="evenodd" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 19.403 22.931">
<g fill="#fff" stroke-linecap="butt">
<path d="M3.146 17.375c1.425-.408 4.249.18 5.674-.84 1.424 1.02 4.248.432 5.673.84 0 0 .693.227 1.26.84-.285.408-.693.417-1.26.21-1.425-.407-4.249.194-5.673-.42-1.425.614-4.25.013-5.674.42-.569.207-.976.198-1.26-.21.569-.815 1.26-.84 1.26-.84z" stroke-width=".630375"/>
<path d="M5.668 15.694c1.05 1.05 5.253 1.05 6.303 0 .21-.63 0-.84 0-.84 0-1.051-1.05-1.681-1.05-1.681 2.311-.63 2.521-4.833-2.101-6.514-4.623 1.68-4.413 5.883-2.102 6.514 0 0-1.05.63-1.05 1.68 0 0-.21.21 0 .841z" stroke-width=".630375"/>
<path d="M9.87 5.608a1.05 1.05 0 11-2.101 0 1.05 1.05 0 112.101 0z" stroke-width=".630375"/>
</g>
<path d="M6.718 13.173h4.203m-5.253 1.68h6.304M8.82 8.76v2.101m-1.051-1.05H9.87" stroke-linejoin="miter" stroke-width=".630375"/>
</symbol>
<symbol id="sym_light_queen_left" fill="#fff" fill-rule="evenodd" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 19.403 22.931">
<path d="M2.726 7.105a.84.84 0 11-1.68 0 .84.84 0 111.68 0zM9.66 5.213a.84.84 0 11-1.68 0 .84.84 0 111.68 0zM16.594 7.105a.84.84 0 11-1.68 0 .84.84 0 111.68 0zM6.088 5.633a.84.84 0 11-1.68 0 .84.84 0 111.68 0zM13.232 5.844a.84.84 0 11-1.68 0 .84.84 0 111.68 0z" stroke-width=".630375"/>
<path d="M3.146 12.989c3.572-.63 8.826-.63 11.347 0l.84-5.043-2.941 4.622V6.685l-2.312 5.673-1.26-6.304-1.261 6.304-2.311-5.883v6.093L2.306 7.946z" stroke-linecap="butt" stroke-width=".630375"/>
<path d="M3.146 12.989c0 .84.63.84 1.05 1.68.421.63.421.42.211 1.471-.63.42-.63 1.051-.63 1.051-.63.63.21 1.05.21 1.05 2.731.42 6.934.42 9.666 0 0 0 .63-.42 0-1.05 0 0 .21-.63-.42-1.05-.21-1.051-.21-.841.21-1.471.42-.841 1.05-.841 1.05-1.681-3.572-.63-7.775-.63-11.347 0z" stroke-linecap="butt" stroke-width=".630375"/>
<path d="M4.197 14.67c1.47-.42 7.775-.42 9.245 0m-9.035 1.47c2.522-.42 6.304-.42 8.825 0" fill="none" stroke-width=".630375"/>
</symbol>
<symbol id="sym_light_king_left" fill="none" fill-rule="evenodd" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 19.403 22.931">
<path d="M8.833 6.798V4.43m-1.051.841h2.101" stroke-linejoin="miter" stroke-width=".630375"/>
<path d="M8.833 12.416s1.89-3.152 1.26-4.412c0 0-.42-1.051-1.26-1.051s-1.261 1.05-1.261 1.05c-.63 1.261 1.26 4.413 1.26 4.413" fill="#fff" stroke-linecap="butt" stroke-linejoin="miter" stroke-width=".630375"/>
<path d="M4.21 17.46c2.311 1.47 6.514 1.47 8.825 0v-2.943s3.782-1.89 2.522-4.412c-1.681-2.732-5.674-1.471-6.724 1.68v1.472-1.471c-1.471-3.152-5.464-4.413-6.724-1.681-1.261 2.521 2.1 4.202 2.1 4.202z" fill="#fff" stroke-width=".630375"/>
<path d="M4.21 14.517c2.311-1.26 6.514-1.26 8.825 0M4.21 15.988c2.311-1.26 6.514-1.26 8.825 0M4.21 17.46c2.311-1.26 6.514-1.26 8.825 0" stroke-width=".630375"/>
</symbol>
<symbol id="sym_dark_pawn_left" stroke-width="1.01" viewBox="0 0 19.403 22.931">
<path d="M-7.219 36.174a1.058 1.058 0 00-.852 1.688 1.708 1.708 0 00-.23 2.818c-.794.28-1.96 1.468-1.96 3.564h6.085c0-2.096-1.167-3.284-1.96-3.564a1.708 1.708 0 00-.23-2.818 1.058 1.058 0 00-.852-1.688z" stroke="#000" stroke-linecap="round" stroke-width=".401" transform="matrix(-1.5883 0 0 1.5577 -2.646 -50.357)"/>
</symbol>
<symbol id="sym_dark_rook_right" fill-rule="evenodd" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.515" viewBox="0 0 19.403 22.931">
<path d="M9 39h27v-3H9zm3.5-7l1.5-2.5h17l1.5 2.5zm-.5 4v-4h21v4z" stroke-linecap="butt" transform="matrix(.42025 0 0 .41214 1.128 2.488)"/>
<path d="M14 29.5v-13h17v13z" stroke-linecap="butt" stroke-linejoin="miter" transform="matrix(.42025 0 0 .41214 1.128 2.488)"/>
<path d="M14 16.5L11 14h23l-3 2.5zM11 14V9h4v2h5V9h5v2h5V9h4v5z" stroke-linecap="butt" transform="matrix(.42025 0 0 .41214 1.128 2.488)"/>
<path d="M12 35.5h21m-20-4h19m-18-2h17m-17-13h17M11 14h23" fill="none" stroke="#fff" stroke-linejoin="miter" stroke-width="1.01" transform="matrix(.42025 0 0 .41214 1.128 2.488)"/>
</symbol>
<symbol id="sym_dark_knight_right" fill="none" fill-rule="evenodd" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.515" viewBox="0 0 19.403 22.931">
<path d="M22 10c10.5 1 16.5 8 16 29H15c0-9 10-6.5 8-21" fill="#000" transform="matrix(.42025 0 0 .41214 1.332 2.488)"/>
<path d="M24 18c.38 2.91-5.55 7.37-8 9-3 2-2.82 4.34-5 4-1.042-.94 1.41-3.04 0-3-1 0 .19 1.23-1 2-1 0-4.003 1-4-4 0-2 6-12 6-12s1.89-1.9 2-3.5c-.73-.994-.5-2-.5-3 1-1 3 2.5 3 2.5h2s.78-1.992 2.5-3c1 0 1 3 1 3" fill="#000" transform="matrix(.42025 0 0 .41214 1.332 2.488)"/>
<path d="M9.5 25.5a.5.5 0 11-1 0 .5.5 0 111 0z" fill="#fff" stroke="#fff" transform="matrix(.42025 0 0 .41214 1.332 2.488)"/>
<path transform="matrix(.36394 .20607 -.21013 .35691 5.405 .356)" d="M15 15.5a.5 1.5 0 11-1 0 .5 1.5 0 111 0z" fill="#fff" stroke="#fff"/>
<path d="M24.55 10.4l-.45 1.45.5.15c3.15 1 5.65 2.49 7.9 6.75S35.75 29.06 35.25 39l-.05.5h2.25l.05-.5c.5-10.06-.88-16.85-3.25-21.34s-5.79-6.64-9.19-7.16z" fill="#fff" stroke="none" transform="matrix(.42025 0 0 .41214 1.332 2.488)"/>
</symbol>
<symbol id="sym_dark_bishop_right" fill="none" fill-rule="evenodd" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.515" viewBox="0 0 19.403 22.931">
<g fill="#000" 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-2z" transform="matrix(.42025 0 0 .41214 1.128 2.564)"/>
<path d="M15 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 2z" transform="matrix(.42025 0 0 .41214 1.128 2.564)"/>
<path d="M25 8a2.5 2.5 0 11-5 0 2.5 2.5 0 115 0z" transform="matrix(.42025 0 0 .41214 1.128 2.564)"/>
</g>
<path d="M17.5 26h10M15 30h15m-7.5-14.5v5M20 18h5" stroke="#fff" stroke-linejoin="miter" transform="matrix(.42025 0 0 .41214 1.128 2.564)"/>
</symbol>
<symbol id="sym_dark_queen_right" fill-rule="evenodd" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.515" viewBox="0 0 19.403 22.931">
<g stroke="none" transform="matrix(.42025 0 0 .41214 1.128 1.893)">
<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.5z" stroke-linecap="butt" transform="matrix(.42025 0 0 .41214 1.128 1.893)"/>
<path d="M9 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" transform="matrix(.42025 0 0 .41214 1.128 1.893)"/>
<path d="M11 38.5a35 35 1 0023 0" fill="none" stroke-linecap="butt" transform="matrix(.42025 0 0 .41214 1.128 1.893)"/>
<path d="M11 29a35 35 1 0123 0m-21.5 2.5h20m-21 3a35 35 1 0022 0m-23 3a35 35 1 0024 0" fill="none" stroke="#fff" transform="matrix(.42025 0 0 .41214 1.128 1.893)"/>
</symbol>
<symbol id="sym_dark_king_right" fill="none" fill-rule="evenodd" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.515" viewBox="0 0 19.403 22.931">
<path d="M22.5 11.63V6" stroke-linejoin="miter" transform="matrix(.42025 0 0 .41214 1.141 2.231)"/>
<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" transform="matrix(.42025 0 0 .41214 1.141 2.231)"/>
<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 10z" fill="#000" transform="matrix(.42025 0 0 .41214 1.141 2.231)"/>
<path d="M20 8h5" stroke-linejoin="miter" transform="matrix(.42025 0 0 .41214 1.141 2.231)"/>
<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 9" stroke="#fff" transform="matrix(.42025 0 0 .41214 1.141 2.231)"/>
<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" stroke="#fff" transform="matrix(.42025 0 0 .41214 1.141 2.231)"/>
</symbol>
<symbol id="sym_light_pawn_right" viewBox="0 0 19.403 22.931">
<path d="M10.585 5.74a1.68 1.68 0 011.353 2.68 2.724 2.724 0 011.378 2.363c0 .853-.395 1.613-1.012 2.114 1.26.445 3.114 2.332 3.114 5.66H5.752c0-3.328 1.853-5.215 3.114-5.66a2.713 2.713 0 01-1.013-2.114c0-1.013.56-1.891 1.379-2.362a1.68 1.68 0 011.353-2.681z" fill="#fff" stroke="#000" stroke-linecap="round" stroke-width=".631"/>
</symbol>
<symbol id="sym_light_rook_right" fill="#fff" fill-rule="evenodd" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 19.403 22.931">
<path d="M16.257 18.559H4.91v-1.261h11.347zm-1.261-1.261v-1.681H6.171v1.681zm.42-9.245V5.95h-1.68v.84h-2.102v-.84H9.533v.84H7.432v-.84H5.75v2.102" stroke-linecap="butt" stroke-width=".630375"/>
<path d="M5.75 8.053l1.261 1.26h7.145l1.26-1.26" stroke-width=".630375"/>
<path d="M7.011 9.313v5.253h7.145V9.313" stroke-linecap="butt" stroke-linejoin="miter" stroke-width=".630375"/>
<path d="M7.011 14.566l-.63 1.051h8.405l-.63-1.05" stroke-width=".630375"/>
<path d="M15.416 8.053H5.751" fill="none" stroke-linejoin="miter" stroke-width=".630375"/>
</symbol>
<symbol id="sym_light_knight_right" fill="none" fill-rule="evenodd" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 19.403 22.931">
<path d="M10.578 6.372c4.412.42 6.934 3.362 6.724 12.187H7.636c0-3.782 4.202-2.732 3.362-8.825" fill="#fff" stroke-width=".630375"/>
<path d="M11.418 9.734c.16 1.222-2.332 3.097-3.362 3.782-1.26.84-1.185 1.824-2.101 1.68-.438-.394.592-1.277 0-1.26-.42 0 .08.517-.42.84-.42 0-1.683.42-1.681-1.68 0-.841 2.521-5.043 2.521-5.043s.794-.799.84-1.471c-.306-.418-.21-.84-.21-1.261.42-.42 1.261 1.05 1.261 1.05h.84s.328-.837 1.051-1.26c.42 0 .42 1.26.42 1.26" fill="#fff" stroke-width=".630375"/>
<path d="M5.324 12.885a.21.21 0 11-.42 0 .21.21 0 11.42 0z" fill="#000" stroke-width=".630375"/>
<path d="M7.607 8.789a.21.63 30.001 11-.364-.21.21.63 30.001 11.364.21z" fill="#000" stroke-width=".63036"/>
</symbol>
<symbol id="sym_light_bishop_right" fill="none" fill-rule="evenodd" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 19.403 22.931">
<g fill="#fff" stroke-linecap="butt">
<path d="M16.257 17.375c-1.425-.408-4.249.18-5.674-.84-1.424 1.02-4.248.432-5.673.84 0 0-.693.227-1.26.84.285.408.693.417 1.26.21 1.425-.407 4.249.194 5.673-.42 1.425.614 4.25.013 5.674.42.569.207.976.198 1.26-.21-.569-.815-1.26-.84-1.26-.84z" stroke-width=".630375"/>
<path d="M13.735 15.694c-1.05 1.05-5.253 1.05-6.303 0-.21-.63 0-.84 0-.84 0-1.051 1.05-1.681 1.05-1.681-2.311-.63-2.521-4.833 2.101-6.514 4.623 1.68 4.413 5.883 2.102 6.514 0 0 1.05.63 1.05 1.68 0 0 .21.21 0 .841z" stroke-width=".630375"/>
<path d="M9.533 5.608a1.05 1.05 0 102.101 0 1.05 1.05 0 10-2.101 0z" stroke-width=".630375"/>
</g>
<path d="M12.685 13.173H8.482m5.253 1.68H7.432m3.151-6.093v2.101m1.051-1.05H9.533" stroke-linejoin="miter" stroke-width=".630375"/>
</symbol>
<symbol id="sym_light_queen_right" fill="#fff" fill-rule="evenodd" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 19.403 22.931">
<path d="M16.678 7.105a.84.84 0 101.68 0 .84.84 0 10-1.68 0zM9.743 5.213a.84.84 0 101.68 0 .84.84 0 10-1.68 0zM2.809 7.105a.84.84 0 101.68 0 .84.84 0 10-1.68 0zM13.315 5.633a.84.84 0 101.68 0 .84.84 0 10-1.68 0zM6.17 5.844a.84.84 0 101.682 0 .84.84 0 10-1.681 0z" stroke-width=".630375"/>
<path d="M16.257 12.989c-3.572-.63-8.826-.63-11.347 0l-.84-5.043 2.941 4.622V6.685l2.312 5.673 1.26-6.304 1.261 6.304 2.311-5.883v6.093l2.942-4.622z" stroke-linecap="butt" stroke-width=".630375"/>
<path d="M16.257 12.989c0 .84-.63.84-1.05 1.68-.421.63-.421.42-.211 1.471.63.42.63 1.051.63 1.051.63.63-.21 1.05-.21 1.05-2.731.42-6.934.42-9.665 0 0 0-.63-.42 0-1.05 0 0-.21-.63.42-1.05.21-1.051.21-.841-.21-1.471-.42-.841-1.051-.841-1.051-1.681 3.572-.63 7.775-.63 11.347 0z" stroke-linecap="butt" stroke-width=".630375"/>
<path d="M15.206 14.67c-1.47-.42-7.774-.42-9.245 0m9.035 1.47c-2.522-.42-6.304-.42-8.825 0" fill="none" stroke-width=".630375"/>
</symbol>
<symbol id="sym_light_king_right" fill="none" fill-rule="evenodd" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 19.403 22.931">
<path d="M10.57 6.794V4.427m1.051.841H9.52" stroke-linejoin="miter" stroke-width=".630375"/>
<path d="M10.57 12.412S8.68 9.26 9.31 8c0 0 .42-1.051 1.26-1.051s1.261 1.05 1.261 1.05c.63 1.261-1.26 4.413-1.26 4.413" fill="#fff" stroke-linecap="butt" stroke-linejoin="miter" stroke-width=".630375"/>
<path d="M15.193 17.455c-2.311 1.471-6.514 1.471-8.825 0v-2.941S2.586 12.622 3.846 10.1C5.527 7.369 9.52 8.63 10.57 11.78v1.472-1.471c1.471-3.152 5.464-4.413 6.724-1.681 1.261 2.521-2.1 4.202-2.1 4.202z" fill="#fff" stroke-width=".630375"/>
<path d="M15.193 14.513c-2.311-1.26-6.514-1.26-8.825 0m8.825 1.471c-2.311-1.26-6.514-1.26-8.825 0m8.825 1.471c-2.311-1.26-6.514-1.26-8.825 0" stroke-width=".630375"/>
</symbol>
</defs>
<use id="dark_pawn_left" class="piece" xlink:href="#sym_dark_pawn_left"/>
<use id="dark_rook_left" class="piece" xlink:href="#sym_dark_rook_left"/>
<use id="dark_knight_left" class="piece" xlink:href="#sym_dark_knight_left"/>
<use id="dark_bishop_left" class="piece" xlink:href="#sym_dark_bishop_left"/>
<use id="dark_queen_left" class="piece" xlink:href="#sym_dark_queen_left"/>
<use id="dark_king_left" class="piece" xlink:href="#sym_dark_king_left"/>
<use id="light_pawn_left" class="piece" xlink:href="#sym_light_pawn_left"/>
<use id="light_rook_left" class="piece" xlink:href="#sym_light_rook_left"/>
<use id="light_knight_left" class="piece" xlink:href="#sym_light_knight_left"/>
<use id="light_bishop_left" class="piece" xlink:href="#sym_light_bishop_left"/>
<use id="light_queen_left" class="piece" xlink:href="#sym_light_queen_left"/>
<use id="light_king_left" class="piece" xlink:href="#sym_light_king_left"/>
<use id="dark_pawn_right" class="piece" xlink:href="#sym_dark_pawn_right"/>
<use id="dark_rook_right" class="piece" xlink:href="#sym_dark_rook_right"/>
<use id="dark_knight_right" class="piece" xlink:href="#sym_dark_knight_right"/>
<use id="dark_bishop_right" class="piece" xlink:href="#sym_dark_bishop_right"/>
<use id="dark_queen_right" class="piece" xlink:href="#sym_dark_queen_right"/>
<use id="dark_king_right" class="piece" xlink:href="#sym_dark_king_right"/>
<use id="light_pawn_right" class="piece" xlink:href="#sym_light_pawn_right"/>
<use id="light_rook_right" class="piece" xlink:href="#sym_light_rook_right"/>
<use id="light_knight_right" class="piece" xlink:href="#sym_light_knight_right"/>
<use id="light_bishop_right" class="piece" xlink:href="#sym_light_bishop_right"/>
<use id="light_queen_right" class="piece" xlink:href="#sym_light_queen_right"/>
<use id="light_king_right" class="piece" xlink:href="#sym_light_king_right"/>
</svg>

After

Width:  |  Height:  |  Size: 23 KiB

View File

@ -48,7 +48,21 @@ module.exports = {
outputPath: 'assets/'
}
},
{ loader: "svgo-loader" }
{
loader: "svgo-loader",
options: {
plugins: [
{
cleanupIDs: {
preserve_prefix: [
"light_",
"dark_"
]
}
}
]
}
}
]
},
{