haunter/chesskit
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: show knight icon in piece selection menu (#21)

Browse Source 
* feat: show knight icon in piece selection menu

* optimize: minify svg files
This commit is contained in:
supertorpe
2025-05-12 23:26:37 +02:00
committed by GitHub
parent a82f1b592c
commit e201b789f3
445 changed files with 891 additions and 1143 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
public/piece/shapes/bB.svg
View File

@@ -1 +1,2 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><filter id="a" width="150%" height="150%"><feGaussianBlur in="SourceAlpha" result="blur" stdDeviation="3"/><feColorMatrix in="blur" result="blurAlpha" values="2 0 0 0 0 0 2 0 0 0 0 0 2 0 0 0 0 0 0.5 0"/><feOffset dx="4.5" dy="4.5" in="blurAlpha" result="offsetBlur"/><feBlend in="SourceGraphic" in2="offsetBlur"/></filter><path fill="#333" fill-rule="evenodd" stroke="#000" stroke-linejoin="bevel" stroke-width="6" d="M68.79 40.5 100 71.72l31.21-31.22 35.36-7.07-7.07 35.36L128.28 100l31.22 31.21 7.07 35.36-35.36-7.07L100 128.28 68.79 159.5l-35.36 7.07 7.07-35.36L71.72 100 40.5 68.79l-7.07-35.36z" filter="url(#a)"/></svg>
<?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><filter id="a" width="150%" height="150%"><feGaussianBlur in="SourceAlpha" result="blur" stdDeviation="3"/><feColorMatrix in="blur" result="blurAlpha" values="2 0 0 0 0 0 2 0 0 0 0 0 2 0 0 0 0 0 0.5 0"/><feOffset dx="4.5" dy="4.5" in="blurAlpha" result="offsetBlur"/><feBlend in="SourceGraphic" in2="offsetBlur"/></filter><path fill="#333" fill-rule="evenodd" stroke="#000" stroke-linejoin="bevel" stroke-width="6" d="M68.79 40.5 100 71.72l31.21-31.22 35.36-7.07-7.07 35.36L128.28 100l31.22 31.21 7.07 35.36-35.36-7.07L100 128.28 68.79 159.5l-35.36 7.07 7.07-35.36L71.72 100 40.5 68.79l-7.07-35.36z" filter="url(#a)"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 686 B

After

Width:  |  Height:  |  Size: 709 B

3
public/piece/shapes/bK.svg
View File

@@ -1 +1,2 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><filter id="a" width="150%" height="150%"><feGaussianBlur in="SourceAlpha" result="blur" stdDeviation="3"/><feColorMatrix in="blur" result="blurAlpha" values="2 0 0 0 0 0 2 0 0 0 0 0 2 0 0 0 0 0 0.5 0"/><feOffset dx="4.5" dy="4.5" in="blurAlpha" result="offsetBlur"/><feBlend in="SourceGraphic" in2="offsetBlur"/></filter><path fill="#333" fill-rule="evenodd" stroke="#000" stroke-linejoin="round" stroke-width="6" d="M68.79 24.64 24.64 68.8v62.42l44.15 44.15h62.42l44.15-44.15V68.8L131.2 24.64zM88 67.86h24V88h20.14v24H112v20.14H88V112H67.86V88H88z" filter="url(#a)"/></svg>
<?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><filter id="a" width="150%" height="150%"><feGaussianBlur in="SourceAlpha" result="blur" stdDeviation="3"/><feColorMatrix in="blur" result="blurAlpha" values="2 0 0 0 0 0 2 0 0 0 0 0 2 0 0 0 0 0 0.5 0"/><feOffset dx="4.5" dy="4.5" in="blurAlpha" result="offsetBlur"/><feBlend in="SourceGraphic" in2="offsetBlur"/></filter><path fill="#333" fill-rule="evenodd" stroke="#000" stroke-linejoin="round" stroke-width="6" d="M68.79 24.64 24.64 68.8v62.42l44.15 44.15h62.42l44.15-44.15V68.8L131.2 24.64zM88 67.86h24V88h20.14v24H112v20.14H88V112H67.86V88H88z" filter="url(#a)"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 637 B

After

Width:  |  Height:  |  Size: 660 B

3
public/piece/shapes/bN.svg
View File

@@ -1 +1,2 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><filter id="a" width="150%" height="150%"><feGaussianBlur in="SourceAlpha" result="blur" stdDeviation="3"/><feColorMatrix in="blur" result="blurAlpha" values="2 0 0 0 0 0 2 0 0 0 0 0 2 0 0 0 0 0 0.5 0"/><feOffset dx="4.5" dy="4.5" in="blurAlpha" result="offsetBlur"/><feBlend in="SourceGraphic" in2="offsetBlur"/></filter><path fill="#333" fill-rule="evenodd" stroke="#000" stroke-linejoin="bevel" stroke-width="6" d="M35.5 122.84V79.56l112.67-46.5 15.26 36.97-75.51 31.17 75.51 31.17-15.26 36.98z" filter="url(#a)"/></svg>
<?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><filter id="a" width="150%" height="150%"><feGaussianBlur in="SourceAlpha" result="blur" stdDeviation="3"/><feColorMatrix in="blur" result="blurAlpha" values="2 0 0 0 0 0 2 0 0 0 0 0 2 0 0 0 0 0 0.5 0"/><feOffset dx="4.5" dy="4.5" in="blurAlpha" result="offsetBlur"/><feBlend in="SourceGraphic" in2="offsetBlur"/></filter><path fill="#333" fill-rule="evenodd" stroke="#000" stroke-linejoin="bevel" stroke-width="6" d="M35.5 122.84V79.56l112.67-46.5 15.26 36.97-75.51 31.17 75.51 31.17-15.26 36.98z" filter="url(#a)"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 585 B

After

Width:  |  Height:  |  Size: 608 B

3
public/piece/shapes/bP.svg
View File

@@ -1 +1,2 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><filter id="a" width="150%" height="150%"><feGaussianBlur in="SourceAlpha" result="blur" stdDeviation="3"/><feColorMatrix in="blur" result="blurAlpha" values="2 0 0 0 0 0 2 0 0 0 0 0 2 0 0 0 0 0 0.5 0"/><feOffset dx="4.5" dy="4.5" in="blurAlpha" result="offsetBlur"/><feBlend in="SourceGraphic" in2="offsetBlur"/></filter><path fill="#333" stroke="#000" stroke-linejoin="bevel" stroke-width="6" d="M40 40v120h120V40zm40 40h40v40H80z" filter="url(#a)" transform="matrix(.9 0 0 .9 11.8 11.8)"/></svg>
<?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><filter id="a" width="150%" height="150%"><feGaussianBlur in="SourceAlpha" result="blur" stdDeviation="3"/><feColorMatrix in="blur" result="blurAlpha" values="2 0 0 0 0 0 2 0 0 0 0 0 2 0 0 0 0 0 0.5 0"/><feOffset dx="4.5" dy="4.5" in="blurAlpha" result="offsetBlur"/><feBlend in="SourceGraphic" in2="offsetBlur"/></filter><path fill="#333" stroke="#000" stroke-linejoin="bevel" stroke-width="6" d="M40 40v120h120V40zm40 40h40v40H80z" filter="url(#a)" transform="matrix(.9 0 0 .9 11.8 11.8)"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 560 B

After

Width:  |  Height:  |  Size: 583 B

3
public/piece/shapes/bQ.svg
View File

@@ -1 +1,2 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><filter id="a" width="150%" height="150%"><feGaussianBlur in="SourceAlpha" result="blur" stdDeviation="3"/><feColorMatrix in="blur" result="blurAlpha" values="2 0 0 0 0 0 2 0 0 0 0 0 2 0 0 0 0 0 0.5 0"/><feOffset dx="4.5" dy="4.5" in="blurAlpha" result="offsetBlur"/><feBlend in="SourceGraphic" in2="offsetBlur"/></filter><path fill="#333" fill-rule="evenodd" stroke="#000" stroke-linejoin="bevel" stroke-width="6" d="M80 20v31.71L57.57 29.3 29.3 57.57 51.72 80H20v40h31.71L29.3 142.43l28.28 28.28L80 148.28V180h40v-31.71l22.43 22.42 28.28-28.28L148.28 120H180V80h-31.71l22.42-22.43-28.28-28.28L120 51.72V20zm20 58.03A21.97 21.97 0 0 1 121.97 100 21.97 21.97 0 0 1 100 121.97 21.97 21.97 0 0 1 78.03 100 21.97 21.97 0 0 1 100 78.03z" filter="url(#a)"/></svg>
<?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><filter id="a" width="150%" height="150%"><feGaussianBlur in="SourceAlpha" result="blur" stdDeviation="3"/><feColorMatrix in="blur" result="blurAlpha" values="2 0 0 0 0 0 2 0 0 0 0 0 2 0 0 0 0 0 0.5 0"/><feOffset dx="4.5" dy="4.5" in="blurAlpha" result="offsetBlur"/><feBlend in="SourceGraphic" in2="offsetBlur"/></filter><path fill="#333" fill-rule="evenodd" stroke="#000" stroke-linejoin="bevel" stroke-width="6" d="M80 20v31.71L57.57 29.3 29.3 57.57 51.72 80H20v40h31.71L29.3 142.43l28.28 28.28L80 148.28V180h40v-31.71l22.43 22.42 28.28-28.28L148.28 120H180V80h-31.71l22.42-22.43-28.28-28.28L120 51.72V20zm20 58.03A21.97 21.97 0 0 1 121.97 100 21.97 21.97 0 0 1 100 121.97 21.97 21.97 0 0 1 78.03 100 21.97 21.97 0 0 1 100 78.03z" filter="url(#a)"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 820 B

After

Width:  |  Height:  |  Size: 843 B

3
public/piece/shapes/bR.svg
View File

@@ -1 +1,2 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><filter id="a" width="150%" height="150%"><feGaussianBlur in="SourceAlpha" result="blur" stdDeviation="3"/><feColorMatrix in="blur" result="blurAlpha" values="2 0 0 0 0 0 2 0 0 0 0 0 2 0 0 0 0 0 0.5 0"/><feOffset dx="4.5" dy="4.5" in="blurAlpha" result="offsetBlur"/><feBlend in="SourceGraphic" in2="offsetBlur"/></filter><path fill="#333" fill-rule="evenodd" stroke="#000" stroke-linejoin="bevel" stroke-width="6" d="M75 15h50v60h60v50h-60v60H75v-60H15V75h60z" filter="url(#a)"/></svg>
<?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><filter id="a" width="150%" height="150%"><feGaussianBlur in="SourceAlpha" result="blur" stdDeviation="3"/><feColorMatrix in="blur" result="blurAlpha" values="2 0 0 0 0 0 2 0 0 0 0 0 2 0 0 0 0 0 0.5 0"/><feOffset dx="4.5" dy="4.5" in="blurAlpha" result="offsetBlur"/><feBlend in="SourceGraphic" in2="offsetBlur"/></filter><path fill="#333" fill-rule="evenodd" stroke="#000" stroke-linejoin="bevel" stroke-width="6" d="M75 15h50v60h60v50h-60v60H75v-60H15V75h60z" filter="url(#a)"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 548 B

After

Width:  |  Height:  |  Size: 571 B

3
public/piece/shapes/wB.svg
View File

@@ -1 +1,2 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><filter id="a" width="150%" height="150%"><feGaussianBlur in="SourceAlpha" result="blur" stdDeviation="3"/><feColorMatrix in="blur" result="blurAlpha" values="2 0 0 0 0 0 2 0 0 0 0 0 2 0 0 0 0 0 0.5 0"/><feOffset dx="4.5" dy="4.5" in="blurAlpha" result="offsetBlur"/><feBlend in="SourceGraphic" in2="offsetBlur"/></filter><path fill="#fff" fill-rule="evenodd" stroke="#000" stroke-linejoin="bevel" stroke-width="6" d="M68.79 40.5 100 71.72l31.21-31.22 35.36-7.07-7.07 35.36L128.28 100l31.22 31.21 7.07 35.36-35.36-7.07L100 128.28 68.79 159.5l-35.36 7.07 7.07-35.36L71.72 100 40.5 68.79l-7.07-35.36z" filter="url(#a)"/></svg>
<?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><filter id="a" width="150%" height="150%"><feGaussianBlur in="SourceAlpha" result="blur" stdDeviation="3"/><feColorMatrix in="blur" result="blurAlpha" values="2 0 0 0 0 0 2 0 0 0 0 0 2 0 0 0 0 0 0.5 0"/><feOffset dx="4.5" dy="4.5" in="blurAlpha" result="offsetBlur"/><feBlend in="SourceGraphic" in2="offsetBlur"/></filter><path fill="#fff" fill-rule="evenodd" stroke="#000" stroke-linejoin="bevel" stroke-width="6" d="M68.79 40.5 100 71.72l31.21-31.22 35.36-7.07-7.07 35.36L128.28 100l31.22 31.21 7.07 35.36-35.36-7.07L100 128.28 68.79 159.5l-35.36 7.07 7.07-35.36L71.72 100 40.5 68.79l-7.07-35.36z" filter="url(#a)"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 686 B

After

Width:  |  Height:  |  Size: 709 B

3
public/piece/shapes/wK.svg
View File

@@ -1 +1,2 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><filter id="a" width="150%" height="150%"><feGaussianBlur in="SourceAlpha" result="blur" stdDeviation="3"/><feColorMatrix in="blur" result="blurAlpha" values="2 0 0 0 0 0 2 0 0 0 0 0 2 0 0 0 0 0 0.5 0"/><feOffset dx="4.5" dy="4.5" in="blurAlpha" result="offsetBlur"/><feBlend in="SourceGraphic" in2="offsetBlur"/></filter><path fill="#fff" fill-rule="evenodd" stroke="#000" stroke-linejoin="round" stroke-width="6" d="M68.79 24.64 24.64 68.8v62.42l44.15 44.15h62.42l44.15-44.15V68.8L131.2 24.64zM88 67.86h24V88h20.14v24H112v20.14H88V112H67.86V88H88z" filter="url(#a)"/></svg>
<?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><filter id="a" width="150%" height="150%"><feGaussianBlur in="SourceAlpha" result="blur" stdDeviation="3"/><feColorMatrix in="blur" result="blurAlpha" values="2 0 0 0 0 0 2 0 0 0 0 0 2 0 0 0 0 0 0.5 0"/><feOffset dx="4.5" dy="4.5" in="blurAlpha" result="offsetBlur"/><feBlend in="SourceGraphic" in2="offsetBlur"/></filter><path fill="#fff" fill-rule="evenodd" stroke="#000" stroke-linejoin="round" stroke-width="6" d="M68.79 24.64 24.64 68.8v62.42l44.15 44.15h62.42l44.15-44.15V68.8L131.2 24.64zM88 67.86h24V88h20.14v24H112v20.14H88V112H67.86V88H88z" filter="url(#a)"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 637 B

After

Width:  |  Height:  |  Size: 660 B

3
public/piece/shapes/wN.svg
View File

@@ -1 +1,2 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><filter id="a" width="150%" height="150%"><feGaussianBlur in="SourceAlpha" result="blur" stdDeviation="3"/><feColorMatrix in="blur" result="blurAlpha" values="2 0 0 0 0 0 2 0 0 0 0 0 2 0 0 0 0 0 0.5 0"/><feOffset dx="4.5" dy="4.5" in="blurAlpha" result="offsetBlur"/><feBlend in="SourceGraphic" in2="offsetBlur"/></filter><path fill="#fff" fill-rule="evenodd" stroke="#000" stroke-linejoin="bevel" stroke-width="6" d="M35.5 122.84V79.56l112.67-46.5 15.26 36.97-75.51 31.17 75.51 31.17-15.26 36.98z" filter="url(#a)"/></svg>
<?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><filter id="a" width="150%" height="150%"><feGaussianBlur in="SourceAlpha" result="blur" stdDeviation="3"/><feColorMatrix in="blur" result="blurAlpha" values="2 0 0 0 0 0 2 0 0 0 0 0 2 0 0 0 0 0 0.5 0"/><feOffset dx="4.5" dy="4.5" in="blurAlpha" result="offsetBlur"/><feBlend in="SourceGraphic" in2="offsetBlur"/></filter><path fill="#fff" fill-rule="evenodd" stroke="#000" stroke-linejoin="bevel" stroke-width="6" d="M35.5 122.84V79.56l112.67-46.5 15.26 36.97-75.51 31.17 75.51 31.17-15.26 36.98z" filter="url(#a)"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 585 B

After

Width:  |  Height:  |  Size: 608 B

3
public/piece/shapes/wP.svg
View File

@@ -1 +1,2 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><filter id="a" width="150%" height="150%"><feGaussianBlur in="SourceAlpha" result="blur" stdDeviation="3"/><feColorMatrix in="blur" result="blurAlpha" values="2 0 0 0 0 0 2 0 0 0 0 0 2 0 0 0 0 0 0.5 0"/><feOffset dx="4.5" dy="4.5" in="blurAlpha" result="offsetBlur"/><feBlend in="SourceGraphic" in2="offsetBlur"/></filter><path fill="#fff" stroke="#000" stroke-linejoin="bevel" stroke-width="6" d="M40 40v120h120V40zm40 40h40v40H80z" filter="url(#a)" transform="matrix(.9 0 0 .9 11.8 11.8)"/></svg>
<?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><filter id="a" width="150%" height="150%"><feGaussianBlur in="SourceAlpha" result="blur" stdDeviation="3"/><feColorMatrix in="blur" result="blurAlpha" values="2 0 0 0 0 0 2 0 0 0 0 0 2 0 0 0 0 0 0.5 0"/><feOffset dx="4.5" dy="4.5" in="blurAlpha" result="offsetBlur"/><feBlend in="SourceGraphic" in2="offsetBlur"/></filter><path fill="#fff" stroke="#000" stroke-linejoin="bevel" stroke-width="6" d="M40 40v120h120V40zm40 40h40v40H80z" filter="url(#a)" transform="matrix(.9 0 0 .9 11.8 11.8)"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 560 B

After

Width:  |  Height:  |  Size: 583 B

3
public/piece/shapes/wQ.svg
View File

@@ -1 +1,2 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><filter id="a" width="150%" height="150%"><feGaussianBlur in="SourceAlpha" result="blur" stdDeviation="3"/><feColorMatrix in="blur" result="blurAlpha" values="2 0 0 0 0 0 2 0 0 0 0 0 2 0 0 0 0 0 0.5 0"/><feOffset dx="4.5" dy="4.5" in="blurAlpha" result="offsetBlur"/><feBlend in="SourceGraphic" in2="offsetBlur"/></filter><path fill="#fff" fill-rule="evenodd" stroke="#000" stroke-linejoin="bevel" stroke-width="6" d="M80 20v31.71L57.57 29.3 29.3 57.57 51.72 80H20v40h31.71L29.3 142.43l28.28 28.28L80 148.28V180h40v-31.71l22.43 22.42 28.28-28.28L148.28 120H180V80h-31.71l22.42-22.43-28.28-28.28L120 51.72V20zm20 58.03A21.97 21.97 0 0 1 121.97 100 21.97 21.97 0 0 1 100 121.97 21.97 21.97 0 0 1 78.03 100 21.97 21.97 0 0 1 100 78.03z" filter="url(#a)"/></svg>
<?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><filter id="a" width="150%" height="150%"><feGaussianBlur in="SourceAlpha" result="blur" stdDeviation="3"/><feColorMatrix in="blur" result="blurAlpha" values="2 0 0 0 0 0 2 0 0 0 0 0 2 0 0 0 0 0 0.5 0"/><feOffset dx="4.5" dy="4.5" in="blurAlpha" result="offsetBlur"/><feBlend in="SourceGraphic" in2="offsetBlur"/></filter><path fill="#fff" fill-rule="evenodd" stroke="#000" stroke-linejoin="bevel" stroke-width="6" d="M80 20v31.71L57.57 29.3 29.3 57.57 51.72 80H20v40h31.71L29.3 142.43l28.28 28.28L80 148.28V180h40v-31.71l22.43 22.42 28.28-28.28L148.28 120H180V80h-31.71l22.42-22.43-28.28-28.28L120 51.72V20zm20 58.03A21.97 21.97 0 0 1 121.97 100 21.97 21.97 0 0 1 100 121.97 21.97 21.97 0 0 1 78.03 100 21.97 21.97 0 0 1 100 78.03z" filter="url(#a)"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 820 B

After

Width:  |  Height:  |  Size: 843 B

3
public/piece/shapes/wR.svg
View File

@@ -1 +1,2 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><filter id="a" width="150%" height="150%"><feGaussianBlur in="SourceAlpha" result="blur" stdDeviation="3"/><feColorMatrix in="blur" result="blurAlpha" values="2 0 0 0 0 0 2 0 0 0 0 0 2 0 0 0 0 0 0.5 0"/><feOffset dx="4.5" dy="4.5" in="blurAlpha" result="offsetBlur"/><feBlend in="SourceGraphic" in2="offsetBlur"/></filter><path fill="#fff" fill-rule="evenodd" stroke="#000" stroke-linejoin="bevel" stroke-width="6" d="M75 15h50v60h60v50h-60v60H75v-60H15V75h60z" filter="url(#a)"/></svg>
<?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><filter id="a" width="150%" height="150%"><feGaussianBlur in="SourceAlpha" result="blur" stdDeviation="3"/><feColorMatrix in="blur" result="blurAlpha" values="2 0 0 0 0 0 2 0 0 0 0 0 2 0 0 0 0 0 0.5 0"/><feOffset dx="4.5" dy="4.5" in="blurAlpha" result="offsetBlur"/><feBlend in="SourceGraphic" in2="offsetBlur"/></filter><path fill="#fff" fill-rule="evenodd" stroke="#000" stroke-linejoin="bevel" stroke-width="6" d="M75 15h50v60h60v50h-60v60H75v-60H15V75h60z" filter="url(#a)"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 548 B

After

Width:  |  Height:  |  Size: 571 B