kar
/
phaser-game-bs
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

work on animation

pull/5/head
Dev 1 2023-10-02 21:38:33 +05:30
parent c4edb94593
commit d7e64fff32
92 changed files with 8151 additions and 6690 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
public/assets/capital-letter/a.svg
View File

@ -145,16 +145,19 @@
x="41.672253"
y="79.868111">4</tspan></text>
</g>
<g
id="g1034"
style="display:inline">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.49547;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 49.392708,9.2082826 C 49.531367,8.0491252 27.044036,72.244814 27.044036,72.244814"
id="path127"
sodipodi:nodetypes="cc" />
<g
id="g650"
transform="translate(-0.41310827,-0.00731495)"
inkscape:transform-center-x="0.058802502"
inkscape:transform-center-y="-0.015142275">
transform="matrix(1.7181098,0,0,1.615206,-34.097793,-10.827659)"
inkscape:transform-center-x="0.10102845"
inkscape:transform-center-y="-0.024457362">
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@ -177,23 +180,23 @@
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 42.981079,26.489528 c 0.740859,-2.014661 3.661919,-9.743031 3.661919,-9.743031"
d="m 43.163815,25.119006 c 0.740859,-2.014661 3.661919,-9.743031 3.661919,-9.743031"
id="path13743"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="1.9143729"
inkscape:transform-center-y="5.0531116" />
</g>
<g
id="g1042"
style="display:inline">
<path
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 49.945039,9.1516334 C 50.028779,9.4481077 73.189935,72.317745 73.189935,72.317745"
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 49.488198,9.1516334 C 49.571938,9.4481077 72.733094,72.317745 72.733094,72.317745"
id="path15674"
sodipodi:nodetypes="cc" />
<g
id="g1205"
transform="translate(0.35203906,0.62379443)"
style="display:inline">
<g
id="g1198"
transform="translate(-0.48682415,0.59660565)"
transform="matrix(1.4045179,0,0,1.5119185,-21.099567,-4.4743306)"
style="display:inline">
<text
xml:space="preserve"
@ -217,29 +220,29 @@
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
d="M 54.145899,21.77088 C 53.442717,19.74276 50.806456,11.912664 50.806456,11.912664"
d="m 54.497938,23.034251 c -0.703182,-2.02812 -3.339443,-9.858216 -3.339443,-9.858216"
id="path15682"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="-1.6158511"
inkscape:transform-center-y="4.8664848" />
</g>
<g
id="g1238"
style="display:inline"
transform="translate(-0.35203906,-0.62379443)">
id="g1123"
style="display:inline">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 36.897143,48.164759 26.507248,0.07809"
id="path1108" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.452017;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="M 48.768524,48.161093 39.639351,48.31565"
d="m 48.677156,47.79562 -9.129173,0.154557"
id="path9576"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="-4.8199192"
inkscape:transform-center-y="0.3134404" />
<g
id="g21538"
transform="translate(-21.46967,-27.579792)"
transform="matrix(1.5875603,0,0,1.4971964,-57.143683,-65.553923)"
style="display:inline">
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
@ -264,5 +267,4 @@
</g>
</g>
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

46
public/assets/capital-letter/a_l1.svg
View File

@ -7,7 +7,7 @@
viewBox="0 0 100 100"
version="1.1"
id="svg5"
inkscape:export-filename="a.l1svg"
inkscape:export-filename="a_l3.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
@ -145,16 +145,19 @@
x="41.672253"
y="79.868111">4</tspan></text>
</g>
<g
id="g1034"
style="display:inline">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.49547;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 49.392708,9.2082826 C 49.531367,8.0491252 27.044036,72.244814 27.044036,72.244814"
id="path127"
sodipodi:nodetypes="cc" />
<g
id="g650"
transform="translate(-0.41310827,-0.00731495)"
inkscape:transform-center-x="0.058802502"
inkscape:transform-center-y="-0.015142275">
transform="matrix(1.7181098,0,0,1.615206,-34.097793,-10.827659)"
inkscape:transform-center-x="0.10102845"
inkscape:transform-center-y="-0.024457362">
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@ -177,24 +180,24 @@
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 42.981079,26.489528 c 0.740859,-2.014661 3.661919,-9.743031 3.661919,-9.743031"
d="m 43.163815,25.119006 c 0.740859,-2.014661 3.661919,-9.743031 3.661919,-9.743031"
id="path13743"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="1.9143729"
inkscape:transform-center-y="5.0531116" />
</g>
<g
id="g1042"
style="display:none">
<path
style="display:none;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 49.945039,9.1516334 C 50.028779,9.4481077 73.189935,72.317745 73.189935,72.317745"
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 49.488198,9.1516334 C 49.571938,9.4481077 72.733094,72.317745 72.733094,72.317745"
id="path15674"
sodipodi:nodetypes="cc" />
<g
id="g1205"
transform="translate(0.35203906,0.62379443)"
style="display:none">
<g
id="g1198"
transform="translate(-0.48682415,0.59660565)"
style="display:none">
transform="matrix(1.4045179,0,0,1.5119185,-21.099567,-4.4743306)"
style="display:inline">
<text
xml:space="preserve"
style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@ -217,29 +220,29 @@
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
d="M 54.145899,21.77088 C 53.442717,19.74276 50.806456,11.912664 50.806456,11.912664"
d="m 54.497938,23.034251 c -0.703182,-2.02812 -3.339443,-9.858216 -3.339443,-9.858216"
id="path15682"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="-1.6158511"
inkscape:transform-center-y="4.8664848" />
</g>
<g
id="g1238"
style="display:inline"
transform="translate(-0.35203906,-0.62379443)">
id="g1123"
style="display:none">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 36.897143,48.164759 26.507248,0.07809"
id="path1108" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.452017;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="M 48.768524,48.161093 39.639351,48.31565"
d="m 48.677156,47.79562 -9.129173,0.154557"
id="path9576"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="-4.8199192"
inkscape:transform-center-y="0.3134404" />
<g
id="g21538"
transform="translate(-21.46967,-27.579792)"
transform="matrix(1.5875603,0,0,1.4971964,-57.143683,-65.553923)"
style="display:inline">
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
@ -264,5 +267,4 @@
</g>
</g>
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

39
public/assets/capital-letter/a_l2.svg
View File

@ -11,7 +11,7 @@
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="a_l2.svg"
sodipodi:docname="a.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
@ -145,17 +145,19 @@
x="41.672253"
y="79.868111">4</tspan></text>
</g>
<g
id="g1034"
style="display:none">
<path
style="display:none;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.49547;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 49.392708,9.2082826 C 49.531367,8.0491252 27.044036,72.244814 27.044036,72.244814"
id="path127"
sodipodi:nodetypes="cc" />
<g
id="g650"
transform="translate(-0.41310827,-0.00731495)"
inkscape:transform-center-x="0.058802502"
inkscape:transform-center-y="-0.015142275"
style="display:none">
transform="matrix(1.7181098,0,0,1.615206,-34.097793,-10.827659)"
inkscape:transform-center-x="0.10102845"
inkscape:transform-center-y="-0.024457362">
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@ -177,20 +179,24 @@
transform="rotate(-178.67073)" />
</g>
<path
style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 42.981079,26.489528 c 0.740859,-2.014661 3.661919,-9.743031 3.661919,-9.743031"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 43.163815,25.119006 c 0.740859,-2.014661 3.661919,-9.743031 3.661919,-9.743031"
id="path13743"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="1.9143729"
inkscape:transform-center-y="5.0531116" />
</g>
<g
id="g1042"
style="display:inline">
<path
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 49.945039,9.1516334 C 50.028779,9.4481077 73.189935,72.317745 73.189935,72.317745"
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 49.488198,9.1516334 C 49.571938,9.4481077 72.733094,72.317745 72.733094,72.317745"
id="path15674"
sodipodi:nodetypes="cc" />
<g
id="g1198"
transform="translate(-0.13478509,1.2204001)"
transform="matrix(1.4045179,0,0,1.5119185,-21.099567,-4.4743306)"
style="display:inline">
<text
xml:space="preserve"
@ -214,28 +220,29 @@
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
d="m 54.497938,22.394674 c -0.703182,-2.02812 -3.339443,-9.858216 -3.339443,-9.858216"
d="m 54.497938,23.034251 c -0.703182,-2.02812 -3.339443,-9.858216 -3.339443,-9.858216"
id="path15682"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="-1.6158511"
inkscape:transform-center-y="4.8664848" />
</g>
<g
id="g1238"
id="g1123"
style="display:none">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 36.897143,48.164759 26.507248,0.07809"
id="path1108" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.452017;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="M 48.768524,48.161093 39.639351,48.31565"
d="m 48.677156,47.79562 -9.129173,0.154557"
id="path9576"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="-4.8199192"
inkscape:transform-center-y="0.3134404" />
<g
id="g21538"
transform="translate(-21.46967,-27.579792)"
transform="matrix(1.5875603,0,0,1.4971964,-57.143683,-65.553923)"
style="display:inline">
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

49
public/assets/capital-letter/a_l3.svg
View File

@ -7,7 +7,7 @@
viewBox="0 0 100 100"
version="1.1"
id="svg5"
inkscape:export-filename="a_l3.svg"
inkscape:export-filename="a_l2.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
@ -145,17 +145,19 @@
x="41.672253"
y="79.868111">4</tspan></text>
</g>
<g
id="g1034"
style="display:none">
<path
style="display:none;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.49547;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 49.392708,9.2082826 C 49.531367,8.0491252 27.044036,72.244814 27.044036,72.244814"
id="path127"
sodipodi:nodetypes="cc" />
<g
id="g650"
transform="translate(-0.41310827,-0.00731495)"
inkscape:transform-center-x="0.058802502"
inkscape:transform-center-y="-0.015142275"
style="display:none">
transform="matrix(1.7181098,0,0,1.615206,-34.097793,-10.827659)"
inkscape:transform-center-x="0.10102845"
inkscape:transform-center-y="-0.024457362">
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@ -177,21 +179,25 @@
transform="rotate(-178.67073)" />
</g>
<path
style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 42.981079,26.489528 c 0.740859,-2.014661 3.661919,-9.743031 3.661919,-9.743031"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 43.163815,25.119006 c 0.740859,-2.014661 3.661919,-9.743031 3.661919,-9.743031"
id="path13743"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="1.9143729"
inkscape:transform-center-y="5.0531116" />
</g>
<g
id="g1042"
style="display:none">
<path
style="display:none;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 49.945039,9.1516334 C 50.028779,9.4481077 73.189935,72.317745 73.189935,72.317745"
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 49.488198,9.1516334 C 49.571938,9.4481077 72.733094,72.317745 72.733094,72.317745"
id="path15674"
sodipodi:nodetypes="cc" />
<g
id="g1198"
transform="translate(-0.13478509,1.2204001)"
style="display:none">
transform="matrix(1.4045179,0,0,1.5119185,-21.099567,-4.4743306)"
style="display:inline">
<text
xml:space="preserve"
style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@ -213,26 +219,30 @@
transform="rotate(-178.35508)" />
</g>
<path
style="display:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
d="m 54.497938,22.394674 c -0.703182,-2.02812 -3.339443,-9.858216 -3.339443,-9.858216"
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
d="m 54.497938,23.034251 c -0.703182,-2.02812 -3.339443,-9.858216 -3.339443,-9.858216"
id="path15682"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="-1.6158511"
inkscape:transform-center-y="4.8664848" />
</g>
<g
id="g1123"
style="display:inline">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 36.897143,48.164759 26.507248,0.07809"
id="path1108" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.452017;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="m 48.762611,48.287559 -9.130472,-0.01297"
d="m 48.677156,47.79562 -9.129173,0.154557"
id="path9576"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="-4.8133567"
inkscape:transform-center-y="0.4018269" />
inkscape:transform-center-x="-4.8199192"
inkscape:transform-center-y="0.3134404" />
<g
id="g21538"
transform="translate(-21.46967,-27.579792)"
transform="matrix(1.5875603,0,0,1.4971964,-57.143683,-65.553923)"
style="display:inline">
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
@ -256,4 +266,5 @@
y="75.579971">3</tspan></text>
</g>
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

47
public/assets/capital-letter/b.svg
View File

@ -7,8 +7,25 @@
viewBox="0 0 100 100"
version="1.1"
id="svg5"
sodipodi:docname="b.svg"
inkscape:export-filename="b.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview1671"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false" />
<defs
id="defs2">
<marker
@ -61,17 +78,16 @@
</marker>
</defs>
<g
id="layer1"
id="g2365"
style="display:inline">
<g
id="g344">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:5.50539;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 48.503835,7.2773964 48.071477,78.855459"
id="path127" />
<g
id="g2108"
transform="translate(-0.7254407,-10.298307)">
transform="matrix(1.450692,0,0,1.5143111,-22.834961,-19.255845)"
style="display:inline">
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@ -93,19 +109,19 @@
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-35);paint-order:stroke fill markers"
d="m 48.371278,20.064173 c -0.0082,-2.146546 0.03446,-10.4084144 0.03446,-10.4084144"
d="m 48.371278,21.68784 c -0.0082,-2.146546 0.03446,-10.408415 0.03446,-10.408415"
id="path13743" />
</g>
<g
id="g370"
id="g2339"
style="display:inline">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 50.078881,42.699475 C 93.874653,51.841734 95.165897,-3.5730008 48.619769,7.2562447"
id="path3061" />
<g
id="g1198"
transform="translate(3.2556029,-2.8149031)"
transform="matrix(1.5411554,0,0,1.6047746,-27.223405,-8.7330318)"
style="display:inline">
<text
xml:space="preserve"
@ -128,18 +144,19 @@
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
d="M 66.047717,6.789157 C 62.831195,5.9433878 59.42289,5.8384944 55.368578,7.0825755"
d="M 64.261684,6.1396904 C 61.045162,5.2939212 57.636857,5.1890278 53.582545,6.4331089"
id="path15682" />
</g>
<g
id="g439"
id="g2313"
style="display:inline">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:none;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 47.995735,79.091605 C 91.791507,88.233864 96.514851,33.879382 49.968723,44.708634"
id="path7796" />
<g
id="g1149"
transform="translate(-27.968881,-7.5584371)">
transform="matrix(1.6014666,0,0,1.6650857,-77.946974,-41.766209)">
<text
xml:space="preserve"
style="font-size:2.29383px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.115053;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@ -161,9 +178,7 @@
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.452017;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="m 63.603296,43.623278 c -3.114339,-1.102484 -6.629721,-0.645631 -9.243068,0.45777"
d="m 63.116196,43.623278 c -3.114339,-1.102484 -6.629721,-0.645631 -9.243068,0.45777"
id="path9576" />
</g>
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.6 KiB

After

Width:  |  Height:  |  Size: 7.9 KiB

132
public/assets/capital-letter/b_l1.svg
View File

@ -7,17 +7,16 @@
viewBox="0 0 100 100"
version="1.1"
id="svg5"
inkscape:export-filename="b_l1.svg"
sodipodi:docname="b.svg"
inkscape:export-filename="b_1.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="b.svg.2023_09_26_13_13_50.0.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview7"
id="namedview1671"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
@ -26,45 +25,25 @@
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false"
showguides="true"
inkscape:zoom="1.7011402"
inkscape:cx="161.9502"
inkscape:cy="153.42651"
inkscape:window-width="1920"
inkscape:window-height="1011"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1">
<sodipodi:guide
position="49.994203,105.87826"
orientation="1,0"
id="guide61"
inkscape:locked="false" />
<sodipodi:guide
position="11.638122,-4.3701617"
orientation="1,0"
id="guide65"
inkscape:locked="false" />
<sodipodi:guide
position="86.919797,93.944903"
orientation="1,0"
id="guide67"
inkscape:locked="false" />
<sodipodi:guide
position="115.78941,19.290555"
orientation="0,-1"
id="guide69"
inkscape:locked="false" />
<sodipodi:guide
position="115.90363,95.255637"
orientation="0,-1"
id="guide71"
inkscape:locked="false" />
</sodipodi:namedview>
showgrid="false" />
<defs
id="defs2">
<marker
style="overflow:visible"
id="Arrow2"
refX="0"
refY="0"
orient="auto-start-reverse"
markerWidth="7.6999998"
markerHeight="5.5999999"
viewBox="0 0 7.7 5.6"
preserveAspectRatio="xMidYMid">
<path
transform="scale(0.7)"
d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
style="fill:context-stroke;fill-rule:evenodd;stroke:none"
id="arrow2L" />
</marker>
<marker
style="overflow:visible"
id="Arrow2-7"
@ -87,12 +66,9 @@
refX="0"
refY="0"
orient="auto-start-reverse"
inkscape:stockid="Arrow2"
markerWidth="7.6999998"
markerHeight="5.5999999"
viewBox="0 0 7.7 5.6"
inkscape:isstock="true"
inkscape:collect="always"
preserveAspectRatio="xMidYMid">
<path
transform="scale(0.7)"
@ -102,17 +78,14 @@
</marker>
</defs>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
style="display:inline">
id="g2365">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:5.50539;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 48.503835,7.2773964 48.071477,78.855459"
id="path127" />
<g
id="g2108"
transform="translate(-0.7254407,-5.5358067)"
transform="matrix(1.450692,0,0,1.5143111,-22.834961,-19.255845)"
style="display:inline">
<text
xml:space="preserve"
@ -121,7 +94,6 @@
y="19.336451"
id="text9342"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
sodipodi:role="line"
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="48.182404"
@ -136,20 +108,20 @@
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-35);paint-order:stroke fill markers"
d="m 48.371278,24.826676 c -0.0082,-2.146546 0.03446,-10.408415 0.03446,-10.408415"
id="path13743"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="0.032609882"
inkscape:transform-center-y="5.4034926" />
d="m 48.371278,21.68784 c -0.0082,-2.146546 0.03446,-10.408415 0.03446,-10.408415"
id="path13743" />
</g>
<g
id="g2339"
style="display:none">
<path
style="display:none;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 50.078881,42.699475 C 93.874653,51.841734 95.165897,-3.5730008 48.619769,7.2562447"
id="path3061"
sodipodi:nodetypes="cc" />
id="path3061" />
<g
id="g1198"
transform="translate(3.2556029,-2.8149031)"
style="display:none">
transform="matrix(1.5411554,0,0,1.6047746,-27.223405,-8.7330318)"
style="display:inline">
<text
xml:space="preserve"
style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@ -170,8 +142,42 @@
transform="rotate(-178.35508)" />
</g>
<path
style="display:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
d="M 66.047717,6.789157 C 62.831195,5.9433878 59.42289,5.8384944 55.368578,7.0825755"
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
d="M 64.261684,6.1396904 C 61.045162,5.2939212 57.636857,5.1890278 53.582545,6.4331089"
id="path15682" />
</g>
<g
id="g2313"
style="display:none">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 47.995735,79.091605 C 91.791507,88.233864 96.514851,33.879382 49.968723,44.708634"
id="path7796" />
<g
id="g1149"
transform="matrix(1.6014666,0,0,1.6650857,-77.946974,-41.766209)">
<text
xml:space="preserve"
style="font-size:2.29383px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.115053;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="79.432571"
y="53.184124"
id="text9342-1"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
id="tspan9340-2"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.115053;stroke-dasharray:none;stroke-opacity:1"
x="79.432571"
y="53.184124">3</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448-7"
cx="-81.574226"
cy="-49.920895"
r="1.2760839"
transform="rotate(-178.67073)" />
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.452017;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="m 63.116196,43.623278 c -3.114339,-1.102484 -6.629721,-0.645631 -9.243068,0.45777"
id="path9576" />
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.9 KiB

After

Width:  |  Height:  |  Size: 7.9 KiB

151
public/assets/capital-letter/b_l2.svg
View File

@ -7,17 +7,16 @@
viewBox="0 0 100 100"
version="1.1"
id="svg5"
inkscape:export-filename="b_l2.svg"
sodipodi:docname="b.svg"
inkscape:export-filename="b_1.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="b.svg.2023_09_26_13_13_50.0.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview7"
id="namedview1671"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
@ -26,45 +25,25 @@
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false"
showguides="true"
inkscape:zoom="1.7011402"
inkscape:cx="161.9502"
inkscape:cy="153.42651"
inkscape:window-width="1920"
inkscape:window-height="1011"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1">
<sodipodi:guide
position="49.994203,105.87826"
orientation="1,0"
id="guide61"
inkscape:locked="false" />
<sodipodi:guide
position="11.638122,-4.3701617"
orientation="1,0"
id="guide65"
inkscape:locked="false" />
<sodipodi:guide
position="86.919797,93.944903"
orientation="1,0"
id="guide67"
inkscape:locked="false" />
<sodipodi:guide
position="115.78941,19.290555"
orientation="0,-1"
id="guide69"
inkscape:locked="false" />
<sodipodi:guide
position="115.90363,95.255637"
orientation="0,-1"
id="guide71"
inkscape:locked="false" />
</sodipodi:namedview>
showgrid="false" />
<defs
id="defs2">
<marker
style="overflow:visible"
id="Arrow2"
refX="0"
refY="0"
orient="auto-start-reverse"
markerWidth="7.6999998"
markerHeight="5.5999999"
viewBox="0 0 7.7 5.6"
preserveAspectRatio="xMidYMid">
<path
transform="scale(0.7)"
d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
style="fill:context-stroke;fill-rule:evenodd;stroke:none"
id="arrow2L" />
</marker>
<marker
style="overflow:visible"
id="Arrow2-7"
@ -87,12 +66,9 @@
refX="0"
refY="0"
orient="auto-start-reverse"
inkscape:stockid="Arrow2"
markerWidth="7.6999998"
markerHeight="5.5999999"
viewBox="0 0 7.7 5.6"
inkscape:isstock="true"
inkscape:collect="always"
preserveAspectRatio="xMidYMid">
<path
transform="scale(0.7)"
@ -102,29 +78,50 @@
</marker>
</defs>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
style="display:inline">
id="g2365"
style="display:none">
<path
style="display:none;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:5.50539;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 48.503835,7.2773964 48.071477,78.855459"
id="path127" />
<g
id="g2108"
transform="matrix(1.450692,0,0,1.5143111,-22.834961,-19.255845)"
style="display:inline">
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="48.182404"
y="19.336451"
id="text9342"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="48.182404"
y="19.336451">1</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="-49.550514"
cy="-16.824097"
r="1.2760839"
transform="rotate(-178.67073)" />
</g>
<path
style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-35);paint-order:stroke fill markers"
d="m 48.371278,24.826676 c -0.0082,-2.146546 0.03446,-10.408415 0.03446,-10.408415"
id="path13743"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="0.032609882"
inkscape:transform-center-y="5.4034926" />
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-35);paint-order:stroke fill markers"
d="m 48.371278,21.68784 c -0.0082,-2.146546 0.03446,-10.408415 0.03446,-10.408415"
id="path13743" />
</g>
<g
id="g2339"
style="display:inline">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 50.078881,42.699475 C 93.874653,51.841734 95.165897,-3.5730008 48.619769,7.2562447"
id="path3061"
sodipodi:nodetypes="cc" />
id="path3061" />
<g
id="g1198"
transform="translate(3.2556029,-2.8149031)"
transform="matrix(1.5411554,0,0,1.6047746,-27.223405,-8.7330318)"
style="display:inline">
<text
xml:space="preserve"
@ -147,7 +144,41 @@
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
d="M 66.047717,6.789157 C 62.831195,5.9433878 59.42289,5.8384944 55.368578,7.0825755"
d="M 64.261684,6.1396904 C 61.045162,5.2939212 57.636857,5.1890278 53.582545,6.4331089"
id="path15682" />
</g>
<g
id="g2313"
style="display:none">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 47.995735,79.091605 C 91.791507,88.233864 96.514851,33.879382 49.968723,44.708634"
id="path7796" />
<g
id="g1149"
transform="matrix(1.6014666,0,0,1.6650857,-77.946974,-41.766209)">
<text
xml:space="preserve"
style="font-size:2.29383px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.115053;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="79.432571"
y="53.184124"
id="text9342-1"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
id="tspan9340-2"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.115053;stroke-dasharray:none;stroke-opacity:1"
x="79.432571"
y="53.184124">3</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448-7"
cx="-81.574226"
cy="-49.920895"
r="1.2760839"
transform="rotate(-178.67073)" />
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.452017;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="m 63.116196,43.623278 c -3.114339,-1.102484 -6.629721,-0.645631 -9.243068,0.45777"
id="path9576" />
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.7 KiB

After

Width:  |  Height:  |  Size: 7.9 KiB

155
public/assets/capital-letter/b_l3.svg
View File

@ -7,17 +7,16 @@
viewBox="0 0 100 100"
version="1.1"
id="svg5"
sodipodi:docname="b.svg"
inkscape:export-filename="b_l2.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="b.svg.2023_09_26_13_13_50.0.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview7"
id="namedview1671"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
@ -26,43 +25,7 @@
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false"
showguides="true"
inkscape:zoom="1.7011402"
inkscape:cx="161.9502"
inkscape:cy="153.42651"
inkscape:window-width="1920"
inkscape:window-height="1011"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1">
<sodipodi:guide
position="49.994203,105.87826"
orientation="1,0"
id="guide61"
inkscape:locked="false" />
<sodipodi:guide
position="11.638122,-4.3701617"
orientation="1,0"
id="guide65"
inkscape:locked="false" />
<sodipodi:guide
position="86.919797,93.944903"
orientation="1,0"
id="guide67"
inkscape:locked="false" />
<sodipodi:guide
position="115.78941,19.290555"
orientation="0,-1"
id="guide69"
inkscape:locked="false" />
<sodipodi:guide
position="115.90363,95.255637"
orientation="0,-1"
id="guide71"
inkscape:locked="false" />
</sodipodi:namedview>
showgrid="false" />
<defs
id="defs2">
<marker
@ -71,12 +34,9 @@
refX="0"
refY="0"
orient="auto-start-reverse"
inkscape:stockid="Arrow2"
markerWidth="7.6999998"
markerHeight="5.5999999"
viewBox="0 0 7.7 5.6"
inkscape:isstock="true"
inkscape:collect="always"
preserveAspectRatio="xMidYMid">
<path
transform="scale(0.7)"
@ -106,12 +66,9 @@
refX="0"
refY="0"
orient="auto-start-reverse"
inkscape:stockid="Arrow2"
markerWidth="7.6999998"
markerHeight="5.5999999"
viewBox="0 0 7.7 5.6"
inkscape:isstock="true"
inkscape:collect="always"
preserveAspectRatio="xMidYMid">
<path
transform="scale(0.7)"
@ -121,42 +78,85 @@
</marker>
</defs>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
style="display:inline">
id="g2365"
style="display:none">
<path
style="display:none;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:5.50539;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 48.503835,7.2773964 48.071477,78.855459"
id="path127" />
<path
style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-35);paint-order:stroke fill markers"
d="m 48.371278,24.826676 c -0.0082,-2.146546 0.03446,-10.408415 0.03446,-10.408415"
id="path13743"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="0.032609882"
inkscape:transform-center-y="5.4034926" />
<path
style="display:none;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 50.078881,42.699475 C 93.874653,51.841734 95.165897,-3.5730008 48.619769,7.2562447"
id="path3061"
sodipodi:nodetypes="cc" />
<path
style="display:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
d="M 66.047717,6.789157 C 62.831195,5.9433878 59.42289,5.8384944 55.368578,7.0825755"
id="path15682" />
<g
id="g439"
id="g2108"
transform="matrix(1.450692,0,0,1.5143111,-22.834961,-19.255845)"
style="display:inline">
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="48.182404"
y="19.336451"
id="text9342"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="48.182404"
y="19.336451">1</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="-49.550514"
cy="-16.824097"
r="1.2760839"
transform="rotate(-178.67073)" />
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-35);paint-order:stroke fill markers"
d="m 48.371278,21.68784 c -0.0082,-2.146546 0.03446,-10.408415 0.03446,-10.408415"
id="path13743" />
</g>
<g
id="g2339"
style="display:none">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 50.078881,42.699475 C 93.874653,51.841734 95.165897,-3.5730008 48.619769,7.2562447"
id="path3061" />
<g
id="g1198"
transform="matrix(1.5411554,0,0,1.6047746,-27.223405,-8.7330318)"
style="display:inline">
<text
xml:space="preserve"
style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="49.768463"
y="10.649764"
id="text15678"
transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
id="tspan15676"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
x="49.768463"
y="10.649764">2</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle15680"
cx="-50.731476"
cy="-8.3328476"
r="1.2760839"
transform="rotate(-178.35508)" />
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
d="M 64.261684,6.1396904 C 61.045162,5.2939212 57.636857,5.1890278 53.582545,6.4331089"
id="path15682" />
</g>
<g
id="g2313"
style="display:inline">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:none;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 47.995735,79.091605 C 91.791507,88.233864 96.514851,33.879382 49.968723,44.708634"
id="path7796"
sodipodi:nodetypes="cc" />
id="path7796" />
<g
id="g1149"
transform="translate(-27.968881,-7.5584371)"
style="display:inline">
transform="matrix(1.6014666,0,0,1.6650857,-77.946974,-41.766209)">
<text
xml:space="preserve"
style="font-size:2.29383px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.115053;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@ -164,7 +164,6 @@
y="53.184124"
id="text9342-1"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
sodipodi:role="line"
id="tspan9340-2"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.115053;stroke-dasharray:none;stroke-opacity:1"
x="79.432571"
@ -179,11 +178,7 @@
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.452017;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="m 63.603296,43.623278 c -3.114339,-1.102484 -6.629721,-0.645631 -9.243068,0.45777"
id="path9576"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="0.89540327"
inkscape:transform-center-y="0.2109465" />
</g>
d="m 63.116196,43.623278 c -3.114339,-1.102484 -6.629721,-0.645631 -9.243068,0.45777"
id="path9576" />
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.3 KiB

After

Width:  |  Height:  |  Size: 7.9 KiB

8
public/assets/capital-letter/c_l1.svg → public/assets/capital-letter/c.svg
View File

@ -7,7 +7,7 @@
viewBox="0 0 100 100"
version="1.1"
id="svg5"
inkscape:export-filename="b_l3.svg"
inkscape:export-filename="c.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
@ -90,13 +90,13 @@
inkscape:groupmode="layer"
id="layer1">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
d="M 46.950904,54.58028 C 40.098765,69.618826 9.9533159,69.837474 10.446716,35.540387 9.8782014,1.9943061 40.148611,1.2959928 46.950937,16.579396"
id="path3061"
sodipodi:nodetypes="ccc" />
<g
id="g2108"
transform="translate(-2.4303795,-1.0560959)">
transform="matrix(1.3435321,0,0,1.4654151,-19.624982,-10.507892)">
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@ -119,7 +119,7 @@
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 37.741355,8.8537233 c 2.994925,1.2362657 6.697855,3.3419177 8.115716,6.5170127"
d="m 36.030493,7.7649927 c 3.537241,0.9630583 6.045662,1.7715574 8.737848,5.5838143"
id="path13743"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="4.2043934"
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.6 KiB

After

Width:  |  Height:  |  Size: 4.7 KiB

155
public/assets/capital-letter/d.svg
View File

@ -7,62 +7,8 @@
viewBox="0 0 100 100"
version="1.1"
id="svg5"
inkscape:export-filename="d.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="d.svg.2023_09_26_13_23_34.0.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview7"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false"
showguides="true"
inkscape:zoom="1.7011402"
inkscape:cx="161.9502"
inkscape:cy="153.42651"
inkscape:window-width="1920"
inkscape:window-height="1011"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1">
<sodipodi:guide
position="49.994203,105.87826"
orientation="1,0"
id="guide61"
inkscape:locked="false" />
<sodipodi:guide
position="8.9984311,30.276284"
orientation="1,0"
id="guide65"
inkscape:locked="false" />
<sodipodi:guide
position="39.261739,98.984782"
orientation="1,0"
id="guide67"
inkscape:locked="false" />
<sodipodi:guide
position="116.39667,18.760333"
orientation="0,-1"
id="guide69"
inkscape:locked="false" />
<sodipodi:guide
position="115.90363,95.255637"
orientation="0,-1"
id="guide71"
inkscape:locked="false" />
</sodipodi:namedview>
<defs
id="defs2">
<marker
@ -71,12 +17,9 @@
refX="0"
refY="0"
orient="auto-start-reverse"
inkscape:stockid="Arrow2"
markerWidth="7.6999998"
markerHeight="5.5999999"
viewBox="0 0 7.7 5.6"
inkscape:isstock="true"
inkscape:collect="always"
preserveAspectRatio="xMidYMid">
<path
transform="scale(0.7)"
@ -90,12 +33,9 @@
refX="0"
refY="0"
orient="auto-start-reverse"
inkscape:stockid="Arrow2"
markerWidth="7.6999998"
markerHeight="5.5999999"
viewBox="0 0 7.7 5.6"
inkscape:isstock="true"
inkscape:collect="always"
preserveAspectRatio="xMidYMid">
<path
transform="scale(0.7)"
@ -105,58 +45,20 @@
</marker>
</defs>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1">
<g
id="g996">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:5.50539;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 41.82571,7.2769186 42.049594,78.855937"
id="path127"
sodipodi:insensitive="true" />
<g
id="g1669">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 42.16117,78.472117 C 104.80474,82.321666 106.39242,4.6156773 43.051128,7.3391777"
id="path7796"
sodipodi:nodetypes="cc" />
<g
id="g1198"
transform="translate(-5.3351616,-2.2176714)"
style="display:inline">
<text
xml:space="preserve"
style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="49.768463"
y="10.649764"
id="text15678"
transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
sodipodi:role="line"
id="tspan15676"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
x="49.768463"
y="10.649764">2</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle15680"
cx="-50.731476"
cy="-8.3328476"
r="1.2760839"
transform="rotate(-178.35508)" />
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 57.580998,8.5573639 C 54.492455,7.6343288 51.054759,7.3582273 46.959995,7.4065268"
id="path15682"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="-5.0800676"
inkscape:transform-center-y="0.67042889" />
</g>
id="path127" />
<path
style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
d="M 41.908046,24.029606 41.875038,13.892141"
id="path6265"
sodipodi:nodetypes="cc" />
d="M 42.160215,28.529957 42.127207,18.392492"
id="path6265" />
<g
id="g907"
transform="matrix(1.6339261,0,0,1.6948676,-26.551925,-6.5117843)">
<text
xml:space="preserve"
style="font-size:2.7912px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@ -164,7 +66,6 @@
y="12.991475"
id="text9342"
transform="scale(0.99960875,1.0003914)"><tspan
sodipodi:role="line"
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="41.024876"
@ -176,4 +77,42 @@
cy="11.98179"
r="1.2760839" />
</g>
</g>
<g
id="g1022"
transform="rotate(-0.43085195,50.572387,-12.861129)"
style="display:inline">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7.02398;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 41.302175,78.767111 C 103.94399,82.118327 104.88273,3.8288394 41.598389,7.1047661"
id="path1010" />
<g
id="g1018"
transform="matrix(1.6937779,0,0,1.7361549,-39.96616,-10.191295)"
style="display:inline">
<text
xml:space="preserve"
style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="49.768463"
y="10.649764"
id="text1014"
transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
id="tspan1012"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
x="49.768463"
y="10.649764">2</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle1016"
cx="-50.731476"
cy="-8.3328476"
r="1.2760839"
transform="rotate(-178.35508)" />
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 59.566804,8.6837466 C 56.545175,7.5608719 53.132867,7.0607337 49.043697,6.8413692"
id="path1020" />
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.9 KiB

After

Width:  |  Height:  |  Size: 5.1 KiB

104
public/assets/capital-letter/d_l1.svg
View File

@ -7,11 +7,11 @@
viewBox="0 0 100 100"
version="1.1"
id="svg5"
inkscape:export-filename="d.svg"
inkscape:export-filename="d_1.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="d.svg.2023_09_26_13_23_34.0.svg"
sodipodi:docname="d.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
@ -38,7 +38,7 @@
inkscape:window-maximized="1"
inkscape:current-layer="layer1">
<sodipodi:guide
position="72.417594,23.045218"
position="49.994203,105.87826"
orientation="1,0"
id="guide61"
inkscape:locked="false" />
@ -107,57 +107,22 @@
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:5.50539;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 41.82571,7.2769186 42.049594,78.855937"
id="path127"
sodipodi:insensitive="true" />
<g
id="g1669"
style="display:none">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 42.16117,78.472117 C 104.80474,82.321666 106.39242,4.6156773 43.051128,7.3391777"
id="path7796"
sodipodi:nodetypes="cc" />
<g
id="g1198"
transform="translate(-5.3351616,-2.2176714)"
id="layer1"
style="display:inline">
<text
xml:space="preserve"
style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="49.768463"
y="10.649764"
id="text15678"
transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
sodipodi:role="line"
id="tspan15676"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
x="49.768463"
y="10.649764">2</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle15680"
cx="-50.731476"
cy="-8.3328476"
r="1.2760839"
transform="rotate(-178.35508)" />
</g>
<g
id="g996">
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 57.580998,8.5573639 C 54.492455,7.6343288 51.054759,7.3582273 46.959995,7.4065268"
id="path15682"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="-5.0800676"
inkscape:transform-center-y="0.67042889" />
</g>
style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 41.82571,7.2769186 42.049594,78.855937"
id="path127" />
<path
style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
d="M 41.908046,24.029606 41.875038,13.892141"
d="M 42.160215,28.529957 42.127207,18.392492"
id="path6265"
sodipodi:nodetypes="cc" />
<g
id="g907"
transform="matrix(1.6339261,0,0,1.6948676,-26.551925,-6.5117843)">
<text
xml:space="preserve"
style="font-size:2.7912px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@ -177,4 +142,47 @@
cy="11.98179"
r="1.2760839" />
</g>
</g>
<g
id="g1022"
transform="rotate(-0.43085195,50.572387,-12.861129)"
style="display:none">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7.02398;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 41.302175,78.767111 C 103.94399,82.118327 104.88273,3.8288394 41.598389,7.1047661"
id="path1010"
sodipodi:nodetypes="cc" />
<g
id="g1018"
transform="matrix(1.6937779,0,0,1.7361549,-39.96616,-10.191295)"
style="display:inline">
<text
xml:space="preserve"
style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="49.768463"
y="10.649764"
id="text1014"
transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
sodipodi:role="line"
id="tspan1012"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
x="49.768463"
y="10.649764">2</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle1016"
cx="-50.731476"
cy="-8.3328476"
r="1.2760839"
transform="rotate(-178.35508)" />
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 59.566804,8.6837466 C 56.545175,7.5608719 53.132867,7.0607337 49.043697,6.8413692"
id="path1020"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="-5.0252316"
inkscape:transform-center-y="1.0035669" />
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.9 KiB

After

Width:  |  Height:  |  Size: 7.2 KiB

84
public/assets/capital-letter/d_l2.svg
View File

@ -7,11 +7,11 @@
viewBox="0 0 100 100"
version="1.1"
id="svg5"
inkscape:export-filename="d_l1.svg"
inkscape:export-filename="d_2.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="d.svg.2023_09_26_13_23_34.0.svg"
sodipodi:docname="d.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
@ -38,7 +38,7 @@
inkscape:window-maximized="1"
inkscape:current-layer="layer1">
<sodipodi:guide
position="72.417594,23.045218"
position="49.994203,105.87826"
orientation="1,0"
id="guide61"
inkscape:locked="false" />
@ -107,38 +107,71 @@
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1">
id="layer1"
style="display:inline">
<g
id="g996"
style="display:none">
<path
style="display:none;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:5.50539;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 41.82571,7.2769186 42.049594,78.855937"
id="path127" />
<g
id="g1669"
style="display:inline">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 42.16117,78.472117 C 104.80474,82.321666 106.39242,4.6156773 43.051128,7.3391777"
id="path7796"
style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
d="M 42.160215,28.529957 42.127207,18.392492"
id="path6265"
sodipodi:nodetypes="cc" />
<g
id="g1198"
transform="translate(-5.3351616,-2.2176714)"
id="g907"
transform="matrix(1.6339261,0,0,1.6948676,-26.551925,-6.5117843)">
<text
xml:space="preserve"
style="font-size:2.7912px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="41.024876"
y="12.991475"
id="text9342"
transform="scale(0.99960875,1.0003914)"><tspan
sodipodi:role="line"
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="41.024876"
y="12.991475">1</tspan></text>
<circle
style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="41.81303"
cy="11.98179"
r="1.2760839" />
</g>
</g>
<g
id="g1022"
transform="rotate(-0.43085195,50.572387,-12.861129)"
style="display:inline">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7.02398;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 41.302175,78.767111 C 103.94399,82.118327 104.88273,3.8288394 41.598389,7.1047661"
id="path1010"
sodipodi:nodetypes="cc" />
<g
id="g1018"
transform="matrix(1.6937779,0,0,1.7361549,-39.96616,-10.191295)"
style="display:inline">
<text
xml:space="preserve"
style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="49.768463"
y="10.649764"
id="text15678"
id="text1014"
transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
sodipodi:role="line"
id="tspan15676"
id="tspan1012"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
x="49.768463"
y="10.649764">2</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle15680"
id="circle1016"
cx="-50.731476"
cy="-8.3328476"
r="1.2760839"
@ -146,22 +179,11 @@
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 57.580998,8.5573639 C 54.492455,7.6343288 51.054759,7.3582273 46.959995,7.4065268"
id="path15682"
d="M 59.566804,8.6837466 C 56.545175,7.5608719 53.132867,7.0607337 49.043697,6.8413692"
id="path1020"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="-5.0800676"
inkscape:transform-center-y="0.67042889" />
inkscape:transform-center-x="-5.0252316"
inkscape:transform-center-y="1.0035669" />
</g>
<path
style="display:none;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
d="M 41.908046,24.029606 41.875038,13.892141"
id="path6265"
sodipodi:nodetypes="cc" />
<circle
style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="41.81303"
cy="11.98179"
r="1.2760839" />
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.3 KiB

After

Width:  |  Height:  |  Size: 7.2 KiB

149
public/assets/capital-letter/e.svg
View File

@ -7,8 +7,22 @@
viewBox="0 0 100 100"
version="1.1"
id="svg5"
sodipodi:docname="e.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview30"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false" />
<defs
id="defs2">
<marker
@ -29,118 +43,113 @@
</marker>
</defs>
<g
id="layer1">
id="g1041">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:5.50539;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 41.82571,7.2769186 42.049594,78.855937"
id="path127" />
<path
style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 41.90049,23.739752 41.867482,13.602287"
d="M 41.778715,25.689627 41.745707,15.552162"
id="path6265" />
<text
xml:space="preserve"
style="font-size:2.7912px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="41.017315"
y="12.701729"
style="font-size:3.98775px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.200016;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="42.185917"
y="13.745173"
id="text9342"
transform="scale(0.99960875,1.0003914)"><tspan
transform="scale(0.96141893,1.0401293)"><tspan
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="41.017315"
y="12.701729">1</tspan></text>
<circle
style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.200016;stroke-dasharray:none;stroke-opacity:1"
x="42.185917"
y="13.745173">1</tspan></text>
</g>
<ellipse
style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.200016;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="41.805473"
cy="11.69193"
r="1.2760839" />
<g
id="g3666"
style="display:inline">
cx="41.663403"
cy="12.789379"
rx="1.7534717"
ry="1.8955425" />
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 41.785464,7.3045297 33.868367,0.105865"
id="path548" />
<path
style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 54.595276,7.2787009 44.458995,7.1203219"
id="path9566" />
<circle
style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
<ellipse
style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.213782;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle9572"
cx="-6.3417368"
cy="42.675137"
r="1.2760839"
transform="rotate(-88.91827)" />
cx="-6.3401861"
cy="42.181671"
transform="matrix(0.01773549,-0.99984271,0.99979807,0.0200954,0,0)"
rx="2.010391"
ry="1.8887024" />
<text
xml:space="preserve"
style="font-size:2.51339px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="41.85751"
y="8.0238476"
id="text9650"><tspan
style="font-size:3.83797px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.213782;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="42.341419"
y="8.3058815"
id="text9650"
transform="scale(0.96924113,1.031735)"><tspan
id="tspan9648"
style="stroke-width:0.14;stroke-dasharray:none"
x="41.85751"
y="8.0238476">2</tspan></text>
</g>
<g
id="g3673"
style="display:inline">
style="stroke-width:0.213782;stroke-dasharray:none"
x="42.341419"
y="8.3058815">2</tspan></text>
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 41.95325,42.858299 29.472672,0.120987"
id="path1108" />
<path
style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 54.585716,42.562743 44.449435,42.404364"
id="path9576" />
<circle
style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
<ellipse
style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.188538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle9582"
cx="-41.619633"
cy="43.331741"
r="1.2760839"
transform="rotate(-88.91827)" />
cx="-41.638737"
cy="43.350529"
transform="matrix(0.01932968,-0.99981316,0.99983,0.01843809,0,0)"
rx="1.6983367"
ry="1.7388995" />
<text
xml:space="preserve"
style="font-size:2.28038px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="41.937611"
y="43.216064"
id="text9714"><tspan
style="font-size:3.24311px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.199105;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="38.136238"
y="47.39529"
id="text9714"
transform="scale(1.0904565,0.91704713)"><tspan
id="tspan9712"
style="stroke:#f9f6f6;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="41.937611"
y="43.216064">3</tspan></text>
</g>
<g
id="g3680"
style="display:inline">
style="stroke:#f9f6f6;stroke-width:0.199105;stroke-dasharray:none;stroke-opacity:1"
x="38.136238"
y="47.39529">3</tspan></text>
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 42.014207,78.885553 33.868367,0.105865"
id="path1106" />
<path
style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 54.585716,79.075266 44.449435,78.916887"
id="path9586" />
<circle
style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
<ellipse
style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.188438;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle9592"
cx="-78.125687"
cy="44.021099"
r="1.2760839"
transform="rotate(-88.91827)" />
cx="-78.064857"
cy="43.920307"
transform="matrix(0.01758718,-0.99984533,0.99979465,0.02026484,0,0)"
rx="1.7795134"
ry="1.6578252" />
<text
xml:space="preserve"
style="font-size:2.67135px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="41.672253"
y="79.868111"
id="text9761"><tspan
style="font-size:3.8517px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.169839;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="38.7425"
y="85.424103"
id="text9761"
transform="scale(1.06504,0.93893188)"><tspan
id="tspan9759"
style="stroke-width:0.117792"
x="41.672253"
y="79.868111">4</tspan></text>
</g>
</g>
style="stroke-width:0.169839"
x="38.7425"
y="85.424103">4</tspan></text>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.0 KiB

After

Width:  |  Height:  |  Size: 7.3 KiB

219
public/assets/capital-letter/e_l1.svg
View File

@ -7,17 +7,16 @@
viewBox="0 0 100 100"
version="1.1"
id="svg5"
inkscape:export-filename="c_l1.svg"
sodipodi:docname="e.svg"
inkscape:export-filename="e.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="d_l1.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview7"
id="namedview30"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
@ -26,48 +25,7 @@
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false"
showguides="true"
inkscape:zoom="1.4478969"
inkscape:cx="172.3189"
inkscape:cy="215.48496"
inkscape:window-width="1920"
inkscape:window-height="1011"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1">
<sodipodi:guide
position="49.994203,105.87826"
orientation="1,0"
id="guide61"
inkscape:locked="false" />
<sodipodi:guide
position="8.9984311,30.276284"
orientation="1,0"
id="guide65"
inkscape:locked="false" />
<sodipodi:guide
position="39.261739,98.984782"
orientation="1,0"
id="guide67"
inkscape:locked="false" />
<sodipodi:guide
position="116.39667,18.760333"
orientation="0,-1"
id="guide69"
inkscape:locked="false" />
<sodipodi:guide
position="115.90363,95.255637"
orientation="0,-1"
id="guide71"
inkscape:locked="false" />
<sodipodi:guide
position="78.794444,101.02008"
orientation="1,0"
id="guide550"
inkscape:locked="false" />
</sodipodi:namedview>
showgrid="false" />
<defs
id="defs2">
<marker
@ -76,12 +34,9 @@
refX="0"
refY="0"
orient="auto-start-reverse"
inkscape:stockid="Arrow2"
markerWidth="7.6999998"
markerHeight="5.5999999"
viewBox="0 0 7.7 5.6"
inkscape:isstock="true"
inkscape:collect="always"
preserveAspectRatio="xMidYMid">
<path
transform="scale(0.7)"
@ -91,83 +46,129 @@
</marker>
</defs>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1">
id="g1152"
style="display:inline">
<g
id="g1041">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:5.50539;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 41.82571,7.2769186 42.049594,78.855937"
id="path127" />
<path
style="display:none;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 41.778715,25.689627 41.745707,15.552162"
id="path6265" />
<text
xml:space="preserve"
style="font-size:3.98775px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.200016;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="42.185917"
y="13.745173"
id="text9342"
transform="scale(0.96141893,1.0401293)"><tspan
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.200016;stroke-dasharray:none;stroke-opacity:1"
x="42.185917"
y="13.745173">1</tspan></text>
</g>
<ellipse
style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.200016;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="41.663403"
cy="12.789379"
rx="1.7534717"
ry="1.8955425" />
</g>
<g
id="g1138"
style="display:none">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 41.785464,7.3045297 33.868367,0.105865"
id="path548" />
<path
style="display:none;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 42.014207,78.885553 33.868367,0.105865"
id="path1106" />
style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 54.595276,7.2787009 44.458995,7.1203219"
id="path9566" />
<ellipse
style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.213782;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle9572"
cx="-6.3401861"
cy="42.181671"
transform="matrix(0.01773549,-0.99984271,0.99979807,0.0200954,0,0)"
rx="2.010391"
ry="1.8887024" />
<text
xml:space="preserve"
style="font-size:3.83797px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.213782;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="42.341419"
y="8.3058815"
id="text9650"
transform="scale(0.96924111,1.031735)"><tspan
id="tspan9648"
style="stroke-width:0.213782;stroke-dasharray:none"
x="42.341419"
y="8.3058815">2</tspan></text>
</g>
<g
id="g1165"
style="display:none">
<path
style="display:none;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 41.95325,42.858299 29.472672,0.120987"
id="path1108" />
<path
style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 41.90049,23.739752 41.867482,13.602287"
id="path6265"
sodipodi:nodetypes="cc" />
d="M 54.585716,42.562743 44.449435,42.404364"
id="path9576" />
<ellipse
style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.188538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle9582"
cx="-41.638737"
cy="43.350529"
transform="matrix(0.01932968,-0.99981316,0.99983,0.01843809,0,0)"
rx="1.6983367"
ry="1.7388995" />
<text
xml:space="preserve"
style="font-size:2.7912px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="41.017315"
y="12.701729"
id="text9342"
transform="scale(0.99960875,1.0003914)"><tspan
sodipodi:role="line"
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="41.017315"
y="12.701729">1</tspan></text>
<circle
style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="41.805473"
cy="11.69193"
r="1.2760839" />
style="font-size:3.24311px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.199105;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="38.136238"
y="47.39529"
id="text9714"
transform="scale(1.0904565,0.91704716)"><tspan
id="tspan9712"
style="stroke:#f9f6f6;stroke-width:0.199105;stroke-dasharray:none;stroke-opacity:1"
x="38.136238"
y="47.39529">3</tspan></text>
</g>
<g
id="g1178"
style="display:none">
<path
style="display:none;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 54.595276,7.2787009 44.458995,7.1203219"
id="path9566"
sodipodi:nodetypes="cc" />
<circle
style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle9572"
cx="-6.3417368"
cy="42.675137"
r="1.2760839"
transform="rotate(-88.91827)" />
style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 42.014207,78.885553 33.868367,0.105865"
id="path1106" />
<path
style="display:none;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="M 54.843892,42.822434 44.707611,42.664055"
id="path9576"
sodipodi:nodetypes="cc" />
<circle
style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="circle9582"
cx="-41.874405"
cy="43.594776"
r="1.2760839"
transform="rotate(-88.91827)" />
<path
style="display:none;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 54.585716,79.075266 44.449435,78.916887"
id="path9586"
sodipodi:nodetypes="cc" />
<circle
style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9586" />
<ellipse
style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.188438;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle9592"
cx="-78.125687"
cy="44.021099"
r="1.2760839"
transform="rotate(-88.91827)" />
cx="-78.064857"
cy="43.920307"
transform="matrix(0.01758718,-0.99984533,0.99979465,0.02026484,0,0)"
rx="1.7795134"
ry="1.6578252" />
<text
xml:space="preserve"
style="font-size:3.8517px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.169839;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="38.7425"
y="85.424103"
id="text9761"
transform="scale(1.06504,0.93893189)"><tspan
id="tspan9759"
style="stroke-width:0.169839"
x="38.7425"
y="85.424103">4</tspan></text>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.2 KiB

After

Width:  |  Height:  |  Size: 7.8 KiB

227
public/assets/capital-letter/e_l2.svg
View File

@ -7,17 +7,16 @@
viewBox="0 0 100 100"
version="1.1"
id="svg5"
inkscape:export-filename="e_l4.svg"
sodipodi:docname="e.svg"
inkscape:export-filename="e_l2.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="d_l1.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview7"
id="namedview30"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
@ -26,48 +25,7 @@
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false"
showguides="true"
inkscape:zoom="1.4478969"
inkscape:cx="172.3189"
inkscape:cy="215.48496"
inkscape:window-width="1920"
inkscape:window-height="1011"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1">
<sodipodi:guide
position="49.994203,105.87826"
orientation="1,0"
id="guide61"
inkscape:locked="false" />
<sodipodi:guide
position="8.9984311,30.276284"
orientation="1,0"
id="guide65"
inkscape:locked="false" />
<sodipodi:guide
position="39.261739,98.984782"
orientation="1,0"
id="guide67"
inkscape:locked="false" />
<sodipodi:guide
position="116.39667,18.760333"
orientation="0,-1"
id="guide69"
inkscape:locked="false" />
<sodipodi:guide
position="115.90363,95.255637"
orientation="0,-1"
id="guide71"
inkscape:locked="false" />
<sodipodi:guide
position="78.794444,101.02008"
orientation="1,0"
id="guide550"
inkscape:locked="false" />
</sodipodi:namedview>
showgrid="false" />
<defs
id="defs2">
<marker
@ -76,12 +34,9 @@
refX="0"
refY="0"
orient="auto-start-reverse"
inkscape:stockid="Arrow2"
markerWidth="7.6999998"
markerHeight="5.5999999"
viewBox="0 0 7.7 5.6"
inkscape:isstock="true"
inkscape:collect="always"
preserveAspectRatio="xMidYMid">
<path
transform="scale(0.7)"
@ -91,83 +46,129 @@
</marker>
</defs>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
style="display:inline">
id="g1152"
style="display:none">
<g
id="g1041">
<path
style="display:none;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:5.50539;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 41.82571,7.2769186 42.049594,78.855937"
id="path127" />
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 41.778715,25.689627 41.745707,15.552162"
id="path6265" />
<text
xml:space="preserve"
style="font-size:3.98775px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.200016;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="42.185917"
y="13.745173"
id="text9342"
transform="scale(0.96141893,1.0401293)"><tspan
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.200016;stroke-dasharray:none;stroke-opacity:1"
x="42.185917"
y="13.745173">1</tspan></text>
</g>
<ellipse
style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.200016;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="41.663403"
cy="12.789379"
rx="1.7534717"
ry="1.8955425" />
</g>
<g
id="g1138"
style="display:inline">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 41.785464,7.3045297 33.868367,0.105865"
id="path548" />
<path
style="display:none;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 42.014207,78.885553 33.868367,0.105865"
id="path1106" />
style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 54.595276,7.2787009 44.458995,7.1203219"
id="path9566" />
<ellipse
style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.213782;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle9572"
cx="-6.3401861"
cy="42.181671"
transform="matrix(0.01773549,-0.99984271,0.99979807,0.0200954,0,0)"
rx="2.010391"
ry="1.8887024" />
<text
xml:space="preserve"
style="font-size:3.83797px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.213782;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="42.341419"
y="8.3058815"
id="text9650"
transform="scale(0.96924111,1.031735)"><tspan
id="tspan9648"
style="stroke-width:0.213782;stroke-dasharray:none"
x="42.341419"
y="8.3058815">2</tspan></text>
</g>
<g
id="g1165"
style="display:none">
<path
style="display:none;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 41.95325,42.858299 29.472672,0.120987"
id="path1108" />
<path
style="display:none;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 41.90049,23.739752 41.867482,13.602287"
id="path6265"
sodipodi:nodetypes="cc" />
<circle
style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="41.805473"
cy="11.69193"
r="1.2760839" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 54.595276,7.2787009 44.458995,7.1203219"
id="path9566"
sodipodi:nodetypes="cc" />
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle9572"
cx="-6.3417368"
cy="42.675137"
r="1.2760839"
transform="rotate(-88.91827)" />
<path
style="display:none;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="M 54.843892,42.822434 44.707611,42.664055"
id="path9576"
sodipodi:nodetypes="cc" />
<circle
style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 54.585716,42.562743 44.449435,42.404364"
id="path9576" />
<ellipse
style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.188538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle9582"
cx="-41.874405"
cy="43.594776"
r="1.2760839"
transform="rotate(-88.91827)" />
<path
style="display:none;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 54.585716,79.075266 44.449435,78.916887"
id="path9586"
sodipodi:nodetypes="cc" />
<circle
style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle9592"
cx="-78.125687"
cy="44.021099"
r="1.2760839"
transform="rotate(-88.91827)" />
cx="-41.638737"
cy="43.350529"
transform="matrix(0.01932968,-0.99981316,0.99983,0.01843809,0,0)"
rx="1.6983367"
ry="1.7388995" />
<text
xml:space="preserve"
style="font-size:2.51339px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="41.85751"
y="8.0238476"
id="text9650"><tspan
sodipodi:role="line"
id="tspan9648"
style="stroke-width:0.14;stroke-dasharray:none"
x="41.85751"
y="8.0238476">2</tspan></text>
style="font-size:3.24311px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.199105;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="38.136238"
y="47.39529"
id="text9714"
transform="scale(1.0904565,0.91704716)"><tspan
id="tspan9712"
style="stroke:#f9f6f6;stroke-width:0.199105;stroke-dasharray:none;stroke-opacity:1"
x="38.136238"
y="47.39529">3</tspan></text>
</g>
<g
id="g1178"
style="display:none">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 42.014207,78.885553 33.868367,0.105865"
id="path1106" />
<path
style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 54.585716,79.075266 44.449435,78.916887"
id="path9586" />
<ellipse
style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.188438;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle9592"
cx="-78.064857"
cy="43.920307"
transform="matrix(0.01758718,-0.99984533,0.99979465,0.02026484,0,0)"
rx="1.7795134"
ry="1.6578252" />
<text
xml:space="preserve"
style="font-size:3.8517px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.169839;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="38.7425"
y="85.424103"
id="text9761"
transform="scale(1.06504,0.93893189)"><tspan
id="tspan9759"
style="stroke-width:0.169839"
x="38.7425"
y="85.424103">4</tspan></text>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.2 KiB

After

Width:  |  Height:  |  Size: 7.8 KiB

222
public/assets/capital-letter/e_l3.svg
View File

@ -7,17 +7,16 @@
viewBox="0 0 100 100"
version="1.1"
id="svg5"
sodipodi:docname="e.svg"
inkscape:export-filename="e_l2.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="d_l1.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview7"
id="namedview30"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
@ -26,48 +25,7 @@
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false"
showguides="true"
inkscape:zoom="1.4478969"
inkscape:cx="172.3189"
inkscape:cy="215.48496"
inkscape:window-width="1920"
inkscape:window-height="1011"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1">
<sodipodi:guide
position="49.994203,105.87826"
orientation="1,0"
id="guide61"
inkscape:locked="false" />
<sodipodi:guide
position="8.9984311,30.276284"
orientation="1,0"
id="guide65"
inkscape:locked="false" />
<sodipodi:guide
position="39.261739,98.984782"
orientation="1,0"
id="guide67"
inkscape:locked="false" />
<sodipodi:guide
position="116.39667,18.760333"
orientation="0,-1"
id="guide69"
inkscape:locked="false" />
<sodipodi:guide
position="115.90363,95.255637"
orientation="0,-1"
id="guide71"
inkscape:locked="false" />
<sodipodi:guide
position="78.794444,101.02008"
orientation="1,0"
id="guide550"
inkscape:locked="false" />
</sodipodi:namedview>
showgrid="false" />
<defs
id="defs2">
<marker
@ -76,12 +34,9 @@
refX="0"
refY="0"
orient="auto-start-reverse"
inkscape:stockid="Arrow2"
markerWidth="7.6999998"
markerHeight="5.5999999"
viewBox="0 0 7.7 5.6"
inkscape:isstock="true"
inkscape:collect="always"
preserveAspectRatio="xMidYMid">
<path
transform="scale(0.7)"
@ -91,82 +46,129 @@
</marker>
</defs>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1">
id="g1152"
style="display:none">
<g
id="g1041">
<path
style="display:none;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:5.50539;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 41.82571,7.2769186 42.049594,78.855937"
id="path127" />
<path
style="display:none;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 41.778715,25.689627 41.745707,15.552162"
id="path6265" />
<text
xml:space="preserve"
style="font-size:3.98775px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.200016;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="42.185917"
y="13.745173"
id="text9342"
transform="scale(0.96141893,1.0401293)"><tspan
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.200016;stroke-dasharray:none;stroke-opacity:1"
x="42.185917"
y="13.745173">1</tspan></text>
</g>
<ellipse
style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.200016;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="41.663403"
cy="12.789379"
rx="1.7534717"
ry="1.8955425" />
</g>
<g
id="g1138"
style="display:none">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 41.785464,7.3045297 33.868367,0.105865"
id="path548" />
<path
style="display:none;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 42.014207,78.885553 33.868367,0.105865"
id="path1106" />
style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 54.595276,7.2787009 44.458995,7.1203219"
id="path9566" />
<ellipse
style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.213782;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle9572"
cx="-6.3401861"
cy="42.181671"
transform="matrix(0.01773549,-0.99984271,0.99979807,0.0200954,0,0)"
rx="2.010391"
ry="1.8887024" />
<text
xml:space="preserve"
style="font-size:3.83797px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.213782;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="42.341419"
y="8.3058815"
id="text9650"
transform="scale(0.96924111,1.031735)"><tspan
id="tspan9648"
style="stroke-width:0.213782;stroke-dasharray:none"
x="42.341419"
y="8.3058815">2</tspan></text>
</g>
<g
id="g1165"
style="display:inline">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 41.95325,42.858299 29.472672,0.120987"
id="path1108" />
<path
style="display:none;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 41.90049,23.739752 41.867482,13.602287"
id="path6265"
sodipodi:nodetypes="cc" />
<circle
style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="41.805473"
cy="11.69193"
r="1.2760839" />
<path
style="display:none;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 54.595276,7.2787009 44.458995,7.1203219"
id="path9566"
sodipodi:nodetypes="cc" />
<circle
style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle9572"
cx="-6.3417368"
cy="42.675137"
r="1.2760839"
transform="rotate(-88.91827)" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="M 54.843892,42.822434 44.707611,42.664055"
id="path9576"
sodipodi:nodetypes="cc" />
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 54.585716,42.562743 44.449435,42.404364"
id="path9576" />
<ellipse
style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.188538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle9582"
cx="-41.874405"
cy="43.594776"
r="1.2760839"
transform="rotate(-88.91827)" />
<path
style="display:none;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 54.585716,79.075266 44.449435,78.916887"
id="path9586"
sodipodi:nodetypes="cc" />
<circle
style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle9592"
cx="-78.125687"
cy="44.021099"
r="1.2760839"
transform="rotate(-88.91827)" />
cx="-41.638737"
cy="43.350529"
transform="matrix(0.01932968,-0.99981316,0.99983,0.01843809,0,0)"
rx="1.6983367"
ry="1.7388995" />
<text
xml:space="preserve"
style="font-size:2.28038px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="42.195786"
y="43.475758"
id="text9714"><tspan
sodipodi:role="line"
style="font-size:3.24311px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.199105;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="38.136238"
y="47.39529"
id="text9714"
transform="scale(1.0904565,0.91704716)"><tspan
id="tspan9712"
style="stroke:#f9f6f6;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="42.195786"
y="43.475758">3</tspan></text>
style="stroke:#f9f6f6;stroke-width:0.199105;stroke-dasharray:none;stroke-opacity:1"
x="38.136238"
y="47.39529">3</tspan></text>
</g>
<g
id="g1178"
style="display:none">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 42.014207,78.885553 33.868367,0.105865"
id="path1106" />
<path
style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 54.585716,79.075266 44.449435,78.916887"
id="path9586" />
<ellipse
style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.188438;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle9592"
cx="-78.064857"
cy="43.920307"
transform="matrix(0.01758718,-0.99984533,0.99979465,0.02026484,0,0)"
rx="1.7795134"
ry="1.6578252" />
<text
xml:space="preserve"
style="font-size:3.8517px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.169839;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="38.7425"
y="85.424103"
id="text9761"
transform="scale(1.06504,0.93893189)"><tspan
id="tspan9759"
style="stroke-width:0.169839"
x="38.7425"
y="85.424103">4</tspan></text>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.2 KiB

After

Width:  |  Height:  |  Size: 7.8 KiB

223
public/assets/capital-letter/e_l4.svg
View File

@ -7,17 +7,16 @@
viewBox="0 0 100 100"
version="1.1"
id="svg5"
sodipodi:docname="e.svg"
inkscape:export-filename="e_l3.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="d_l1.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview7"
id="namedview30"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
@ -26,48 +25,7 @@
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false"
showguides="true"
inkscape:zoom="1.4478969"
inkscape:cx="172.3189"
inkscape:cy="215.48496"
inkscape:window-width="1920"
inkscape:window-height="1011"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1">
<sodipodi:guide
position="49.994203,105.87826"
orientation="1,0"
id="guide61"
inkscape:locked="false" />
<sodipodi:guide
position="8.9984311,30.276284"
orientation="1,0"
id="guide65"
inkscape:locked="false" />
<sodipodi:guide
position="39.261739,98.984782"
orientation="1,0"
id="guide67"
inkscape:locked="false" />
<sodipodi:guide
position="116.39667,18.760333"
orientation="0,-1"
id="guide69"
inkscape:locked="false" />
<sodipodi:guide
position="115.90363,95.255637"
orientation="0,-1"
id="guide71"
inkscape:locked="false" />
<sodipodi:guide
position="78.794444,101.02008"
orientation="1,0"
id="guide550"
inkscape:locked="false" />
</sodipodi:namedview>
showgrid="false" />
<defs
id="defs2">
<marker
@ -76,12 +34,9 @@
refX="0"
refY="0"
orient="auto-start-reverse"
inkscape:stockid="Arrow2"
markerWidth="7.6999998"
markerHeight="5.5999999"
viewBox="0 0 7.7 5.6"
inkscape:isstock="true"
inkscape:collect="always"
preserveAspectRatio="xMidYMid">
<path
transform="scale(0.7)"
@ -91,83 +46,129 @@
</marker>
</defs>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
style="display:inline">
id="g1152"
style="display:none">
<g
id="g1041">
<path
style="display:none;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:5.50539;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 41.82571,7.2769186 42.049594,78.855937"
id="path127" />
<path
style="display:none;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 41.778715,25.689627 41.745707,15.552162"
id="path6265" />
<text
xml:space="preserve"
style="font-size:3.98775px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.200016;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="42.185917"
y="13.745173"
id="text9342"
transform="scale(0.96141893,1.0401293)"><tspan
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.200016;stroke-dasharray:none;stroke-opacity:1"
x="42.185917"
y="13.745173">1</tspan></text>
</g>
<ellipse
style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.200016;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="41.663403"
cy="12.789379"
rx="1.7534717"
ry="1.8955425" />
</g>
<g
id="g1138"
style="display:none">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 41.785464,7.3045297 33.868367,0.105865"
id="path548" />
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 42.014207,78.885553 33.868367,0.105865"
id="path1106" />
style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 54.595276,7.2787009 44.458995,7.1203219"
id="path9566" />
<ellipse
style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.213782;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle9572"
cx="-6.3401861"
cy="42.181671"
transform="matrix(0.01773549,-0.99984271,0.99979807,0.0200954,0,0)"
rx="2.010391"
ry="1.8887024" />
<text
xml:space="preserve"
style="font-size:3.83797px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.213782;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="42.341419"
y="8.3058815"
id="text9650"
transform="scale(0.96924111,1.031735)"><tspan
id="tspan9648"
style="stroke-width:0.213782;stroke-dasharray:none"
x="42.341419"
y="8.3058815">2</tspan></text>
</g>
<g
id="g1165"
style="display:none">
<path
style="display:none;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 41.95325,42.858299 29.472672,0.120987"
id="path1108" />
<path
style="display:none;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 41.90049,23.739752 41.867482,13.602287"
id="path6265"
sodipodi:nodetypes="cc" />
<circle
style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="41.805473"
cy="11.69193"
r="1.2760839" />
<path
style="display:none;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 54.595276,7.2787009 44.458995,7.1203219"
id="path9566"
sodipodi:nodetypes="cc" />
<circle
style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle9572"
cx="-6.3417368"
cy="42.675137"
r="1.2760839"
transform="rotate(-88.91827)" />
<path
style="display:none;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="M 54.843892,42.822434 44.707611,42.664055"
id="path9576"
sodipodi:nodetypes="cc" />
<circle
style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 54.585716,42.562743 44.449435,42.404364"
id="path9576" />
<ellipse
style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.188538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle9582"
cx="-41.874405"
cy="43.594776"
r="1.2760839"
transform="rotate(-88.91827)" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 54.585716,79.075266 44.449435,78.916887"
id="path9586"
sodipodi:nodetypes="cc" />
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle9592"
cx="-78.125687"
cy="44.021099"
r="1.2760839"
transform="rotate(-88.91827)" />
cx="-41.638737"
cy="43.350529"
transform="matrix(0.01932968,-0.99981316,0.99983,0.01843809,0,0)"
rx="1.6983367"
ry="1.7388995" />
<text
xml:space="preserve"
style="font-size:2.67135px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="41.672253"
y="79.868111"
id="text9761"><tspan
sodipodi:role="line"
style="font-size:3.24311px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.199105;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="38.136238"
y="47.39529"
id="text9714"
transform="scale(1.0904565,0.91704716)"><tspan
id="tspan9712"
style="stroke:#f9f6f6;stroke-width:0.199105;stroke-dasharray:none;stroke-opacity:1"
x="38.136238"
y="47.39529">3</tspan></text>
</g>
<g
id="g1178"
style="display:inline">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 42.014207,78.885553 33.868367,0.105865"
id="path1106" />
<path
style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 54.585716,79.075266 44.449435,78.916887"
id="path9586" />
<ellipse
style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.188438;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle9592"
cx="-78.064857"
cy="43.920307"
transform="matrix(0.01758718,-0.99984533,0.99979465,0.02026484,0,0)"
rx="1.7795134"
ry="1.6578252" />
<text
xml:space="preserve"
style="font-size:3.8517px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.169839;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="38.7425"
y="85.424103"
id="text9761"
transform="scale(1.06504,0.93893189)"><tspan
id="tspan9759"
style="stroke-width:0.117792"
x="41.672253"
y="79.868111">4</tspan></text>
style="stroke-width:0.169839"
x="38.7425"
y="85.424103">4</tspan></text>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.2 KiB

After

Width:  |  Height:  |  Size: 7.8 KiB

91
public/assets/capital-letter/f.svg
View File

@ -11,7 +11,7 @@
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="d_l1.svg"
sodipodi:docname="f.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
@ -95,37 +95,35 @@
inkscape:groupmode="layer"
id="layer1">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:5.50539;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 41.82571,7.2769186 42.049594,78.855937"
id="path127" />
<path
style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 41.90049,23.739752 41.867482,13.602287"
d="M 41.930498,24.311476 41.89749,14.174011"
id="path6265"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:2.7912px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="41.017315"
y="12.701729"
style="font-size:3.66672px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.183914;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="39.829346"
y="13.004878"
id="text9342"
transform="scale(0.99960875,1.0003914)"><tspan
transform="scale(1.0202486,0.98015329)"><tspan
sodipodi:role="line"
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="41.017315"
y="12.701729">1</tspan></text>
<circle
style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.183914;stroke-dasharray:none;stroke-opacity:1"
x="39.829346"
y="13.004878">1</tspan></text>
<ellipse
style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.183914;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="41.805473"
cy="11.69193"
r="1.2760839" />
<g
id="g3666"
style="display:inline">
cx="41.714104"
cy="11.440667"
rx="1.7109678"
ry="1.6424416" />
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 41.785464,7.3045297 33.868367,0.105865"
id="path548" />
<path
@ -134,29 +132,25 @@
id="path9566"
sodipodi:nodetypes="cc" />
<circle
style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.178011;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle9572"
cx="-6.3417368"
cy="42.675137"
r="1.2760839"
cx="-6.3943124"
cy="42.310593"
r="1.62255"
transform="rotate(-88.91827)" />
<text
xml:space="preserve"
style="font-size:2.51339px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="41.85751"
y="8.0238476"
style="font-size:3.19579px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.178011;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="41.304619"
y="8.3078041"
id="text9650"><tspan
sodipodi:role="line"
id="tspan9648"
style="stroke-width:0.14;stroke-dasharray:none"
x="41.85751"
y="8.0238476">2</tspan></text>
</g>
<g
id="g3673"
style="display:inline">
style="stroke-width:0.178011;stroke-dasharray:none"
x="41.304619"
y="8.3078041">2</tspan></text>
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 41.95325,42.858299 29.472672,0.120987"
id="path1108" />
<path
@ -164,25 +158,26 @@
d="M 54.585716,42.562743 44.449435,42.404364"
id="path9576"
sodipodi:nodetypes="cc" />
<circle
style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
<ellipse
style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.194504;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle9582"
cx="-41.619633"
cy="43.331741"
r="1.2760839"
transform="rotate(-88.91827)" />
cx="-41.838345"
cy="42.775791"
transform="matrix(0.01747498,-0.9998473,0.999792,0.02039494,0,0)"
rx="1.8426768"
ry="1.7057223" />
<text
xml:space="preserve"
style="font-size:2.28038px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="41.937611"
y="43.216064"
id="text9714"><tspan
style="font-size:3.16815px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.194503;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="42.857414"
y="42.177345"
id="text9714"
transform="scale(0.96209417,1.0393993)"><tspan
sodipodi:role="line"
id="tspan9712"
style="stroke:#f9f6f6;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="41.937611"
y="43.216064">3</tspan></text>
</g>
style="stroke:#f9f6f6;stroke-width:0.194503;stroke-dasharray:none;stroke-opacity:1"
x="42.857414"
y="42.177345">3</tspan></text>
<g
id="g3680"
style="display:none">

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.1 KiB

After

Width:  |  Height:  |  Size: 9.0 KiB

175
public/assets/capital-letter/f_l1.svg
View File

@ -7,11 +7,11 @@
viewBox="0 0 100 100"
version="1.1"
id="svg5"
inkscape:export-filename="e_l2.svg"
inkscape:export-filename="f.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="d_l1.svg"
sodipodi:docname="f.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
@ -93,53 +93,116 @@
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
style="display:inline">
id="layer1">
<g
id="g11225"
style="display:inline">
id="g2327">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:5.50539;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 41.82571,7.2769186 42.049594,78.855937"
id="path127" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 41.90049,23.739752 41.867482,13.602287"
style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 41.930498,24.311476 41.89749,14.174011"
id="path6265"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="41.017315"
y="12.701729"
style="font-size:3.66672px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.183914;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="39.829346"
y="13.004878"
id="text9342"
transform="scale(0.99960875,1.0003914)"><tspan
transform="scale(1.0202486,0.98015329)"><tspan
sodipodi:role="line"
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="41.017315"
y="12.701729">1</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.183914;stroke-dasharray:none;stroke-opacity:1"
x="39.829346"
y="13.004878">1</tspan></text>
<ellipse
style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.183914;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="41.805473"
cy="11.69193"
r="1.2760839" />
cx="41.714104"
cy="11.440667"
rx="1.7109678"
ry="1.6424416" />
</g>
<g
id="g11218"
id="g2313"
style="display:none">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 41.785464,7.3045297 33.868367,0.105865"
id="path548" />
<path
style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 54.595276,7.2787009 44.458995,7.1203219"
id="path9566"
sodipodi:nodetypes="cc" />
<circle
style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.178011;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle9572"
cx="-6.3943124"
cy="42.310593"
r="1.62255"
transform="rotate(-88.91827)" />
<text
xml:space="preserve"
style="font-size:3.19579px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.178011;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="41.304619"
y="8.3078041"
id="text9650"><tspan
sodipodi:role="line"
id="tspan9648"
style="stroke-width:0.178011;stroke-dasharray:none"
x="41.304619"
y="8.3078041">2</tspan></text>
</g>
<g
id="g2320"
style="display:none">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 41.95325,42.858299 29.472672,0.120987"
id="path1108" />
<path
style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 54.585716,42.562743 44.449435,42.404364"
id="path9576"
sodipodi:nodetypes="cc" />
<ellipse
style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.194504;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle9582"
cx="-41.838345"
cy="42.775791"
transform="matrix(0.01747498,-0.9998473,0.999792,0.02039494,0,0)"
rx="1.8426768"
ry="1.7057223" />
<text
xml:space="preserve"
style="font-size:3.16815px;display:none;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.194503;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="42.857414"
y="42.177345"
id="text9714"
transform="scale(0.96209417,1.0393993)"><tspan
sodipodi:role="line"
id="tspan9712"
style="stroke:#f9f6f6;stroke-width:0.194503;stroke-dasharray:none;stroke-opacity:1"
x="0"
y="0">3</tspan></text>
</g>
<g
id="g3680"
style="display:none">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 42.014207,78.885553 33.868367,0.105865"
id="path1106" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 54.585716,79.075266 44.449435,78.916887"
id="path9586"
sodipodi:nodetypes="cc" />
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle9592"
cx="-78.125687"
cy="44.021099"
@ -147,7 +210,7 @@
transform="rotate(-88.91827)" />
<text
xml:space="preserve"
style="font-size:2.67135px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
style="font-size:2.67135px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="41.672253"
y="79.868111"
id="text9761"><tspan
@ -157,67 +220,5 @@
x="41.672253"
y="79.868111">4</tspan></text>
</g>
<g
id="g11232"
style="display:none">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 41.785464,7.3045297 33.868367,0.105865"
id="path548" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 54.595276,7.2787009 44.458995,7.1203219"
id="path9566"
sodipodi:nodetypes="cc" />
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle9572"
cx="-6.3417368"
cy="42.675137"
r="1.2760839"
transform="rotate(-88.91827)" />
<text
xml:space="preserve"
style="font-size:2.51339px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="41.85751"
y="8.0238476"
id="text9650"><tspan
sodipodi:role="line"
id="tspan9648"
style="stroke-width:0.14;stroke-dasharray:none"
x="41.85751"
y="8.0238476">2</tspan></text>
</g>
<g
id="g11267"
style="display:none">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 41.95325,42.858299 29.472672,0.120987"
id="path1108" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="M 54.843892,42.822434 44.707611,42.664055"
id="path9576"
sodipodi:nodetypes="cc" />
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="circle9582"
cx="-41.874405"
cy="43.594776"
r="1.2760839"
transform="rotate(-88.91827)" />
<text
xml:space="preserve"
style="font-size:2.28038px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="42.195786"
y="43.475758"
id="text9714"><tspan
sodipodi:role="line"
id="tspan9712"
style="stroke:#f9f6f6;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="42.195786"
y="43.475758">3</tspan></text>
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.4 KiB

After

Width:  |  Height:  |  Size: 9.3 KiB

172
public/assets/capital-letter/f_l2.svg
View File

@ -11,7 +11,7 @@
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="d_l1.svg"
sodipodi:docname="f.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
@ -93,53 +93,117 @@
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
style="display:inline">
id="layer1">
<g
id="g11225"
id="g2327"
style="display:none">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:5.50539;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 41.82571,7.2769186 42.049594,78.855937"
id="path127" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 41.90049,23.739752 41.867482,13.602287"
style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 41.930498,24.311476 41.89749,14.174011"
id="path6265"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="41.017315"
y="12.701729"
style="font-size:3.66672px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.183914;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="39.829346"
y="13.004878"
id="text9342"
transform="scale(0.99960875,1.0003914)"><tspan
transform="scale(1.0202486,0.98015329)"><tspan
sodipodi:role="line"
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="41.017315"
y="12.701729">1</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.183914;stroke-dasharray:none;stroke-opacity:1"
x="39.829346"
y="13.004878">1</tspan></text>
<ellipse
style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.183914;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="41.805473"
cy="11.69193"
r="1.2760839" />
cx="41.714104"
cy="11.440667"
rx="1.7109678"
ry="1.6424416" />
</g>
<g
id="g11218"
id="g2313"
style="display:inline">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 41.785464,7.3045297 33.868367,0.105865"
id="path548" />
<path
style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 54.595276,7.2787009 44.458995,7.1203219"
id="path9566"
sodipodi:nodetypes="cc" />
<circle
style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.178011;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle9572"
cx="-6.3943124"
cy="42.310593"
r="1.62255"
transform="rotate(-88.91827)" />
<text
xml:space="preserve"
style="font-size:3.19579px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.178011;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="41.304619"
y="8.3078041"
id="text9650"><tspan
sodipodi:role="line"
id="tspan9648"
style="stroke-width:0.178011;stroke-dasharray:none"
x="41.304619"
y="8.3078041">2</tspan></text>
</g>
<g
id="g2320"
style="display:none">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 41.95325,42.858299 29.472672,0.120987"
id="path1108" />
<path
style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 54.585716,42.562743 44.449435,42.404364"
id="path9576"
sodipodi:nodetypes="cc" />
<ellipse
style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.194504;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle9582"
cx="-41.838345"
cy="42.775791"
transform="matrix(0.01747498,-0.9998473,0.999792,0.02039494,0,0)"
rx="1.8426768"
ry="1.7057223" />
<text
xml:space="preserve"
style="font-size:3.16815px;display:none;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.194503;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="42.857414"
y="42.177345"
id="text9714"
transform="scale(0.96209417,1.0393993)"><tspan
sodipodi:role="line"
id="tspan9712"
style="stroke:#f9f6f6;stroke-width:0.194503;stroke-dasharray:none;stroke-opacity:1"
x="0"
y="0">3</tspan></text>
</g>
<g
id="g3680"
style="display:none">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 42.014207,78.885553 33.868367,0.105865"
id="path1106" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 54.585716,79.075266 44.449435,78.916887"
id="path9586"
sodipodi:nodetypes="cc" />
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle9592"
cx="-78.125687"
cy="44.021099"
@ -147,7 +211,7 @@
transform="rotate(-88.91827)" />
<text
xml:space="preserve"
style="font-size:2.67135px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
style="font-size:2.67135px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="41.672253"
y="79.868111"
id="text9761"><tspan
@ -157,67 +221,5 @@
x="41.672253"
y="79.868111">4</tspan></text>
</g>
<g
id="g11232"
style="display:inline">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 41.785464,7.3045297 33.868367,0.105865"
id="path548" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 54.595276,7.2787009 44.458995,7.1203219"
id="path9566"
sodipodi:nodetypes="cc" />
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle9572"
cx="-6.3417368"
cy="42.675137"
r="1.2760839"
transform="rotate(-88.91827)" />
<text
xml:space="preserve"
style="font-size:2.51339px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="41.85751"
y="8.0238476"
id="text9650"><tspan
sodipodi:role="line"
id="tspan9648"
style="stroke-width:0.14;stroke-dasharray:none"
x="41.85751"
y="8.0238476">2</tspan></text>
</g>
<g
id="g11267"
style="display:none">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 41.95325,42.858299 29.472672,0.120987"
id="path1108" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="M 54.843892,42.822434 44.707611,42.664055"
id="path9576"
sodipodi:nodetypes="cc" />
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="circle9582"
cx="-41.874405"
cy="43.594776"
r="1.2760839"
transform="rotate(-88.91827)" />
<text
xml:space="preserve"
style="font-size:2.28038px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="42.195786"
y="43.475758"
id="text9714"><tspan
sodipodi:role="line"
id="tspan9712"
style="stroke:#f9f6f6;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="42.195786"
y="43.475758">3</tspan></text>
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.4 KiB

After

Width:  |  Height:  |  Size: 9.4 KiB

172
public/assets/capital-letter/f_l3.svg
View File

@ -11,7 +11,7 @@
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="d_l1.svg"
sodipodi:docname="f.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
@ -93,53 +93,117 @@
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
style="display:inline">
id="layer1">
<g
id="g11225"
id="g2327"
style="display:none">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:5.50539;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 41.82571,7.2769186 42.049594,78.855937"
id="path127" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 41.90049,23.739752 41.867482,13.602287"
style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 41.930498,24.311476 41.89749,14.174011"
id="path6265"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="41.017315"
y="12.701729"
style="font-size:3.66672px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.183914;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="39.829346"
y="13.004878"
id="text9342"
transform="scale(0.99960875,1.0003914)"><tspan
transform="scale(1.0202486,0.98015329)"><tspan
sodipodi:role="line"
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="41.017315"
y="12.701729">1</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.183914;stroke-dasharray:none;stroke-opacity:1"
x="39.829346"
y="13.004878">1</tspan></text>
<ellipse
style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.183914;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="41.805473"
cy="11.69193"
r="1.2760839" />
cx="41.714104"
cy="11.440667"
rx="1.7109678"
ry="1.6424416" />
</g>
<g
id="g11218"
id="g2313"
style="display:none">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 41.785464,7.3045297 33.868367,0.105865"
id="path548" />
<path
style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 54.595276,7.2787009 44.458995,7.1203219"
id="path9566"
sodipodi:nodetypes="cc" />
<circle
style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.178011;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle9572"
cx="-6.3943124"
cy="42.310593"
r="1.62255"
transform="rotate(-88.91827)" />
<text
xml:space="preserve"
style="font-size:3.19579px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.178011;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="41.304619"
y="8.3078041"
id="text9650"><tspan
sodipodi:role="line"
id="tspan9648"
style="stroke-width:0.178011;stroke-dasharray:none"
x="41.304619"
y="8.3078041">2</tspan></text>
</g>
<g
id="g2320"
style="display:inline">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 41.95325,42.858299 29.472672,0.120987"
id="path1108" />
<path
style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 54.585716,42.562743 44.449435,42.404364"
id="path9576"
sodipodi:nodetypes="cc" />
<ellipse
style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.194504;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle9582"
cx="-41.838345"
cy="42.775791"
transform="matrix(0.01747498,-0.9998473,0.999792,0.02039494,0,0)"
rx="1.8426768"
ry="1.7057223" />
<text
xml:space="preserve"
style="font-size:3.16815px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.194503;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="42.857414"
y="42.177345"
id="text9714"
transform="scale(0.96209417,1.0393993)"><tspan
sodipodi:role="line"
id="tspan9712"
style="stroke:#f9f6f6;stroke-width:0.194503;stroke-dasharray:none;stroke-opacity:1"
x="42.857414"
y="42.177345">3</tspan></text>
</g>
<g
id="g3680"
style="display:none">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 42.014207,78.885553 33.868367,0.105865"
id="path1106" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 54.585716,79.075266 44.449435,78.916887"
id="path9586"
sodipodi:nodetypes="cc" />
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle9592"
cx="-78.125687"
cy="44.021099"
@ -147,7 +211,7 @@
transform="rotate(-88.91827)" />
<text
xml:space="preserve"
style="font-size:2.67135px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
style="font-size:2.67135px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="41.672253"
y="79.868111"
id="text9761"><tspan
@ -157,67 +221,5 @@
x="41.672253"
y="79.868111">4</tspan></text>
</g>
<g
id="g11232"
style="display:none">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 41.785464,7.3045297 33.868367,0.105865"
id="path548" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 54.595276,7.2787009 44.458995,7.1203219"
id="path9566"
sodipodi:nodetypes="cc" />
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle9572"
cx="-6.3417368"
cy="42.675137"
r="1.2760839"
transform="rotate(-88.91827)" />
<text
xml:space="preserve"
style="font-size:2.51339px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="41.85751"
y="8.0238476"
id="text9650"><tspan
sodipodi:role="line"
id="tspan9648"
style="stroke-width:0.14;stroke-dasharray:none"
x="41.85751"
y="8.0238476">2</tspan></text>
</g>
<g
id="g11267"
style="display:inline">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 41.95325,42.858299 29.472672,0.120987"
id="path1108" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="M 54.843892,42.822434 44.707611,42.664055"
id="path9576"
sodipodi:nodetypes="cc" />
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="circle9582"
cx="-41.874405"
cy="43.594776"
r="1.2760839"
transform="rotate(-88.91827)" />
<text
xml:space="preserve"
style="font-size:2.28038px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="42.195786"
y="43.475758"
id="text9714"><tspan
sodipodi:role="line"
id="tspan9712"
style="stroke:#f9f6f6;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="42.195786"
y="43.475758">3</tspan></text>
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.4 KiB

After

Width:  |  Height:  |  Size: 9.4 KiB

62
public/assets/capital-letter/g.svg
View File

@ -7,8 +7,22 @@
viewBox="0 0 100 100"
version="1.1"
id="svg5"
sodipodi:docname="g.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview2690"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false" />
<defs
id="defs2">
<marker
@ -45,14 +59,14 @@
</marker>
</defs>
<g
id="layer1">
id="g3262">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
d="M 46.950937,16.579396 C 40.148611,1.2959928 7.8076692,2.9074546 8.3761838,36.453535 8.2620678,47.145698 10.670035,55.543308 19.764863,61.164866 29.836796,67.30137 44.886491,63.481212 47.728563,48.02444"
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
d="M 67.387217,28.060452 C 60.584891,12.777049 28.243949,14.388511 28.812464,47.934591 c -0.114116,10.692163 2.293851,19.089773 11.388679,24.711331 10.071933,6.136504 25.121628,2.316346 27.9637,-13.140426"
id="path3061" />
<g
id="g2108"
transform="translate(-2.4303795,-1.0560959)">
transform="translate(18.0059,10.42496)">
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@ -74,38 +88,38 @@
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 37.741355,8.8537233 c 2.994925,1.2362657 6.697855,3.3419177 8.115716,6.5170127"
d="m 58.177635,20.334779 c 2.994925,1.236266 6.697855,3.341918 8.115716,6.517013"
id="path13743" />
</g>
<g
id="g1407"
transform="translate(0,-6.879167)">
id="g3242"
style="display:inline">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 37.067317,51.370226 21.451293,0.09963"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 57.503597,55.972115 21.451293,0.09963"
id="path548" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.37143;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
d="M 45.1807,51.345919 38.760658,51.196872"
d="M 65.61698,55.947808 59.196938,55.798761"
id="path9566" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.101462;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.137392;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle9572"
cx="-50.410469"
cy="38.069817"
transform="matrix(0.01771423,-0.99984309,0.99979758,0.02011951,0,0)"
rx="0.95471454"
ry="0.89585125" />
cx="-54.665974"
cy="58.146023"
transform="matrix(0.01860469,-0.99982692,0.9998165,0.0191566,0,0)"
rx="1.2614946"
ry="1.2431961" />
<text
xml:space="preserve"
style="font-size:1.82152px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.101462;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="37.871422"
y="50.200893"
style="font-size:2.46656px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.137392;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="56.859989"
y="56.225384"
id="text9650"
transform="scale(0.96865988,1.0323541)"><tspan
transform="scale(0.99271564,1.0073378)"><tspan
id="tspan9648"
style="stroke-width:0.101462;stroke-dasharray:none"
x="37.871422"
y="50.200893">2</tspan></text>
</g>
style="stroke-width:0.137392;stroke-dasharray:none"
x="56.859989"
y="56.225384">2</tspan></text>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.9 KiB

After

Width:  |  Height:  |  Size: 5.3 KiB

112
public/assets/capital-letter/g_l1.svg
View File

@ -7,17 +7,16 @@
viewBox="0 0 100 100"
version="1.1"
id="svg5"
sodipodi:docname="g.svg"
inkscape:export-filename="g.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="c_l1.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview7"
id="namedview2690"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
@ -26,43 +25,7 @@
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false"
showguides="true"
inkscape:zoom="1.7011402"
inkscape:cx="161.9502"
inkscape:cy="153.42651"
inkscape:window-width="1920"
inkscape:window-height="1011"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1">
<sodipodi:guide
position="50.466793,49.179612"
orientation="1,0"
id="guide61"
inkscape:locked="false" />
<sodipodi:guide
position="8.9984311,30.276284"
orientation="1,0"
id="guide65"
inkscape:locked="false" />
<sodipodi:guide
position="39.261739,98.984782"
orientation="1,0"
id="guide67"
inkscape:locked="false" />
<sodipodi:guide
position="117.15336,35.455652"
orientation="0,-1"
id="guide69"
inkscape:locked="false" />
<sodipodi:guide
position="115.90363,95.255637"
orientation="0,-1"
id="guide71"
inkscape:locked="false" />
</sodipodi:namedview>
showgrid="false" />
<defs
id="defs2">
<marker
@ -71,12 +34,9 @@
refX="0"
refY="0"
orient="auto-start-reverse"
inkscape:stockid="Arrow2"
markerWidth="7.6999998"
markerHeight="5.5999999"
viewBox="0 0 7.7 5.6"
inkscape:isstock="true"
inkscape:collect="always"
preserveAspectRatio="xMidYMid">
<path
transform="scale(0.7)"
@ -90,12 +50,9 @@
refX="0"
refY="0"
orient="auto-start-reverse"
inkscape:stockid="Arrow2"
markerWidth="7.6999998"
markerHeight="5.5999999"
viewBox="0 0 7.7 5.6"
inkscape:isstock="true"
inkscape:collect="always"
preserveAspectRatio="xMidYMid">
<path
transform="scale(0.7)"
@ -105,18 +62,14 @@
</marker>
</defs>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1">
id="g3262">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
d="M 46.950937,16.579396 C 40.148611,1.2959928 7.8076692,2.9074546 8.3761838,36.453535 8.2620678,47.145698 10.670035,55.543308 19.764863,61.164866 29.836796,67.30137 44.886491,63.481212 47.728563,48.02444"
id="path3061"
sodipodi:nodetypes="cccc" />
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
d="M 67.387217,28.060452 C 60.584891,12.777049 28.243949,14.388511 28.812464,47.934591 c -0.114116,10.692163 2.293851,19.089773 11.388679,24.711331 10.071933,6.136504 25.121628,2.316346 27.9637,-13.140426"
id="path3061" />
<g
id="g2108"
transform="translate(-2.4303795,-1.0560959)"
style="display:inline">
transform="translate(18.0059,10.42496)">
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@ -124,7 +77,6 @@
y="19.336451"
id="text9342"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
sodipodi:role="line"
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="48.182404"
@ -139,44 +91,38 @@
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 37.741355,8.8537233 c 2.994925,1.2362657 6.697855,3.3419177 8.115716,6.5170127"
id="path13743"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="4.2043934"
inkscape:transform-center-y="-3.3943832" />
d="m 58.177635,20.334779 c 2.994925,1.236266 6.697855,3.341918 8.115716,6.517013"
id="path13743" />
</g>
<g
id="g1407"
transform="translate(0,-6.879167)"
id="g3242"
style="display:none">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 37.067317,51.370226 21.451293,0.09963"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 57.503597,55.972115 21.451293,0.09963"
id="path548" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.37143;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
d="M 45.1807,51.345919 38.760658,51.196872"
id="path9566"
sodipodi:nodetypes="cc" />
d="M 65.61698,55.947808 59.196938,55.798761"
id="path9566" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.101462;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.137392;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle9572"
cx="-50.410469"
cy="38.069817"
transform="matrix(0.01771423,-0.99984309,0.99979758,0.02011951,0,0)"
rx="0.95471454"
ry="0.89585125" />
cx="-54.665974"
cy="58.146023"
transform="matrix(0.01860469,-0.99982692,0.9998165,0.0191566,0,0)"
rx="1.2614946"
ry="1.2431961" />
<text
xml:space="preserve"
style="font-size:1.82152px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.101462;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="37.871422"
y="50.200893"
style="font-size:2.46656px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.137392;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="56.859989"
y="56.225384"
id="text9650"
transform="scale(0.96865988,1.0323541)"><tspan
sodipodi:role="line"
transform="scale(0.99271564,1.0073378)"><tspan
id="tspan9648"
style="stroke-width:0.101462;stroke-dasharray:none"
x="37.871422"
y="50.200893">2</tspan></text>
</g>
style="stroke-width:0.137392;stroke-dasharray:none"
x="56.859989"
y="56.225384">2</tspan></text>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.1 KiB

After

Width:  |  Height:  |  Size: 5.4 KiB

115
public/assets/capital-letter/g_l2.svg
View File

@ -7,17 +7,16 @@
viewBox="0 0 100 100"
version="1.1"
id="svg5"
sodipodi:docname="g.svg"
inkscape:export-filename="g_l1.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="c_l1.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview7"
id="namedview2690"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
@ -26,43 +25,7 @@
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false"
showguides="true"
inkscape:zoom="1.7011402"
inkscape:cx="161.9502"
inkscape:cy="153.42651"
inkscape:window-width="1920"
inkscape:window-height="1011"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1">
<sodipodi:guide
position="50.466793,49.179612"
orientation="1,0"
id="guide61"
inkscape:locked="false" />
<sodipodi:guide
position="8.9984311,30.276284"
orientation="1,0"
id="guide65"
inkscape:locked="false" />
<sodipodi:guide
position="39.261739,98.984782"
orientation="1,0"
id="guide67"
inkscape:locked="false" />
<sodipodi:guide
position="117.15336,35.455652"
orientation="0,-1"
id="guide69"
inkscape:locked="false" />
<sodipodi:guide
position="115.90363,95.255637"
orientation="0,-1"
id="guide71"
inkscape:locked="false" />
</sodipodi:namedview>
showgrid="false" />
<defs
id="defs2">
<marker
@ -71,12 +34,9 @@
refX="0"
refY="0"
orient="auto-start-reverse"
inkscape:stockid="Arrow2"
markerWidth="7.6999998"
markerHeight="5.5999999"
viewBox="0 0 7.7 5.6"
inkscape:isstock="true"
inkscape:collect="always"
preserveAspectRatio="xMidYMid">
<path
transform="scale(0.7)"
@ -90,12 +50,9 @@
refX="0"
refY="0"
orient="auto-start-reverse"
inkscape:stockid="Arrow2"
markerWidth="7.6999998"
markerHeight="5.5999999"
viewBox="0 0 7.7 5.6"
inkscape:isstock="true"
inkscape:collect="always"
preserveAspectRatio="xMidYMid">
<path
transform="scale(0.7)"
@ -105,18 +62,15 @@
</marker>
</defs>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1">
id="g3262"
style="display:none">
<path
style="display:none;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
d="M 46.950937,16.579396 C 40.148611,1.2959928 7.8076692,2.9074546 8.3761838,36.453535 8.2620678,47.145698 10.670035,55.543308 19.764863,61.164866 29.836796,67.30137 44.886491,63.481212 47.728563,48.02444"
id="path3061"
sodipodi:nodetypes="cccc" />
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
d="M 67.387217,28.060452 C 60.584891,12.777049 28.243949,14.388511 28.812464,47.934591 c -0.114116,10.692163 2.293851,19.089773 11.388679,24.711331 10.071933,6.136504 25.121628,2.316346 27.9637,-13.140426"
id="path3061" />
<g
id="g2108"
transform="translate(-2.4303795,-1.0560959)"
style="display:none">
transform="translate(18.0059,10.42496)">
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@ -124,7 +78,6 @@
y="19.336451"
id="text9342"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
sodipodi:role="line"
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="48.182404"
@ -138,45 +91,39 @@
transform="rotate(-178.67073)" />
</g>
<path
style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 37.741355,8.8537233 c 2.994925,1.2362657 6.697855,3.3419177 8.115716,6.5170127"
id="path13743"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="4.2043934"
inkscape:transform-center-y="-3.3943832" />
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 58.177635,20.334779 c 2.994925,1.236266 6.697855,3.341918 8.115716,6.517013"
id="path13743" />
</g>
<g
id="g1407"
transform="translate(0,-6.879167)"
id="g3242"
style="display:inline">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 37.067317,51.370226 21.451293,0.09963"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 57.503597,55.972115 21.451293,0.09963"
id="path548" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.37143;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
d="M 45.1807,51.345919 38.760658,51.196872"
id="path9566"
sodipodi:nodetypes="cc" />
d="M 65.61698,55.947808 59.196938,55.798761"
id="path9566" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.101462;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.137392;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle9572"
cx="-50.410469"
cy="38.069817"
transform="matrix(0.01771423,-0.99984309,0.99979758,0.02011951,0,0)"
rx="0.95471454"
ry="0.89585125" />
cx="-54.665974"
cy="58.146023"
transform="matrix(0.01860469,-0.99982692,0.9998165,0.0191566,0,0)"
rx="1.2614946"
ry="1.2431961" />
<text
xml:space="preserve"
style="font-size:1.82152px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.101462;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="37.871422"
y="50.200893"
style="font-size:2.46656px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.137392;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="56.859989"
y="56.225384"
id="text9650"
transform="scale(0.96865988,1.0323541)"><tspan
sodipodi:role="line"
transform="scale(0.99271564,1.0073378)"><tspan
id="tspan9648"
style="stroke-width:0.101462;stroke-dasharray:none"
x="37.871422"
y="50.200893">2</tspan></text>
</g>
style="stroke-width:0.137392;stroke-dasharray:none"
x="56.859989"
y="56.225384">2</tspan></text>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.1 KiB

After

Width:  |  Height:  |  Size: 5.4 KiB

132
public/assets/capital-letter/h.svg
View File

@ -7,25 +7,8 @@
viewBox="0 0 100 100"
version="1.1"
id="svg5"
sodipodi:docname="h.svg"
inkscape:export-filename="h"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview754"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false" />
<defs
id="defs2">
<marker
@ -61,9 +44,6 @@
id="arrow2L-5" />
</marker>
</defs>
<g
id="layer1"
style="display:inline">
<g
id="g14176"
style="display:none">
@ -93,102 +73,84 @@
x="41.672253"
y="79.868111">4</tspan></text>
</g>
<g
id="g18697"
style="display:inline">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 34.100666,7.7142687 c -0.04579,0.3074089 -0.03422,65.9377763 -0.03422,65.9377763"
id="path127" />
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="33.212013"
y="10.601716"
style="font-size:3.80661px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.190931;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="34.270798"
y="9.5284014"
id="text9342"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
transform="matrix(0.96009451,-0.00798596,0.00737328,1.0415028,0,0)"><tspan
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="33.212013"
y="10.601716">1</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.190931;stroke-dasharray:none;stroke-opacity:1"
x="34.270798"
y="9.5284014">1</tspan></text>
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.190931;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="-34.323376"
cy="-8.5520439"
r="1.2760839"
transform="rotate(-178.67073)" />
cx="-34.237415"
cy="-7.3642607"
transform="matrix(-0.99968383,-0.02514419,0.0214024,-0.99977094,0,0)"
rx="1.6716447"
ry="1.8118099" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 34.119937,21.49086 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
id="path13743" />
</g>
<g
id="g18711"
style="display:inline"
transform="translate(1.4764245,-0.08508965)">
<path
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 62.584185,7.8092747 c -0.04579,0.3074089 -0.03422,65.9377763 -0.03422,65.9377763"
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 64.060609,7.724185 c -0.04579,0.307409 -0.03422,65.937776 -0.03422,65.937776"
id="path15674" />
<text
xml:space="preserve"
style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="61.848087"
y="10.675919"
style="font-size:2.95913px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.148424;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="62.954353"
y="9.40909"
id="text15678"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
id="tspan15676"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
x="61.848087"
y="10.675919">2</tspan></text>
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.148424;stroke-dasharray:none;stroke-opacity:1"
x="62.954353"
y="9.40909">2</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.178916;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle15680"
cx="-62.801434"
cy="-7.9862614"
r="1.2760839"
cx="-64.055901"
cy="-6.4684973"
r="1.6308014"
transform="rotate(-178.67073)" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
d="m 62.603456,21.585866 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
d="m 64.079881,21.500776 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
id="path15682" />
<g
id="g14279"
style="display:inline"
transform="matrix(1.2524894,0,0,1.0646672,-15.680188,-38.054966)">
<g
id="g18704"
style="display:inline">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:4.47293;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 39.142669,73.987028 21.401647,0.110198"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 34.945285,40.62944 27.749421,0.121456"
id="path1108" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.391436;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="M 48.688134,73.955975 41.183058,73.814371"
id="path9576" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.11391;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.271984;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="circle9582"
cx="-72.913704"
cy="40.918648"
transform="matrix(0.01563487,-0.99987777,0.99974017,0.02279479,0,0)"
rx="1.140859"
ry="0.94491148" />
cx="-40.05505"
cy="36.256527"
transform="matrix(0.01961286,-0.99980765,0.99983488,0.01817187,0,0)"
rx="1.5996814"
ry="1.6618737" />
<text
xml:space="preserve"
style="font-size:1.85538px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.113908;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="43.211548"
y="67.832787"
style="font-size:2.91369px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.271985;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="34.027027"
y="42.494541"
id="text9714"
transform="scale(0.91001737,1.0988801)"><tspan
transform="scale(1.0192675,0.98109672)"><tspan
id="tspan9712"
style="stroke:#f9f6f6;stroke-width:0.113908;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="43.211548"
y="67.832787">3</tspan></text>
</g>
</g>
</g>
</g>
style="stroke:#f9f6f6;stroke-width:0.271985;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="34.027027"
y="42.494541">3</tspan></text>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
d="m 48.701403,40.592962 c -2.146556,0.0054 -10.408363,-0.04787 -10.408363,-0.04787"
id="path5126" />
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.1 KiB

After

Width:  |  Height:  |  Size: 7.7 KiB

116
public/assets/capital-letter/h_l1.svg
View File

@ -61,9 +61,6 @@
id="arrow2L-5" />
</marker>
</defs>
<g
id="layer1"
style="display:inline">
<g
id="g14176"
style="display:none">
@ -94,101 +91,94 @@
y="79.868111">4</tspan></text>
</g>
<g
id="g18697"
style="display:inline">
id="g5235">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 34.100666,7.7142687 c -0.04579,0.3074089 -0.03422,65.9377763 -0.03422,65.9377763"
id="path127" />
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="33.212013"
y="10.601716"
style="font-size:3.80661px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.190931;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="34.270798"
y="9.5284014"
id="text9342"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
transform="matrix(0.96009452,-0.00798596,0.00737328,1.0415028,0,0)"><tspan
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="33.212013"
y="10.601716">1</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.190931;stroke-dasharray:none;stroke-opacity:1"
x="34.270798"
y="9.5284014">1</tspan></text>
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.190931;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="-34.323376"
cy="-8.5520439"
r="1.2760839"
transform="rotate(-178.67073)" />
cx="-34.237415"
cy="-7.3642607"
transform="matrix(-0.99968383,-0.02514419,0.0214024,-0.99977094,0,0)"
rx="1.6716447"
ry="1.8118099" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 34.119937,21.49086 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
id="path13743" />
</g>
<g
id="g18711"
style="display:none"
transform="translate(1.4764245,-0.08508965)">
id="g5254"
style="display:none">
<path
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 62.584185,7.8092747 c -0.04579,0.3074089 -0.03422,65.9377763 -0.03422,65.9377763"
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 64.060609,7.724185 c -0.04579,0.307409 -0.03422,65.937776 -0.03422,65.937776"
id="path15674" />
<text
xml:space="preserve"
style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="61.848087"
y="10.675919"
style="font-size:2.95913px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.148424;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="62.954353"
y="9.40909"
id="text15678"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
id="tspan15676"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
x="61.848087"
y="10.675919">2</tspan></text>
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.148424;stroke-dasharray:none;stroke-opacity:1"
x="62.954353"
y="9.40909">2</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.178916;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle15680"
cx="-62.801434"
cy="-7.9862614"
r="1.2760839"
cx="-64.055901"
cy="-6.4684973"
r="1.6308014"
transform="rotate(-178.67073)" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
d="m 62.603456,21.585866 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
d="m 64.079881,21.500776 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
id="path15682" />
</g>
<g
id="g14279"
style="display:inline"
transform="matrix(1.2524894,0,0,1.0646672,-15.680188,-38.054966)">
<g
id="g18704"
style="display:inline">
id="g5273"
style="display:none">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:4.47293;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 39.142669,73.987028 21.401647,0.110198"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 34.945285,40.62944 27.749421,0.121456"
id="path1108" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.391436;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="M 48.688134,73.955975 41.183058,73.814371"
id="path9576" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.11391;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.271984;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="circle9582"
cx="-72.913704"
cy="40.918648"
transform="matrix(0.01563487,-0.99987777,0.99974017,0.02279479,0,0)"
rx="1.140859"
ry="0.94491148" />
cx="-40.05505"
cy="36.256527"
transform="matrix(0.01961286,-0.99980765,0.99983488,0.01817187,0,0)"
rx="1.5996814"
ry="1.6618737" />
<text
xml:space="preserve"
style="font-size:1.85538px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.113908;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="43.211548"
y="67.832787"
style="font-size:2.91369px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.271985;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="34.027027"
y="42.494541"
id="text9714"
transform="scale(0.91001737,1.0988801)"><tspan
transform="scale(1.0192675,0.98109673)"><tspan
id="tspan9712"
style="stroke:#f9f6f6;stroke-width:0.113908;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="43.211548"
y="67.832787">3</tspan></text>
</g>
</g>
</g>
style="stroke:#f9f6f6;stroke-width:0.271985;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="34.027027"
y="42.494541">3</tspan></text>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
d="m 48.701403,40.592962 c -2.146556,0.0054 -10.408363,-0.04787 -10.408363,-0.04787"
id="path5126" />
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.1 KiB

After

Width:  |  Height:  |  Size: 8.6 KiB

107
public/assets/capital-letter/h_l2.svg
View File

@ -61,9 +61,6 @@
id="arrow2L-5" />
</marker>
</defs>
<g
id="layer1"
style="display:inline">
<g
id="g14176"
style="display:none">
@ -94,58 +91,60 @@
y="79.868111">4</tspan></text>
</g>
<g
id="g18697"
id="g5235"
style="display:none">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 34.100666,7.7142687 c -0.04579,0.3074089 -0.03422,65.9377763 -0.03422,65.9377763"
id="path127" />
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="33.212013"
y="10.601716"
style="font-size:3.80661px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.190931;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="34.270798"
y="9.5284014"
id="text9342"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
transform="matrix(0.96009452,-0.00798596,0.00737328,1.0415028,0,0)"><tspan
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="33.212013"
y="10.601716">1</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.190931;stroke-dasharray:none;stroke-opacity:1"
x="34.270798"
y="9.5284014">1</tspan></text>
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.190931;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="-34.323376"
cy="-8.5520439"
r="1.2760839"
transform="rotate(-178.67073)" />
cx="-34.237415"
cy="-7.3642607"
transform="matrix(-0.99968383,-0.02514419,0.0214024,-0.99977094,0,0)"
rx="1.6716447"
ry="1.8118099" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 34.119937,21.49086 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
id="path13743" />
</g>
<g
id="g1329">
id="g5254"
style="display:inline">
<path
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 64.060609,7.724185 c -0.04579,0.307409 -0.03422,65.937776 -0.03422,65.937776"
id="path15674" />
<text
xml:space="preserve"
style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="63.325699"
y="10.60219"
style="font-size:2.95913px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.148424;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="62.954353"
y="9.40909"
id="text15678"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
id="tspan15676"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
x="63.325699"
y="10.60219">2</tspan></text>
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.148424;stroke-dasharray:none;stroke-opacity:1"
x="62.954353"
y="9.40909">2</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.178916;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle15680"
cx="-64.27549"
cy="-7.8669443"
r="1.2760839"
cx="-64.055901"
cy="-6.4684973"
r="1.6308014"
transform="rotate(-178.67073)" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
@ -153,40 +152,34 @@
id="path15682" />
</g>
<g
id="g14279"
style="display:none"
transform="matrix(1.2524894,0,0,1.0646672,-14.203763,-38.140056)">
<g
id="g18704"
style="display:inline">
id="g5273"
style="display:none">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:4.47293;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 39.142669,73.987028 21.401647,0.110198"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 34.945285,40.62944 27.749421,0.121456"
id="path1108" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.391436;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="M 48.688134,73.955975 41.183058,73.814371"
id="path9576" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.11391;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.271984;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="circle9582"
cx="-72.913704"
cy="40.918648"
transform="matrix(0.01563487,-0.99987777,0.99974017,0.02279479,0,0)"
rx="1.140859"
ry="0.94491148" />
cx="-40.05505"
cy="36.256527"
transform="matrix(0.01961286,-0.99980765,0.99983488,0.01817187,0,0)"
rx="1.5996814"
ry="1.6618737" />
<text
xml:space="preserve"
style="font-size:1.85538px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.113908;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="43.211548"
y="67.832787"
style="font-size:2.91369px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.271985;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="34.027027"
y="42.494541"
id="text9714"
transform="scale(0.91001737,1.0988801)"><tspan
transform="scale(1.0192675,0.98109673)"><tspan
id="tspan9712"
style="stroke:#f9f6f6;stroke-width:0.113908;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="43.211548"
y="67.832787">3</tspan></text>
</g>
</g>
style="stroke:#f9f6f6;stroke-width:0.271985;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="34.027027"
y="42.494541">3</tspan></text>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
d="m 48.701403,40.592962 c -2.146556,0.0054 -10.408363,-0.04787 -10.408363,-0.04787"
id="path5126" />
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.0 KiB

After

Width:  |  Height:  |  Size: 8.6 KiB

105
public/assets/capital-letter/h_l3.svg
View File

@ -61,9 +61,6 @@
id="arrow2L-5" />
</marker>
</defs>
<g
id="layer1"
style="display:inline">
<g
id="g14176"
style="display:none">
@ -94,60 +91,60 @@
y="79.868111">4</tspan></text>
</g>
<g
id="g18697"
id="g5235"
style="display:none">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 34.100666,7.7142687 c -0.04579,0.3074089 -0.03422,65.9377763 -0.03422,65.9377763"
id="path127" />
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="33.212013"
y="10.601716"
style="font-size:3.80661px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.190931;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="34.270798"
y="9.5284014"
id="text9342"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
transform="matrix(0.96009452,-0.00798596,0.00737328,1.0415028,0,0)"><tspan
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="33.212013"
y="10.601716">1</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.190931;stroke-dasharray:none;stroke-opacity:1"
x="34.270798"
y="9.5284014">1</tspan></text>
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.190931;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="-34.323376"
cy="-8.5520439"
r="1.2760839"
transform="rotate(-178.67073)" />
cx="-34.237415"
cy="-7.3642607"
transform="matrix(-0.99968383,-0.02514419,0.0214024,-0.99977094,0,0)"
rx="1.6716447"
ry="1.8118099" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 34.119937,21.49086 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
id="path13743" />
</g>
<g
id="g1329"
transform="translate(-0.12787724,-0.12787724)"
id="g5254"
style="display:none">
<path
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 64.060609,7.724185 c -0.04579,0.307409 -0.03422,65.937776 -0.03422,65.937776"
id="path15674" />
<text
xml:space="preserve"
style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="63.325699"
y="10.60219"
style="font-size:2.95913px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.148424;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="62.954353"
y="9.40909"
id="text15678"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
id="tspan15676"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
x="63.325699"
y="10.60219">2</tspan></text>
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.148424;stroke-dasharray:none;stroke-opacity:1"
x="62.954353"
y="9.40909">2</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.178916;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle15680"
cx="-64.27549"
cy="-7.8669443"
r="1.2760839"
cx="-64.055901"
cy="-6.4684973"
r="1.6308014"
transform="rotate(-178.67073)" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
@ -155,40 +152,34 @@
id="path15682" />
</g>
<g
id="g14279"
style="display:inline"
transform="matrix(1.2524894,0,0,1.0646672,-14.203763,-38.140056)">
<g
id="g18704"
id="g5273"
style="display:inline">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:4.47293;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 39.142669,73.987028 21.401647,0.110198"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 34.945285,40.62944 27.749421,0.121456"
id="path1108" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.391436;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="M 48.688134,73.955975 41.183058,73.814371"
id="path9576" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.11391;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.271984;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="circle9582"
cx="-72.913704"
cy="40.918648"
transform="matrix(0.01563487,-0.99987777,0.99974017,0.02279479,0,0)"
rx="1.140859"
ry="0.94491148" />
cx="-40.05505"
cy="36.256527"
transform="matrix(0.01961286,-0.99980765,0.99983488,0.01817187,0,0)"
rx="1.5996814"
ry="1.6618737" />
<text
xml:space="preserve"
style="font-size:1.85538px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.113908;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="43.211548"
y="67.832787"
style="font-size:2.91369px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.271985;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="34.027027"
y="42.494541"
id="text9714"
transform="scale(0.91001737,1.0988801)"><tspan
transform="scale(1.0192675,0.98109673)"><tspan
id="tspan9712"
style="stroke:#f9f6f6;stroke-width:0.113908;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="43.211548"
y="67.832787">3</tspan></text>
</g>
</g>
style="stroke:#f9f6f6;stroke-width:0.271985;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="34.027027"
y="42.494541">3</tspan></text>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
d="m 48.701403,40.592962 c -2.146556,0.0054 -10.408363,-0.04787 -10.408363,-0.04787"
id="path5126" />
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.0 KiB

After

Width:  |  Height:  |  Size: 8.6 KiB

152
public/assets/capital-letter/i.svg
View File

@ -7,67 +7,8 @@
viewBox="0 0 100 100"
version="1.1"
id="svg5"
inkscape:export-filename="i.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="i_l3.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview7"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false"
showguides="true"
inkscape:zoom="1.4478969"
inkscape:cx="172.3189"
inkscape:cy="215.48496"
inkscape:window-width="1920"
inkscape:window-height="1011"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1">
<sodipodi:guide
position="50.044837,106.13694"
orientation="1,0"
id="guide61"
inkscape:locked="false" />
<sodipodi:guide
position="31.19192,73.869705"
orientation="1,0"
id="guide65"
inkscape:locked="false" />
<sodipodi:guide
position="36.906258,27.301511"
orientation="1,0"
id="guide67"
inkscape:locked="false" />
<sodipodi:guide
position="36.037285,19.413344"
orientation="0,-1"
id="guide69"
inkscape:locked="false" />
<sodipodi:guide
position="54.122374,93.823341"
orientation="0,-1"
id="guide71"
inkscape:locked="false" />
<sodipodi:guide
position="62.786217,21.819752"
orientation="1,0"
id="guide550"
inkscape:locked="false" />
</sodipodi:namedview>
<defs
id="defs2">
<marker
@ -76,12 +17,9 @@
refX="0"
refY="0"
orient="auto-start-reverse"
inkscape:stockid="Arrow2"
markerWidth="7.6999998"
markerHeight="5.5999999"
viewBox="0 0 7.7 5.6"
inkscape:isstock="true"
inkscape:collect="always"
preserveAspectRatio="xMidYMid">
<path
transform="scale(0.7)"
@ -91,8 +29,6 @@
</marker>
</defs>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
style="display:inline">
<g
@ -105,8 +41,7 @@
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 54.585716,79.075266 44.449435,78.916887"
id="path9586"
sodipodi:nodetypes="cc" />
id="path9586" />
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle9592"
@ -120,22 +55,15 @@
x="41.672253"
y="79.868111"
id="text9761"><tspan
sodipodi:role="line"
id="tspan9759"
style="stroke-width:0.117792"
x="41.672253"
y="79.868111">4</tspan></text>
</g>
<g
id="g3051">
<g
id="g15171"
style="display:inline">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 50.078477,7.5286417 c -0.04579,0.3074089 -0.03422,65.9377763 -0.03422,65.9377763"
id="path127"
sodipodi:nodetypes="cc" />
id="path127" />
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@ -143,7 +71,6 @@
y="14.241333"
id="text9342"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
sodipodi:role="line"
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="49.168594"
@ -158,79 +85,60 @@
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 50.097748,25.009402 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
id="path13743"
sodipodi:nodetypes="cc" />
</g>
<g
id="g3047"
style="display:inline">
<g
id="g3069">
id="path13743" />
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:4.47293;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 39.142669,73.987028 21.401647,0.110198"
id="path1108" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.11391;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.153015;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="circle9582"
cx="-72.913704"
cy="40.918648"
transform="matrix(0.01563487,-0.99987777,0.99974017,0.02279479,0,0)"
rx="1.140859"
ry="0.94491148" />
cx="-73.353561"
cy="40.674316"
transform="matrix(0.0184167,-0.9998304,0.99981273,0.01935214,0,0)"
rx="1.4120852"
ry="1.3775457" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.391436;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="M 48.688134,73.955975 41.183058,73.814371"
id="path9576"
sodipodi:nodetypes="cc" />
</g>
d="m 48.946433,74.111518 -7.506344,-0.03184"
id="path9576" />
<text
xml:space="preserve"
style="font-size:1.85538px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.113908;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="43.211548"
y="67.832787"
style="font-size:2.49236px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.153014;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="39.149429"
y="74.074265"
id="text9714"
transform="scale(0.91001738,1.0988801)"><tspan
sodipodi:role="line"
transform="scale(0.98768557,1.012468)"><tspan
id="tspan9712"
style="stroke:#f9f6f6;stroke-width:0.113908;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="43.211548"
y="67.832787">3</tspan></text>
</g>
</g>
<g
id="g14264"
transform="translate(0,-71.966706)"
style="display:inline">
style="stroke:#f9f6f6;stroke-width:0.153014;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="39.149429"
y="74.074265">3</tspan></text>
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:4.47466;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 39.141599,78.999807 21.42108,0.189536"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 39.141599,7.033101 21.42108,0.189536"
id="path548" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.104558;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle13613"
cx="78.200455"
cy="-40.956722"
cx="6.2571211"
cy="-39.439861"
transform="matrix(-0.02107702,0.99977785,-0.99966338,-0.02594463,0,0)"
rx="1.2327613"
ry="1.1111807" />
<text
xml:space="preserve"
style="font-size:2.41325px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.114;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="37.679607"
y="80.526085"
x="38.537708"
y="8.5644951"
id="text13723"
transform="rotate(-0.68318798)"><tspan
sodipodi:role="line"
id="tspan13721"
style="fill:#ffffff;fill-opacity:1;stroke-width:0.114;stroke-dasharray:none"
x="37.679607"
y="80.526085">2</tspan></text>
x="38.537708"
y="8.5644951">2</tspan></text>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.391;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 51.113705,79.180036 c -2.146501,0.01635 -10.408471,0.0051 -10.408471,0.0051"
id="path13749"
sodipodi:nodetypes="cc" />
</g>
d="M 51.113705,7.21333 C 48.967204,7.22968 40.705234,7.21843 40.705234,7.21843"
id="path13749" />
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 7.3 KiB

98
public/assets/capital-letter/i_l1.svg
View File

@ -7,11 +7,11 @@
viewBox="0 0 100 100"
version="1.1"
id="svg5"
inkscape:export-filename="i_l1.svg"
inkscape:export-filename="i_j3.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="d_l1.svg"
sodipodi:docname="i.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
@ -95,11 +95,6 @@
inkscape:groupmode="layer"
id="layer1"
style="display:inline">
<path
style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 38.985247,19.717732 c -0.01675,-2.146498 -0.007,-10.4084704 -0.007,-10.4084704"
id="path6265"
sodipodi:nodetypes="cc" />
<g
id="g14176"
style="display:none">
@ -132,40 +127,10 @@
y="79.868111">4</tspan></text>
</g>
<g
id="g14279"
id="g1044"
style="display:none">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:4.47293;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 39.142669,73.987028 21.401647,0.110198"
id="path1108" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.391436;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="M 48.688134,73.955975 41.183058,73.814371"
id="path9576"
sodipodi:nodetypes="cc" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.11391;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="circle9582"
cx="-72.913704"
cy="40.918648"
transform="matrix(0.01563487,-0.99987777,0.99974017,0.02279479,0,0)"
rx="1.140859"
ry="0.94491148" />
<text
xml:space="preserve"
style="font-size:1.85538px;display:none;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.113908;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="43.211548"
y="67.832787"
id="text9714"
transform="scale(0.91001737,1.0988801)"><tspan
sodipodi:role="line"
id="tspan9712"
style="stroke:#f9f6f6;stroke-width:0.113908;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="0"
y="0">3</tspan></text>
</g>
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 50.078477,7.5286417 c -0.04579,0.3074089 -0.03422,65.9377763 -0.03422,65.9377763"
id="path127"
sodipodi:nodetypes="cc" />
@ -193,37 +158,70 @@
d="m 50.097748,25.009402 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
id="path13743"
sodipodi:nodetypes="cc" />
</g>
<g
id="g14264"
transform="translate(0,-71.966706)"
id="g1037"
style="display:inline">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 39.142669,73.987028 21.401647,0.110198"
id="path1108" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.153015;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="circle9582"
cx="-73.353561"
cy="40.674316"
transform="matrix(0.0184167,-0.9998304,0.99981273,0.01935214,0,0)"
rx="1.4120852"
ry="1.3775457" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.391436;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="m 48.946433,74.111518 -7.506344,-0.03184"
id="path9576"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:2.49236px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.153014;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="39.149429"
y="74.074265"
id="text9714"
transform="scale(0.98768557,1.012468)"><tspan
sodipodi:role="line"
id="tspan9712"
style="stroke:#f9f6f6;stroke-width:0.153014;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="39.149429"
y="74.074265">3</tspan></text>
</g>
<g
id="g1030"
style="display:none">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:4.47466;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 39.141599,78.999807 21.42108,0.189536"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 39.141599,7.033101 21.42108,0.189536"
id="path548" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.104558;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle13613"
cx="78.200455"
cy="-40.956722"
cx="6.2571211"
cy="-39.439861"
transform="matrix(-0.02107702,0.99977785,-0.99966338,-0.02594463,0,0)"
rx="1.2327613"
ry="1.1111807" />
<text
xml:space="preserve"
style="font-size:2.41325px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.114;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="37.679607"
y="80.526085"
x="38.537708"
y="8.5644951"
id="text13723"
transform="rotate(-0.68318798)"><tspan
sodipodi:role="line"
id="tspan13721"
style="fill:#ffffff;fill-opacity:1;stroke-width:0.114;stroke-dasharray:none"
x="37.679607"
y="80.526085">2</tspan></text>
x="38.537708"
y="8.5644951">2</tspan></text>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.391;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 51.113705,79.180036 c -2.146501,0.01635 -10.408471,0.0051 -10.408471,0.0051"
d="M 51.113705,7.21333 C 48.967204,7.22968 40.705234,7.21843 40.705234,7.21843"
id="path13749"
sodipodi:nodetypes="cc" />
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 9.8 KiB

112
public/assets/capital-letter/i_l2.svg
View File

@ -11,7 +11,7 @@
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="d_l1.svg"
sodipodi:docname="i.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
@ -95,11 +95,6 @@
inkscape:groupmode="layer"
id="layer1"
style="display:inline">
<path
style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 38.985247,19.717732 c -0.01675,-2.146498 -0.007,-10.4084704 -0.007,-10.4084704"
id="path6265"
sodipodi:nodetypes="cc" />
<g
id="g14176"
style="display:none">
@ -132,86 +127,101 @@
y="79.868111">4</tspan></text>
</g>
<g
id="g14279"
id="g1044"
style="display:none">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:4.47293;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 39.142669,73.987028 21.401647,0.110198"
id="path1108" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.391436;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="M 48.688134,73.955975 41.183058,73.814371"
id="path9576"
sodipodi:nodetypes="cc" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.11391;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="circle9582"
cx="-72.913704"
cy="40.918648"
transform="matrix(0.01563487,-0.99987777,0.99974017,0.02279479,0,0)"
rx="1.140859"
ry="0.94491148" />
<text
xml:space="preserve"
style="font-size:1.85538px;display:none;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.113908;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="43.211548"
y="67.832787"
id="text9714"
transform="scale(0.91001737,1.0988801)"><tspan
sodipodi:role="line"
id="tspan9712"
style="stroke:#f9f6f6;stroke-width:0.113908;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="0"
y="0">3</tspan></text>
</g>
<path
style="display:none;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 50.078477,7.5286417 c -0.04579,0.3074089 -0.03422,65.9377763 -0.03422,65.9377763"
id="path127"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="49.168594"
y="14.241333"
id="text9342"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
sodipodi:role="line"
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="49.168594"
y="14.241333">1</tspan></text>
<circle
style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="-50.37851"
cy="-11.698981"
r="1.2760839"
transform="rotate(-178.67073)" />
<path
style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 50.097748,25.009402 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
id="path13743"
sodipodi:nodetypes="cc" />
</g>
<g
id="g14264"
transform="translate(0,-71.966706)"
id="g1037"
style="display:none">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 39.142669,73.987028 21.401647,0.110198"
id="path1108" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.153015;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="circle9582"
cx="-73.353561"
cy="40.674316"
transform="matrix(0.0184167,-0.9998304,0.99981273,0.01935214,0,0)"
rx="1.4120852"
ry="1.3775457" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.391436;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="m 48.946433,74.111518 -7.506344,-0.03184"
id="path9576"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:2.49236px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.153014;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="39.149429"
y="74.074265"
id="text9714"
transform="scale(0.98768557,1.012468)"><tspan
sodipodi:role="line"
id="tspan9712"
style="stroke:#f9f6f6;stroke-width:0.153014;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="39.149429"
y="74.074265">3</tspan></text>
</g>
<g
id="g1030"
style="display:inline">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:4.47466;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 39.141599,78.999807 21.42108,0.189536"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 39.141599,7.033101 21.42108,0.189536"
id="path548" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.104558;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle13613"
cx="78.200455"
cy="-40.956722"
cx="6.2571211"
cy="-39.439861"
transform="matrix(-0.02107702,0.99977785,-0.99966338,-0.02594463,0,0)"
rx="1.2327613"
ry="1.1111807" />
<text
xml:space="preserve"
style="font-size:2.41325px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.114;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="37.679607"
y="80.526085"
x="38.537708"
y="8.5644951"
id="text13723"
transform="rotate(-0.68318798)"><tspan
sodipodi:role="line"
id="tspan13721"
style="fill:#ffffff;fill-opacity:1;stroke-width:0.114;stroke-dasharray:none"
x="37.679607"
y="80.526085">2</tspan></text>
x="38.537708"
y="8.5644951">2</tspan></text>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.391;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 51.113705,79.180036 c -2.146501,0.01635 -10.408471,0.0051 -10.408471,0.0051"
d="M 51.113705,7.21333 C 48.967204,7.22968 40.705234,7.21843 40.705234,7.21843"
id="path13749"
sodipodi:nodetypes="cc" />
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.5 KiB

After

Width:  |  Height:  |  Size: 9.8 KiB

230
public/assets/capital-letter/i_l3.svg
View File

@ -1,230 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="100mm"
height="100mm"
viewBox="0 0 100 100"
version="1.1"
id="svg5"
inkscape:export-filename="i_l2.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="d_l1.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview7"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false"
showguides="true"
inkscape:zoom="1.4478969"
inkscape:cx="172.3189"
inkscape:cy="215.48496"
inkscape:window-width="1920"
inkscape:window-height="1011"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1">
<sodipodi:guide
position="50.044837,106.13694"
orientation="1,0"
id="guide61"
inkscape:locked="false" />
<sodipodi:guide
position="31.19192,73.869705"
orientation="1,0"
id="guide65"
inkscape:locked="false" />
<sodipodi:guide
position="36.906258,27.301511"
orientation="1,0"
id="guide67"
inkscape:locked="false" />
<sodipodi:guide
position="36.037285,19.413344"
orientation="0,-1"
id="guide69"
inkscape:locked="false" />
<sodipodi:guide
position="54.122374,93.823341"
orientation="0,-1"
id="guide71"
inkscape:locked="false" />
<sodipodi:guide
position="62.786217,21.819752"
orientation="1,0"
id="guide550"
inkscape:locked="false" />
</sodipodi:namedview>
<defs
id="defs2">
<marker
style="overflow:visible"
id="Arrow2"
refX="0"
refY="0"
orient="auto-start-reverse"
inkscape:stockid="Arrow2"
markerWidth="7.6999998"
markerHeight="5.5999999"
viewBox="0 0 7.7 5.6"
inkscape:isstock="true"
inkscape:collect="always"
preserveAspectRatio="xMidYMid">
<path
transform="scale(0.7)"
d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
style="fill:context-stroke;fill-rule:evenodd;stroke:none"
id="arrow2L" />
</marker>
</defs>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
style="display:inline">
<g
id="g14176"
style="display:none">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 42.014207,78.885553 33.868367,0.105865"
id="path1106" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 54.585716,79.075266 44.449435,78.916887"
id="path9586"
sodipodi:nodetypes="cc" />
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle9592"
cx="-78.125687"
cy="44.021099"
r="1.2760839"
transform="rotate(-88.91827)" />
<text
xml:space="preserve"
style="font-size:2.67135px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="41.672253"
y="79.868111"
id="text9761"><tspan
sodipodi:role="line"
id="tspan9759"
style="stroke-width:0.117792"
x="41.672253"
y="79.868111">4</tspan></text>
</g>
<g
id="g14279"
style="display:inline">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:4.47293;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 39.142669,73.987028 21.401647,0.110198"
id="path1108" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.391436;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="M 48.688134,73.955975 41.183058,73.814371"
id="path9576"
sodipodi:nodetypes="cc" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.11391;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="circle9582"
cx="-72.913704"
cy="40.918648"
transform="matrix(0.01563487,-0.99987777,0.99974017,0.02279479,0,0)"
rx="1.140859"
ry="0.94491148" />
<text
xml:space="preserve"
style="font-size:1.85538px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.113908;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="43.211548"
y="67.832787"
id="text9714"
transform="scale(0.91001737,1.0988801)"><tspan
sodipodi:role="line"
id="tspan9712"
style="stroke:#f9f6f6;stroke-width:0.113908;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="43.211548"
y="67.832787">3</tspan></text>
</g>
<g
id="g15171"
style="display:none">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 50.078477,7.5286417 c -0.04579,0.3074089 -0.03422,65.9377763 -0.03422,65.9377763"
id="path127"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="49.168594"
y="14.241333"
id="text9342"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
sodipodi:role="line"
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="49.168594"
y="14.241333">1</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="-50.37851"
cy="-11.698981"
r="1.2760839"
transform="rotate(-178.67073)" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 50.097748,25.009402 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
id="path13743"
sodipodi:nodetypes="cc" />
</g>
<g
id="g14264"
transform="translate(0,-71.966706)"
style="display:none">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:4.47466;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 39.141599,78.999807 21.42108,0.189536"
id="path548" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.104558;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle13613"
cx="78.200455"
cy="-40.956722"
transform="matrix(-0.02107702,0.99977785,-0.99966338,-0.02594463,0,0)"
rx="1.2327613"
ry="1.1111807" />
<text
xml:space="preserve"
style="font-size:2.41325px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.114;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="37.679607"
y="80.526085"
id="text13723"
transform="rotate(-0.68318798)"><tspan
sodipodi:role="line"
id="tspan13721"
style="fill:#ffffff;fill-opacity:1;stroke-width:0.114;stroke-dasharray:none"
x="37.679607"
y="80.526085">2</tspan></text>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.391;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 51.113705,79.180036 c -2.146501,0.01635 -10.408471,0.0051 -10.408471,0.0051"
id="path13749"
sodipodi:nodetypes="cc" />
</g>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 9.9 KiB

42
public/assets/capital-letter/J_l1.svg → public/assets/capital-letter/j.svg
View File

@ -7,11 +7,11 @@
viewBox="0 0 100 100"
version="1.1"
id="svg5"
inkscape:export-filename="h_l3.svg"
inkscape:export-filename="j.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="d_l1.svg"
sodipodi:docname="J_l1.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
@ -126,40 +126,36 @@
x="41.672253"
y="79.868111">4</tspan></text>
</g>
<g
id="g18697"
style="display:inline"
transform="translate(25.852585,1.525942)">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 34.100666,7.7142687 C 34.111679,8.7911418 33.956611,44.705584 33.811595,66.223261 34.192049,90.582857 -2.9162649,87.11519 2.1020547,57.916134"
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 59.953251,9.2402107 C 59.964264,10.317084 59.809196,46.231526 59.66418,67.749203 60.044634,92.108799 22.93632,88.641132 27.95464,59.442076"
id="path127"
sodipodi:nodetypes="ccc" />
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="33.212013"
y="10.601716"
style="font-size:3.6908px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.185122;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="59.660686"
y="11.786662"
id="text9342"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
transform="matrix(0.98613942,-0.00777504,0.0075733,1.0139957,0,0)"><tspan
sodipodi:role="line"
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="33.212013"
y="10.601716">1</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.185122;stroke-dasharray:none;stroke-opacity:1"
x="59.660686"
y="11.786662">1</tspan></text>
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.185122;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="-34.323376"
cy="-8.5520439"
r="1.2760839"
transform="rotate(-178.67073)" />
cx="-60.227734"
cy="-8.7077074"
transform="matrix(-0.99971592,-0.02383433,0.02257875,-0.99974507,0,0)"
rx="1.6647027"
ry="1.7103375" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 34.119937,21.49086 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
d="m 59.972522,23.016802 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
id="path13743"
sodipodi:nodetypes="cc" />
</g>
<g
id="g18704"
style="display:none"
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 10 KiB

49
public/assets/capital-letter/k.svg
View File

@ -127,51 +127,48 @@
y="79.868111">4</tspan></text>
</g>
<g
id="g18697"
style="display:inline"
transform="translate(-0.30706826,0.0790019)"
inkscape:label="green1">
id="g978">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.49547;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 34.330377,9.3137689 C 34.075442,8.1745231 34.229651,76.194688 34.229651,76.194688"
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 34.023309,9.3927708 C 33.768374,8.253525 33.922583,76.27369 33.922583,76.27369"
id="path127"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="33.212013"
y="10.601716"
style="font-size:5.038px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.252694;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="28.078995"
y="14.385494"
id="text9342"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
transform="matrix(1.1394281,-0.00672905,0.00875051,0.87758158,0,0)"><tspan
sodipodi:role="line"
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="33.212013"
y="10.601716">1</tspan></text>
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.252694;stroke-dasharray:none;stroke-opacity:1"
x="28.078995"
y="14.385494">1</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.225525;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="-34.323376"
cy="-8.5520439"
r="1.2760839"
cx="-34.051197"
cy="-10.059121"
r="2.0556314"
transform="rotate(-178.67073)" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 34.119937,21.49086 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
d="m 33.812869,24.695621 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
id="path13743"
sodipodi:nodetypes="cc" />
</g>
<g
id="g21577"
id="g986"
style="display:inline">
<path
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 60.070724,9.4858095 C 59.92985,9.6636375 35.22968,51.950743 35.22968,51.950743"
id="path15674"
sodipodi:nodetypes="cc" />
<g
id="g21551"
transform="rotate(-34.110499,58.86954,9.3216777)">
transform="matrix(1.1458666,-0.7761163,0.7761163,1.1458666,-15.666056,43.366395)">
<text
xml:space="preserve"
style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@ -194,16 +191,17 @@
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 53.416204,20.626295 c 1.082076,-1.853874 5.310849,-8.951603 5.310849,-8.951603"
d="m 52.867995,21.35724 c 1.082076,-1.853874 5.310849,-8.951603 5.310849,-8.951603"
id="path15682"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="2.6429429"
inkscape:transform-center-y="4.3941443" />
</g>
<g
id="g21593"
id="g994"
style="display:inline">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 43.244577,42.906745 60.539428,76.483297"
id="path1108" />
<path
@ -215,7 +213,7 @@
inkscape:transform-center-y="4.3531649" />
<g
id="g21538"
transform="translate(-14.43004,-29.354333)">
transform="matrix(1.3813395,0,0,1.4843374,-37.620609,-67.381317)">
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="circle9582"
@ -239,5 +237,4 @@
</g>
</g>
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 10 KiB

123
public/assets/capital-letter/k_l1.svg
View File

@ -7,11 +7,11 @@
viewBox="0 0 100 100"
version="1.1"
id="svg5"
inkscape:export-filename="J_l1.svg"
inkscape:export-filename="k.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="d_l1.svg"
sodipodi:docname="k.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
@ -127,90 +127,48 @@
y="79.868111">4</tspan></text>
</g>
<g
id="g18697"
style="display:inline"
transform="translate(-0.30706826,0.0790019)"
inkscape:label="green1">
id="g978">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.49547;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 34.330377,9.3137689 C 34.075442,8.1745231 34.229651,76.194688 34.229651,76.194688"
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 34.023309,9.3927708 C 33.768374,8.253525 33.922583,76.27369 33.922583,76.27369"
id="path127"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="33.212013"
y="10.601716"
style="font-size:5.038px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.252694;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="28.078995"
y="14.385494"
id="text9342"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
transform="matrix(1.1394281,-0.00672905,0.00875051,0.87758158,0,0)"><tspan
sodipodi:role="line"
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="33.212013"
y="10.601716">1</tspan></text>
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.252694;stroke-dasharray:none;stroke-opacity:1"
x="28.078995"
y="14.385494">1</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.225525;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="-34.323376"
cy="-8.5520439"
r="1.2760839"
cx="-34.051197"
cy="-10.059121"
r="2.0556314"
transform="rotate(-178.67073)" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 34.119937,21.49086 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
d="m 33.812869,24.695621 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
id="path13743"
sodipodi:nodetypes="cc" />
</g>
<g
id="g21593"
id="g986"
style="display:none">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 43.244577,42.906745 60.539428,76.483297"
id="path1108" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.452017;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="M 50.370568,55.799982 45.754806,47.922138"
id="path9576"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="-2.0928027"
inkscape:transform-center-y="4.3531649" />
<g
id="g21538"
transform="translate(-14.43004,-29.354333)">
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="circle9582"
cx="-74.661598"
cy="60.70055"
transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
rx="1.2146922"
ry="1.1834064" />
<text
xml:space="preserve"
style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="59.531094"
y="75.579971"
id="text9714"
transform="scale(0.98702867,1.0131418)"><tspan
sodipodi:role="line"
id="tspan9712"
style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="59.531094"
y="75.579971">3</tspan></text>
</g>
</g>
<g
id="g21577"
style="display:none">
<path
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 60.070724,9.4858095 C 59.92985,9.6636375 35.22968,51.950743 35.22968,51.950743"
id="path15674"
sodipodi:nodetypes="cc" />
<g
id="g21551"
transform="rotate(-34.110499,58.86954,9.3216777)">
transform="matrix(1.1458666,-0.7761163,0.7761163,1.1458666,-15.666056,43.366395)">
<text
xml:space="preserve"
style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@ -233,11 +191,50 @@
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 53.416204,20.626295 c 1.082076,-1.853874 5.310849,-8.951603 5.310849,-8.951603"
d="m 52.867995,21.35724 c 1.082076,-1.853874 5.310849,-8.951603 5.310849,-8.951603"
id="path15682"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="2.6429429"
inkscape:transform-center-y="4.3941443" />
</g>
<g
id="g994"
style="display:none">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 43.244577,42.906745 60.539428,76.483297"
id="path1108" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.452017;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="M 50.370568,55.799982 45.754806,47.922138"
id="path9576"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="-2.0928027"
inkscape:transform-center-y="4.3531649" />
<g
id="g21538"
transform="matrix(1.3813395,0,0,1.4843374,-37.620609,-67.381317)">
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="circle9582"
cx="-74.661598"
cy="60.70055"
transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
rx="1.2146922"
ry="1.1834064" />
<text
xml:space="preserve"
style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="59.531094"
y="75.579971"
id="text9714"
transform="scale(0.98702867,1.0131418)"><tspan
sodipodi:role="line"
id="tspan9712"
style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="59.531094"
y="75.579971">3</tspan></text>
</g>
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 10 KiB

122
public/assets/capital-letter/k_l2.svg
View File

@ -11,7 +11,7 @@
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="d_l1.svg"
sodipodi:docname="k.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
@ -127,90 +127,49 @@
y="79.868111">4</tspan></text>
</g>
<g
id="g18697"
style="display:none"
transform="translate(-0.30706826,0.0790019)"
inkscape:label="green1">
id="g978"
style="display:none">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.49547;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 34.330377,9.3137689 C 34.075442,8.1745231 34.229651,76.194688 34.229651,76.194688"
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 34.023309,9.3927708 C 33.768374,8.253525 33.922583,76.27369 33.922583,76.27369"
id="path127"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="33.212013"
y="10.601716"
style="font-size:5.038px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.252694;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="28.078995"
y="14.385494"
id="text9342"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
transform="matrix(1.1394281,-0.00672905,0.00875051,0.87758158,0,0)"><tspan
sodipodi:role="line"
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="33.212013"
y="10.601716">1</tspan></text>
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.252694;stroke-dasharray:none;stroke-opacity:1"
x="28.078995"
y="14.385494">1</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.225525;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="-34.323376"
cy="-8.5520439"
r="1.2760839"
cx="-34.051197"
cy="-10.059121"
r="2.0556314"
transform="rotate(-178.67073)" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 34.119937,21.49086 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
d="m 33.812869,24.695621 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
id="path13743"
sodipodi:nodetypes="cc" />
</g>
<g
id="g21593"
style="display:none">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 43.244577,42.906745 60.539428,76.483297"
id="path1108" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.452017;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="M 50.370568,55.799982 45.754806,47.922138"
id="path9576"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="-2.0928027"
inkscape:transform-center-y="4.3531649" />
<g
id="g21538"
transform="translate(-14.43004,-29.354333)">
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="circle9582"
cx="-74.661598"
cy="60.70055"
transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
rx="1.2146922"
ry="1.1834064" />
<text
xml:space="preserve"
style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="59.531094"
y="75.579971"
id="text9714"
transform="scale(0.98702867,1.0131418)"><tspan
sodipodi:role="line"
id="tspan9712"
style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="59.531094"
y="75.579971">3</tspan></text>
</g>
</g>
<g
id="g21577"
id="g986"
style="display:inline">
<path
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 60.070724,9.4858095 C 59.92985,9.6636375 35.22968,51.950743 35.22968,51.950743"
id="path15674"
sodipodi:nodetypes="cc" />
<g
id="g21551"
transform="rotate(-34.110499,58.86954,9.3216777)">
transform="matrix(1.1458666,-0.7761163,0.7761163,1.1458666,-15.666056,43.366395)">
<text
xml:space="preserve"
style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@ -233,11 +192,50 @@
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 53.416204,20.626295 c 1.082076,-1.853874 5.310849,-8.951603 5.310849,-8.951603"
d="m 52.867995,21.35724 c 1.082076,-1.853874 5.310849,-8.951603 5.310849,-8.951603"
id="path15682"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="2.6429429"
inkscape:transform-center-y="4.3941443" />
</g>
<g
id="g994"
style="display:none">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 43.244577,42.906745 60.539428,76.483297"
id="path1108" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.452017;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="M 50.370568,55.799982 45.754806,47.922138"
id="path9576"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="-2.0928027"
inkscape:transform-center-y="4.3531649" />
<g
id="g21538"
transform="matrix(1.3813395,0,0,1.4843374,-37.620609,-67.381317)">
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="circle9582"
cx="-74.661598"
cy="60.70055"
transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
rx="1.2146922"
ry="1.1834064" />
<text
xml:space="preserve"
style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="59.531094"
y="75.579971"
id="text9714"
transform="scale(0.98702867,1.0131418)"><tspan
sodipodi:role="line"
id="tspan9712"
style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="59.531094"
y="75.579971">3</tspan></text>
</g>
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 10 KiB

55
public/assets/capital-letter/k_l3.svg
View File

@ -7,7 +7,7 @@
viewBox="0 0 100 100"
version="1.1"
id="svg5"
inkscape:export-filename="k.svg"
inkscape:export-filename="k_l2.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
@ -127,49 +127,49 @@
y="79.868111">4</tspan></text>
</g>
<g
id="g18697"
style="display:none"
transform="translate(-0.30706826,0.0790019)"
inkscape:label="green1">
id="g978"
style="display:none">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.49547;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 34.330377,9.3137689 C 34.075442,8.1745231 34.229651,76.194688 34.229651,76.194688"
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 34.023309,9.3927708 C 33.768374,8.253525 33.922583,76.27369 33.922583,76.27369"
id="path127"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="33.212013"
y="10.601716"
style="font-size:5.038px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.252694;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="28.078995"
y="14.385494"
id="text9342"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
transform="matrix(1.1394281,-0.00672905,0.00875051,0.87758158,0,0)"><tspan
sodipodi:role="line"
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="33.212013"
y="10.601716">1</tspan></text>
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.252694;stroke-dasharray:none;stroke-opacity:1"
x="28.078995"
y="14.385494">1</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.225525;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="-34.323376"
cy="-8.5520439"
r="1.2760839"
cx="-34.051197"
cy="-10.059121"
r="2.0556314"
transform="rotate(-178.67073)" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 34.119937,21.49086 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
d="m 33.812869,24.695621 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
id="path13743"
sodipodi:nodetypes="cc" />
</g>
<g
id="g986"
style="display:none">
<path
style="display:none;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 60.070724,9.4858095 C 59.92985,9.6636375 35.22968,51.950743 35.22968,51.950743"
id="path15674"
sodipodi:nodetypes="cc" />
<g
id="g21551"
transform="rotate(-34.110499,58.86954,9.3216777)"
style="display:none">
transform="matrix(1.1458666,-0.7761163,0.7761163,1.1458666,-15.666056,43.366395)">
<text
xml:space="preserve"
style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@ -191,17 +191,18 @@
transform="rotate(-144.24458)" />
</g>
<path
style="display:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 53.416204,20.626295 c 1.082076,-1.853874 5.310849,-8.951603 5.310849,-8.951603"
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 52.867995,21.35724 c 1.082076,-1.853874 5.310849,-8.951603 5.310849,-8.951603"
id="path15682"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="2.6429429"
inkscape:transform-center-y="4.3941443" />
</g>
<g
id="g21593"
id="g994"
style="display:inline">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 43.244577,42.906745 60.539428,76.483297"
id="path1108" />
<path
@ -213,7 +214,7 @@
inkscape:transform-center-y="4.3531649" />
<g
id="g21538"
transform="translate(-14.43004,-29.354333)">
transform="matrix(1.3813395,0,0,1.4843374,-37.620609,-67.381317)">
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="circle9582"

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 10 KiB

54
public/assets/capital-letter/l.svg
View File

@ -7,7 +7,7 @@
viewBox="0 0 100 100"
version="1.1"
id="svg5"
sodipodi:docname="l_l1.svg"
sodipodi:docname="l.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
@ -42,9 +42,6 @@
id="arrow2L" />
</marker>
</defs>
<g
id="layer1"
style="display:inline">
<g
id="g19985"
style="display:none">
@ -75,34 +72,33 @@
y="79.868111">4</tspan></text>
</g>
<g
id="g18697"
style="display:inline"
transform="translate(-0.30706826,0.0790019)">
id="g1037">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.49547;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 34.330377,9.3137689 C 34.075442,8.1745231 34.229651,76.194688 34.229651,76.194688"
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 34.023309,9.3927708 C 33.768374,8.253525 33.922583,76.27369 33.922583,76.27369"
id="path127" />
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="33.212013"
y="10.601716"
style="font-size:3.71606px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.186389;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="33.519768"
y="11.744313"
id="text9342"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
transform="matrix(0.97598184,-0.00785596,0.00749529,1.0245489,0,0)"><tspan
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="33.212013"
y="10.601716">1</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.186389;stroke-dasharray:none;stroke-opacity:1"
x="33.519768"
y="11.744313">1</tspan></text>
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.186389;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="-34.323376"
cy="-8.5520439"
r="1.2760839"
transform="rotate(-178.67073)" />
cx="-34.111649"
cy="-9.5714922"
transform="matrix(-0.99970392,-0.02433273,0.02211624,-0.99975541,0,0)"
rx="1.658849"
ry="1.7399449" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 34.119937,21.49086 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
d="m 33.731686,24.134514 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
id="path13743" />
</g>
<g
@ -141,15 +137,16 @@
</g>
</g>
<g
id="g1687"
id="g1051"
style="display:inline">
<path
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 64.473558,76.227599 c -0.139653,-0.04852 -30.573262,0.232173 -30.573262,0.232173"
id="path15674" />
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 64.473863,76.408171 C 59.202947,76.469612 33.899991,76.2792 33.899991,76.2792"
id="path15674"
sodipodi:nodetypes="cc" />
<g
id="g21551"
transform="rotate(-34.110499,154.40598,83.041599)">
transform="matrix(1.002728,-0.67916591,0.67916591,1.002728,-31.843832,105.73925)">
<text
xml:space="preserve"
style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@ -174,5 +171,4 @@
d="m 46.910872,76.383828 c -2.146351,0.03029 -10.408221,0.07265 -10.408221,0.07265"
id="path15682" />
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.6 KiB

After

Width:  |  Height:  |  Size: 8.3 KiB

69
public/assets/capital-letter/l_l1.svg
View File

@ -7,8 +7,25 @@
viewBox="0 0 100 100"
version="1.1"
id="svg5"
sodipodi:docname="l.svg"
inkscape:export-filename="l.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview1572"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false" />
<defs
id="defs2">
<marker
@ -28,9 +45,6 @@
id="arrow2L" />
</marker>
</defs>
<g
id="layer1"
style="display:inline">
<g
id="g19985"
style="display:none">
@ -61,34 +75,33 @@
y="79.868111">4</tspan></text>
</g>
<g
id="g18697"
style="display:inline"
transform="translate(-0.30706826,0.0790019)">
id="g1037">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.49547;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 34.330377,9.3137689 C 34.075442,8.1745231 34.229651,76.194688 34.229651,76.194688"
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 34.023309,9.3927708 C 33.768374,8.253525 33.922583,76.27369 33.922583,76.27369"
id="path127" />
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="33.212013"
y="10.601716"
style="font-size:3.71606px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.186389;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="33.519768"
y="11.744313"
id="text9342"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
transform="matrix(0.97598184,-0.00785596,0.00749529,1.0245489,0,0)"><tspan
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="33.212013"
y="10.601716">1</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.186389;stroke-dasharray:none;stroke-opacity:1"
x="33.519768"
y="11.744313">1</tspan></text>
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.186389;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="-34.323376"
cy="-8.5520439"
r="1.2760839"
transform="rotate(-178.67073)" />
cx="-34.111649"
cy="-9.5714922"
transform="matrix(-0.99970392,-0.02433273,0.02211624,-0.99975541,0,0)"
rx="1.658849"
ry="1.7399449" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 34.119937,21.49086 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
d="m 33.731686,24.134514 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
id="path13743" />
</g>
<g
@ -127,15 +140,16 @@
</g>
</g>
<g
id="g1687"
id="g1051"
style="display:none">
<path
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 64.473558,76.227599 c -0.139653,-0.04852 -30.573262,0.232173 -30.573262,0.232173"
id="path15674" />
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 64.473863,76.408171 C 59.202947,76.469612 33.899991,76.2792 33.899991,76.2792"
id="path15674"
sodipodi:nodetypes="cc" />
<g
id="g21551"
transform="rotate(-34.110499,154.40598,83.041599)">
transform="matrix(1.002728,-0.67916591,0.67916591,1.002728,-31.843832,105.73925)">
<text
xml:space="preserve"
style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@ -160,5 +174,4 @@
d="m 46.910872,76.383828 c -2.146351,0.03029 -10.408221,0.07265 -10.408221,0.07265"
id="path15682" />
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.1 KiB

After

Width:  |  Height:  |  Size: 8.4 KiB

129
public/assets/capital-letter/l_l2.svg
View File

@ -7,17 +7,16 @@
viewBox="0 0 100 100"
version="1.1"
id="svg5"
inkscape:export-filename="l_l1.svg"
sodipodi:docname="l.svg"
inkscape:export-filename="l_l2.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="k_l3.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview7"
id="namedview1572"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
@ -26,48 +25,7 @@
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false"
showguides="true"
inkscape:zoom="1.4478969"
inkscape:cx="172.3189"
inkscape:cy="215.48496"
inkscape:window-width="1920"
inkscape:window-height="1011"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1">
<sodipodi:guide
position="50.044837,106.13694"
orientation="1,0"
id="guide61"
inkscape:locked="false" />
<sodipodi:guide
position="31.19192,73.869705"
orientation="1,0"
id="guide65"
inkscape:locked="false" />
<sodipodi:guide
position="36.906258,27.301511"
orientation="1,0"
id="guide67"
inkscape:locked="false" />
<sodipodi:guide
position="-3.3475992,20.912321"
orientation="0,-1"
id="guide69"
inkscape:locked="false" />
<sodipodi:guide
position="109.48582,93.369913"
orientation="0,-1"
id="guide71"
inkscape:locked="false" />
<sodipodi:guide
position="62.786217,21.819752"
orientation="1,0"
id="guide550"
inkscape:locked="false" />
</sodipodi:namedview>
showgrid="false" />
<defs
id="defs2">
<marker
@ -76,12 +34,9 @@
refX="0"
refY="0"
orient="auto-start-reverse"
inkscape:stockid="Arrow2"
markerWidth="7.6999998"
markerHeight="5.5999999"
viewBox="0 0 7.7 5.6"
inkscape:isstock="true"
inkscape:collect="always"
preserveAspectRatio="xMidYMid">
<path
transform="scale(0.7)"
@ -90,11 +45,6 @@
id="arrow2L" />
</marker>
</defs>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
style="display:inline">
<g
id="g19985"
style="display:none">
@ -105,8 +55,7 @@
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 54.585716,79.075266 44.449435,78.916887"
id="path9586"
sodipodi:nodetypes="cc" />
id="path9586" />
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle9592"
@ -120,46 +69,41 @@
x="41.672253"
y="79.868111"
id="text9761"><tspan
sodipodi:role="line"
id="tspan9759"
style="stroke-width:0.117792"
x="41.672253"
y="79.868111">4</tspan></text>
</g>
<g
id="g18697"
style="display:none"
transform="translate(-0.30706826,0.0790019)"
inkscape:label="green1">
id="g1037"
style="display:none">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.49547;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 34.330377,9.3137689 C 34.075442,8.1745231 34.229651,76.194688 34.229651,76.194688"
id="path127"
sodipodi:nodetypes="cc" />
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 34.023309,9.3927708 C 33.768374,8.253525 33.922583,76.27369 33.922583,76.27369"
id="path127" />
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="33.212013"
y="10.601716"
style="font-size:3.71606px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.186389;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="33.519768"
y="11.744313"
id="text9342"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
sodipodi:role="line"
transform="matrix(0.97598184,-0.00785596,0.00749529,1.0245489,0,0)"><tspan
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="33.212013"
y="10.601716">1</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.186389;stroke-dasharray:none;stroke-opacity:1"
x="33.519768"
y="11.744313">1</tspan></text>
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.186389;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="-34.323376"
cy="-8.5520439"
r="1.2760839"
transform="rotate(-178.67073)" />
cx="-34.111649"
cy="-9.5714922"
transform="matrix(-0.99970392,-0.02433273,0.02211624,-0.99975541,0,0)"
rx="1.658849"
ry="1.7399449" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 34.119937,21.49086 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
id="path13743"
sodipodi:nodetypes="cc" />
d="m 33.731686,24.134514 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
id="path13743" />
</g>
<g
id="g21593"
@ -171,10 +115,7 @@
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.452017;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="M 50.370568,55.799982 45.754806,47.922138"
id="path9576"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="-2.0928027"
inkscape:transform-center-y="4.3531649" />
id="path9576" />
<g
id="g21538"
transform="translate(-14.43004,-29.354333)">
@ -193,7 +134,6 @@
y="75.579971"
id="text9714"
transform="scale(0.98702867,1.0131418)"><tspan
sodipodi:role="line"
id="tspan9712"
style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="59.531094"
@ -201,16 +141,16 @@
</g>
</g>
<g
id="g1687"
id="g1051"
style="display:inline">
<path
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 64.473558,76.227599 c -0.139653,-0.04852 -30.573262,0.232173 -30.573262,0.232173"
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 64.473863,76.408171 C 59.202947,76.469612 33.899991,76.2792 33.899991,76.2792"
id="path15674"
sodipodi:nodetypes="cc" />
<g
id="g21551"
transform="rotate(-34.110499,154.40598,83.041599)">
transform="matrix(1.002728,-0.67916591,0.67916591,1.002728,-31.843832,105.73925)">
<text
xml:space="preserve"
style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@ -218,7 +158,6 @@
y="-23.497944"
id="text15678"
transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
sodipodi:role="line"
id="tspan15676"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
x="54.113926"
@ -234,10 +173,6 @@
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 46.910872,76.383828 c -2.146351,0.03029 -10.408221,0.07265 -10.408221,0.07265"
id="path15682"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="-5.1277311"
inkscape:transform-center-y="-0.0048617" />
</g>
id="path15682" />
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 8.4 KiB

90
public/assets/capital-letter/m.svg
View File

@ -7,11 +7,11 @@
viewBox="0 0 100 100"
version="1.1"
id="svg5"
inkscape:export-filename="l_l2.svg"
inkscape:export-filename="m.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="m_l1.svg"
sodipodi:docname="m_l4.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
@ -48,7 +48,7 @@
id="guide65"
inkscape:locked="false" />
<sodipodi:guide
position="24.949927,104.14192"
position="25.354663,89.309925"
orientation="1,0"
id="guide67"
inkscape:locked="false" />
@ -106,55 +106,56 @@
id="layer1"
style="display:inline">
<g
id="g2899"
id="g2023"
style="display:inline">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.49547;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 26.230399,9.296406 C 25.975464,8.1571602 26.129673,76.177325 26.129673,76.177325"
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 26.088144,9.1679182 C 25.844253,8.0647118 25.991781,73.933097 25.991781,73.933097"
id="path127"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="24.886662"
y="20.667381"
style="font-size:3.65648px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.183401;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="25.117453"
y="19.482256"
id="text9342"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
transform="matrix(0.9749449,-0.00786431,0.00748732,1.0256386,0,0)"><tspan
sodipodi:role="line"
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="24.886662"
y="20.667381">1</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.183401;stroke-dasharray:none;stroke-opacity:1"
x="25.117453"
y="19.482256">1</tspan></text>
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.183401;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="-26.316095"
cy="-18.873741"
r="1.2760839"
transform="rotate(-178.67073)" />
cx="-26.103251"
cy="-17.802462"
transform="matrix(-0.99970265,-0.02438448,0.02206929,-0.99975644,0,0)"
rx="1.6305224"
ry="1.7138693" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 25.87537,31.624035 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.46306;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 25.748495,30.789225 C 25.73247,28.71063 25.741798,20.71002 25.741798,20.71002"
id="path13743"
sodipodi:nodetypes="cc" />
</g>
<g
id="g2907"
id="g2151"
style="display:inline">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 26.18735,9.2350394 50.004148,41.64969"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 26.04696,9.1084929 48.832018,40.497724"
id="path1108" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.489119;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="M 34.341676,19.37966 28.125135,11.840027"
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.47078;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="M 33.848042,18.932194 27.9008,11.631073"
id="path9576"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="-2.0928027"
inkscape:transform-center-y="4.3531649" />
inkscape:transform-center-x="-2.0021427"
inkscape:transform-center-y="4.2154548" />
<g
id="g21538"
transform="matrix(1.1264863,-0.11756911,0.12908963,1.0259538,-49.64786,-60.366184)">
transform="matrix(1.245555,0.04094018,6.1953107e-4,1.2710628,-47.348661,-88.861477)">
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="circle9582"
@ -178,16 +179,16 @@
</g>
</g>
<g
id="g2915"
id="g2167"
style="display:inline">
<path
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 74.505969,76.328966 C 74.530557,76.025497 74.647657,9.4846426 74.647657,9.4846426"
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 72.272424,74.07994 c 0.02352,-0.293868 0.13555,-64.7297399 0.13555,-64.7297399"
id="path15674"
sodipodi:nodetypes="cc" />
<g
id="g21551"
transform="rotate(-34.110499,81.193335,-10.67201)">
transform="matrix(1.1165791,-0.79174496,0.75627929,1.168941,-1.4368803,53.029054)">
<text
xml:space="preserve"
style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@ -209,27 +210,29 @@
transform="rotate(-144.24458)" />
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 74.672915,31.573444 C 74.648355,29.42702 74.628065,21.165066 74.628065,21.165066"
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.46306;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 72.432138,31.269402 c -0.0235,-2.078524 -0.04291,-10.079115 -0.04291,-10.079115"
id="path15682"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="0.0088349"
inkscape:transform-center-y="5.1277257" />
inkscape:transform-center-x="0.0084522187"
inkscape:transform-center-y="4.9655133" />
</g>
<g
id="g2923"
id="g2159"
style="display:inline">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 49.991348,41.79989 74.535166,9.6531683"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 48.952065,40.510881 72.432648,9.3811028"
id="path1106" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 64.440061,21.83391 6.514261,-7.767476"
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.46306;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 63.634757,20.184326 69.866821,12.66257"
id="path9586"
sodipodi:nodetypes="cc" />
<g
id="g2892"
transform="translate(20.39893,24.948474)">
transform="matrix(1.348596,0,0,1.4118383,1.9033488,27.651031)"
style="display:inline">
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle9592"
@ -251,5 +254,4 @@
</g>
</g>
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

93
public/assets/capital-letter/m_l1.svg
View File

@ -7,11 +7,11 @@
viewBox="0 0 100 100"
version="1.1"
id="svg5"
inkscape:export-filename="m.svg"
inkscape:export-filename="m_l1.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="m_l1.svg"
sodipodi:docname="m_l4.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
@ -48,7 +48,7 @@
id="guide65"
inkscape:locked="false" />
<sodipodi:guide
position="24.949927,104.14192"
position="25.354663,89.309925"
orientation="1,0"
id="guide67"
inkscape:locked="false" />
@ -106,55 +106,56 @@
id="layer1"
style="display:inline">
<g
id="g2899"
id="g2023"
style="display:inline">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.49547;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 26.230399,9.296406 C 25.975464,8.1571602 26.129673,76.177325 26.129673,76.177325"
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 26.088144,9.1679182 C 25.844253,8.0647118 25.991781,73.933097 25.991781,73.933097"
id="path127"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="24.886662"
y="20.667381"
style="font-size:3.65648px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.183401;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="25.117453"
y="19.482256"
id="text9342"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
transform="matrix(0.9749449,-0.00786431,0.00748732,1.0256386,0,0)"><tspan
sodipodi:role="line"
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="24.886662"
y="20.667381">1</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.183401;stroke-dasharray:none;stroke-opacity:1"
x="25.117453"
y="19.482256">1</tspan></text>
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.183401;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="-26.316095"
cy="-18.873741"
r="1.2760839"
transform="rotate(-178.67073)" />
cx="-26.103251"
cy="-17.802462"
transform="matrix(-0.99970265,-0.02438448,0.02206929,-0.99975644,0,0)"
rx="1.6305224"
ry="1.7138693" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 25.87537,31.624035 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.46306;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 25.748495,30.789225 C 25.73247,28.71063 25.741798,20.71002 25.741798,20.71002"
id="path13743"
sodipodi:nodetypes="cc" />
</g>
<g
id="g2907"
id="g2151"
style="display:none">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 26.18735,9.2350394 50.004148,41.64969"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 26.04696,9.1084929 48.832018,40.497724"
id="path1108" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.489119;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="M 34.341676,19.37966 28.125135,11.840027"
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.47078;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="M 33.848042,18.932194 27.9008,11.631073"
id="path9576"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="-2.0928027"
inkscape:transform-center-y="4.3531649" />
inkscape:transform-center-x="-2.0021427"
inkscape:transform-center-y="4.2154548" />
<g
id="g21538"
transform="matrix(1.1264863,-0.11756911,0.12908963,1.0259538,-49.64786,-60.366184)">
transform="matrix(1.245555,0.04094018,6.1953107e-4,1.2710628,-47.348661,-88.861477)">
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="circle9582"
@ -178,17 +179,16 @@
</g>
</g>
<g
id="g2915"
id="g2167"
style="display:none">
<path
style="display:none;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 74.505969,76.328966 C 74.530557,76.025497 74.647657,9.4846426 74.647657,9.4846426"
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 72.272424,74.07994 c 0.02352,-0.293868 0.13555,-64.7297399 0.13555,-64.7297399"
id="path15674"
sodipodi:nodetypes="cc" />
<g
id="g21551"
transform="rotate(-34.110499,81.193335,-10.67201)"
style="display:none">
transform="matrix(1.1165791,-0.79174496,0.75627929,1.168941,-1.4368803,53.029054)">
<text
xml:space="preserve"
style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@ -210,28 +210,28 @@
transform="rotate(-144.24458)" />
</g>
<path
style="display:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 74.672915,31.573444 C 74.648355,29.42702 74.628065,21.165066 74.628065,21.165066"
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.46306;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 72.432138,31.269402 c -0.0235,-2.078524 -0.04291,-10.079115 -0.04291,-10.079115"
id="path15682"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="0.0088349"
inkscape:transform-center-y="5.1277257" />
inkscape:transform-center-x="0.0084522187"
inkscape:transform-center-y="4.9655133" />
</g>
<g
id="g2923"
style="display:inline"
sodipodi:insensitive="true">
id="g2159"
style="display:none">
<path
style="display:none;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 49.991348,41.79989 74.535166,9.6531683"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 48.952065,40.510881 72.432648,9.3811028"
id="path1106" />
<path
style="display:none;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 64.440061,21.83391 6.514261,-7.767476"
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.46306;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 63.634757,20.184326 69.866821,12.66257"
id="path9586"
sodipodi:nodetypes="cc" />
<g
id="g2892"
transform="translate(20.39893,24.948474)"
transform="matrix(1.348596,0,0,1.4118383,1.9033488,27.651031)"
style="display:inline">
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@ -254,5 +254,4 @@
</g>
</g>
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

115
public/assets/capital-letter/m_l2.svg
View File

@ -7,11 +7,11 @@
viewBox="0 0 100 100"
version="1.1"
id="svg5"
inkscape:export-filename="m_l1.svg"
inkscape:export-filename="m_l3.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="m_l1.svg"
sodipodi:docname="m_l4.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
@ -48,7 +48,7 @@
id="guide65"
inkscape:locked="false" />
<sodipodi:guide
position="24.949927,104.14192"
position="25.354663,89.309925"
orientation="1,0"
id="guide67"
inkscape:locked="false" />
@ -106,56 +106,56 @@
id="layer1"
style="display:inline">
<g
id="g2899"
id="g2023"
style="display:none">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.49547;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 26.230399,9.296406 C 25.975464,8.1571602 26.129673,76.177325 26.129673,76.177325"
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 26.088144,9.1679182 C 25.844253,8.0647118 25.991781,73.933097 25.991781,73.933097"
id="path127"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="24.886662"
y="20.667381"
style="font-size:3.65648px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.183401;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="25.117453"
y="19.482256"
id="text9342"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
transform="matrix(0.9749449,-0.00786431,0.00748732,1.0256386,0,0)"><tspan
sodipodi:role="line"
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="24.886662"
y="20.667381">1</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.183401;stroke-dasharray:none;stroke-opacity:1"
x="25.117453"
y="19.482256">1</tspan></text>
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.183401;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="-26.316095"
cy="-18.873741"
r="1.2760839"
transform="rotate(-178.67073)" />
cx="-26.103251"
cy="-17.802462"
transform="matrix(-0.99970265,-0.02438448,0.02206929,-0.99975644,0,0)"
rx="1.6305224"
ry="1.7138693" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 25.87537,31.624035 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.46306;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 25.748495,30.789225 C 25.73247,28.71063 25.741798,20.71002 25.741798,20.71002"
id="path13743"
sodipodi:nodetypes="cc" />
</g>
<g
id="g2907"
id="g2151"
style="display:none">
<path
style="display:none;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 26.18735,9.2350394 50.004148,41.64969"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 26.04696,9.1084929 48.832018,40.497724"
id="path1108" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.489119;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="M 34.341676,19.37966 28.125135,11.840027"
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.47078;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="M 33.848042,18.932194 27.9008,11.631073"
id="path9576"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="-2.0928027"
inkscape:transform-center-y="4.3531649" />
inkscape:transform-center-x="-2.0021427"
inkscape:transform-center-y="4.2154548" />
<g
id="g21538"
transform="matrix(1.1264863,-0.11756911,0.12908963,1.0259538,-49.64786,-60.366184)"
style="display:inline">
transform="matrix(1.245555,0.04094018,6.1953107e-4,1.2710628,-47.348661,-88.861477)">
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="circle9582"
@ -178,15 +178,17 @@
y="75.579971">3</tspan></text>
</g>
</g>
<g
id="g2167"
style="display:inline">
<path
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 74.505969,76.328966 C 74.530557,76.025497 74.647657,9.4846426 74.647657,9.4846426"
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 72.272424,74.07994 c 0.02352,-0.293868 0.13555,-64.7297399 0.13555,-64.7297399"
id="path15674"
sodipodi:nodetypes="cc" />
<g
id="g21551"
transform="rotate(-34.110499,81.193335,-10.67201)"
style="display:inline">
transform="matrix(1.1165791,-0.79174496,0.75627929,1.168941,-1.4368803,53.029054)">
<text
xml:space="preserve"
style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@ -208,11 +210,48 @@
transform="rotate(-144.24458)" />
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 74.672915,31.573444 C 74.648355,29.42702 74.628065,21.165066 74.628065,21.165066"
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.46306;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 72.432138,31.269402 c -0.0235,-2.078524 -0.04291,-10.079115 -0.04291,-10.079115"
id="path15682"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="0.0088349"
inkscape:transform-center-y="5.1277257" />
inkscape:transform-center-x="0.0084522187"
inkscape:transform-center-y="4.9655133" />
</g>
<g
id="g2159"
style="display:none">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 48.952065,40.510881 72.432648,9.3811028"
id="path1106" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.46306;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 63.634757,20.184326 69.866821,12.66257"
id="path9586"
sodipodi:nodetypes="cc" />
<g
id="g2892"
transform="matrix(1.348596,0,0,1.4118383,1.9033488,27.651031)"
style="display:inline">
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle9592"
cx="13.097849"
cy="51.455624"
r="1.2760839"
transform="rotate(-88.91827)" />
<text
xml:space="preserve"
style="font-size:2.67135px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="50.827629"
y="-11.198814"
id="text9761"><tspan
sodipodi:role="line"
id="tspan9759"
style="stroke-width:0.117792"
x="50.827629"
y="-11.198814">4</tspan></text>
</g>
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.1 KiB

After

Width:  |  Height:  |  Size: 11 KiB

137
public/assets/capital-letter/m_l3.svg
View File

@ -7,11 +7,11 @@
viewBox="0 0 100 100"
version="1.1"
id="svg5"
inkscape:export-filename="m_l2.svg"
inkscape:export-filename="m_l3.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="m_l1.svg"
sodipodi:docname="m_l4.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
@ -48,7 +48,7 @@
id="guide65"
inkscape:locked="false" />
<sodipodi:guide
position="24.949927,104.14192"
position="25.354663,89.309925"
orientation="1,0"
id="guide67"
inkscape:locked="false" />
@ -106,53 +106,56 @@
id="layer1"
style="display:inline">
<g
id="g2899"
id="g2023"
style="display:none">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.49547;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 26.230399,9.296406 C 25.975464,8.1571602 26.129673,76.177325 26.129673,76.177325"
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 26.088144,9.1679182 C 25.844253,8.0647118 25.991781,73.933097 25.991781,73.933097"
id="path127"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="24.886662"
y="20.667381"
style="font-size:3.65648px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.183401;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="25.117453"
y="19.482256"
id="text9342"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
transform="matrix(0.9749449,-0.00786431,0.00748732,1.0256386,0,0)"><tspan
sodipodi:role="line"
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="24.886662"
y="20.667381">1</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.183401;stroke-dasharray:none;stroke-opacity:1"
x="25.117453"
y="19.482256">1</tspan></text>
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.183401;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="-26.316095"
cy="-18.873741"
r="1.2760839"
transform="rotate(-178.67073)" />
cx="-26.103251"
cy="-17.802462"
transform="matrix(-0.99970265,-0.02438448,0.02206929,-0.99975644,0,0)"
rx="1.6305224"
ry="1.7138693" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 25.87537,31.624035 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.46306;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 25.748495,30.789225 C 25.73247,28.71063 25.741798,20.71002 25.741798,20.71002"
id="path13743"
sodipodi:nodetypes="cc" />
</g>
<g
id="g2151"
style="display:inline">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 26.18735,9.2350394 50.004148,41.64969"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 26.04696,9.1084929 48.832018,40.497724"
id="path1108" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.489119;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="M 34.341676,19.37966 28.125135,11.840027"
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.47078;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="M 33.848042,18.932194 27.9008,11.631073"
id="path9576"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="-2.0928027"
inkscape:transform-center-y="4.3531649" />
inkscape:transform-center-x="-2.0021427"
inkscape:transform-center-y="4.2154548" />
<g
id="g21538"
transform="matrix(1.1264863,-0.11756911,0.12908963,1.0259538,-49.64786,-60.366184)"
style="display:inline">
transform="matrix(1.245555,0.04094018,6.1953107e-4,1.2710628,-47.348661,-88.861477)">
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="circle9582"
@ -174,17 +177,81 @@
x="59.531094"
y="75.579971">3</tspan></text>
</g>
</g>
<g
id="g2167"
style="display:none">
<path
style="display:none;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 74.505969,76.328966 C 74.530557,76.025497 74.647657,9.4846426 74.647657,9.4846426"
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 72.272424,74.07994 c 0.02352,-0.293868 0.13555,-64.7297399 0.13555,-64.7297399"
id="path15674"
sodipodi:nodetypes="cc" />
<g
id="g21551"
transform="matrix(1.1165791,-0.79174496,0.75627929,1.168941,-1.4368803,53.029054)">
<text
xml:space="preserve"
style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="54.113926"
y="-23.497944"
id="text15678"
transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
sodipodi:role="line"
id="tspan15676"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
x="54.113926"
y="-23.497944">2</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle15680"
cx="-54.018658"
cy="25.946033"
r="1.2760839"
transform="rotate(-144.24458)" />
</g>
<path
style="display:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 74.672915,31.573444 C 74.648355,29.42702 74.628065,21.165066 74.628065,21.165066"
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.46306;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 72.432138,31.269402 c -0.0235,-2.078524 -0.04291,-10.079115 -0.04291,-10.079115"
id="path15682"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="0.0088349"
inkscape:transform-center-y="5.1277257" />
inkscape:transform-center-x="0.0084522187"
inkscape:transform-center-y="4.9655133" />
</g>
<g
id="g2159"
style="display:none">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 48.952065,40.510881 72.432648,9.3811028"
id="path1106" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.46306;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 63.634757,20.184326 69.866821,12.66257"
id="path9586"
sodipodi:nodetypes="cc" />
<g
id="g2892"
transform="matrix(1.348596,0,0,1.4118383,1.9033488,27.651031)"
style="display:inline">
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle9592"
cx="13.097849"
cy="51.455624"
r="1.2760839"
transform="rotate(-88.91827)" />
<text
xml:space="preserve"
style="font-size:2.67135px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="50.827629"
y="-11.198814"
id="text9761"><tspan
sodipodi:role="line"
id="tspan9759"
style="stroke-width:0.117792"
x="50.827629"
y="-11.198814">4</tspan></text>
</g>
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.7 KiB

After

Width:  |  Height:  |  Size: 11 KiB

117
public/assets/capital-letter/m_l4.svg
View File

@ -7,11 +7,11 @@
viewBox="0 0 100 100"
version="1.1"
id="svg5"
inkscape:export-filename="m_l4.svg"
inkscape:export-filename="m_l2.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="m_l1.svg"
sodipodi:docname="m_l4.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
@ -48,7 +48,7 @@
id="guide65"
inkscape:locked="false" />
<sodipodi:guide
position="24.949927,104.14192"
position="25.354663,89.309925"
orientation="1,0"
id="guide67"
inkscape:locked="false" />
@ -58,7 +58,7 @@
id="guide69"
inkscape:locked="false" />
<sodipodi:guide
position="56.339863,65.327218"
position="109.48582,93.369913"
orientation="0,-1"
id="guide71"
inkscape:locked="false" />
@ -106,53 +106,56 @@
id="layer1"
style="display:inline">
<g
id="g2899"
id="g2023"
style="display:none">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.49547;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 26.230399,9.296406 C 25.975464,8.1571602 26.129673,76.177325 26.129673,76.177325"
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 26.088144,9.1679182 C 25.844253,8.0647118 25.991781,73.933097 25.991781,73.933097"
id="path127"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="24.886662"
y="20.667381"
style="font-size:3.65648px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.183401;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="25.117453"
y="19.482256"
id="text9342"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
transform="matrix(0.9749449,-0.00786431,0.00748732,1.0256386,0,0)"><tspan
sodipodi:role="line"
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="24.886662"
y="20.667381">1</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.183401;stroke-dasharray:none;stroke-opacity:1"
x="25.117453"
y="19.482256">1</tspan></text>
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.183401;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="-26.316095"
cy="-18.873741"
r="1.2760839"
transform="rotate(-178.67073)" />
cx="-26.103251"
cy="-17.802462"
transform="matrix(-0.99970265,-0.02438448,0.02206929,-0.99975644,0,0)"
rx="1.6305224"
ry="1.7138693" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 25.87537,31.624035 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.46306;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 25.748495,30.789225 C 25.73247,28.71063 25.741798,20.71002 25.741798,20.71002"
id="path13743"
sodipodi:nodetypes="cc" />
</g>
<g
id="g2151"
style="display:none">
<path
style="display:none;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 26.18735,9.2350394 50.004148,41.64969"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 26.04696,9.1084929 48.832018,40.497724"
id="path1108" />
<path
style="display:none;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.489119;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="M 34.341676,19.37966 28.125135,11.840027"
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.47078;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="M 33.848042,18.932194 27.9008,11.631073"
id="path9576"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="-2.0928027"
inkscape:transform-center-y="4.3531649" />
inkscape:transform-center-x="-2.0021427"
inkscape:transform-center-y="4.2154548" />
<g
id="g21538"
transform="matrix(1.1264863,-0.11756911,0.12908963,1.0259538,-49.64786,-60.366184)"
style="display:none">
transform="matrix(1.245555,0.04094018,6.1953107e-4,1.2710628,-47.348661,-88.861477)">
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="circle9582"
@ -174,30 +177,61 @@
x="59.531094"
y="75.579971">3</tspan></text>
</g>
</g>
<g
id="g2167"
style="display:none">
<path
style="display:none;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 74.505969,76.328966 C 74.530557,76.025497 74.647657,9.4846426 74.647657,9.4846426"
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 72.272424,74.07994 c 0.02352,-0.293868 0.13555,-64.7297399 0.13555,-64.7297399"
id="path15674"
sodipodi:nodetypes="cc" />
<g
id="g21551"
transform="matrix(1.1165791,-0.79174496,0.75627929,1.168941,-1.4368803,53.029054)">
<text
xml:space="preserve"
style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="54.113926"
y="-23.497944"
id="text15678"
transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
sodipodi:role="line"
id="tspan15676"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
x="54.113926"
y="-23.497944">2</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle15680"
cx="-54.018658"
cy="25.946033"
r="1.2760839"
transform="rotate(-144.24458)" />
</g>
<path
style="display:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 74.672915,31.573444 C 74.648355,29.42702 74.628065,21.165066 74.628065,21.165066"
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.46306;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 72.432138,31.269402 c -0.0235,-2.078524 -0.04291,-10.079115 -0.04291,-10.079115"
id="path15682"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="0.0088349"
inkscape:transform-center-y="5.1277257" />
inkscape:transform-center-x="0.0084522187"
inkscape:transform-center-y="4.9655133" />
</g>
<g
id="g2159"
style="display:inline">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 49.991348,41.79989 74.535166,9.6531683"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 48.952065,40.510881 72.432648,9.3811028"
id="path1106" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 64.440061,21.83391 6.514261,-7.767476"
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.46306;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 63.634757,20.184326 69.866821,12.66257"
id="path9586"
sodipodi:nodetypes="cc" />
<g
id="g2892"
transform="translate(20.39893,24.948474)"
transform="matrix(1.348596,0,0,1.4118383,1.9033488,27.651031)"
style="display:inline">
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@ -219,4 +253,5 @@
y="-11.198814">4</tspan></text>
</g>
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.4 KiB

After

Width:  |  Height:  |  Size: 11 KiB

160
public/assets/capital-letter/n.svg
View File

@ -7,7 +7,7 @@
viewBox="0 0 100 100"
version="1.1"
id="svg5"
inkscape:export-filename="m_l4.svg"
inkscape:export-filename="m_l3.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
@ -72,6 +72,11 @@
orientation="0,-1"
id="guide2737"
inkscape:locked="false" />
<sodipodi:guide
position="75.378726,39.60565"
orientation="0,-1"
id="guide991"
inkscape:locked="false" />
</sodipodi:namedview>
<defs
id="defs2">
@ -101,47 +106,16 @@
id="layer1"
style="display:inline">
<g
id="g925">
id="g999"
style="display:inline">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 26.230399,9.296406 C 25.975464,8.1571602 26.129673,76.177325 26.129673,76.177325"
id="path127"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="24.886662"
y="20.667381"
id="text9342"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
sodipodi:role="line"
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="24.886662"
y="20.667381">1</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="-26.316095"
cy="-18.873741"
r="1.2760839"
transform="rotate(-178.67073)" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 25.87537,31.624035 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
id="path13743"
sodipodi:nodetypes="cc" />
</g>
<g
id="g1001">
<path
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 66.548251,76.109951 C 66.572839,75.806482 66.689939,9.265628 66.689939,9.265628"
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 66.444075,72.223329 C 66.468647,71.936937 66.585673,9.140572 66.585673,9.140572"
id="path15674"
sodipodi:nodetypes="cc" />
<g
id="g21551"
transform="rotate(-34.110499,76.857525,2.1880008)"
transform="matrix(1.1802271,-0.88269089,0.79938929,1.3032145,-11.528397,51.563287)"
style="display:inline">
<text
xml:space="preserve"
@ -164,46 +138,12 @@
transform="rotate(-144.24458)" />
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 66.715197,31.354429 c -0.02456,-2.146424 -0.04485,-10.408378 -0.04485,-10.408378"
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.467218;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 66.546307,27.143648 c -0.02454,-2.025637 -0.04482,-9.822662 -0.04482,-9.822662"
id="path15682"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="0.0088349"
inkscape:transform-center-y="5.1277257" />
</g>
<g
id="g993">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 26.247474,9.2266727 66.651189,76.300324"
id="path1108" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.489119;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="M 32.918443,20.131469 28.042266,11.663037"
id="path9576"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="-1.3397517"
inkscape:transform-center-y="4.6405744" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.142347;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="circle9582"
cx="-12.740498"
cy="25.719242"
transform="matrix(-0.10482327,-0.99449087,0.99627769,-0.08620189,0,0)"
rx="1.2555509"
ry="1.3407919" />
<text
xml:space="preserve"
style="font-size:2.31839px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.142334;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="24.872412"
y="12.578706"
id="text9714"
transform="matrix(1.0324615,-0.03671877,0.05488879,0.96660705,0,0)"><tspan
sodipodi:role="line"
id="tspan9712"
style="stroke:#f9f6f6;stroke-width:0.142334;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="24.872412"
y="12.578706">3</tspan></text>
inkscape:transform-center-x="0.0088290155"
inkscape:transform-center-y="4.8391702" />
</g>
<g
id="g2750"
@ -236,5 +176,75 @@
x="71.226562"
y="13.74966">4</tspan></text>
</g>
<g
id="g982"
style="display:inline">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 26.151836,9.169618 C 25.897063,8.0944816 26.051174,72.286912 26.051174,72.286912"
id="path127"
sodipodi:nodetypes="cc" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.199741;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="-26.241928"
cy="-17.356918"
transform="matrix(-0.99969204,-0.02481583,0.02168565,-0.99976484,0,0)"
rx="1.7603031"
ry="1.8829978" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.467218;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 25.797032,30.240793 c -0.01674,-2.025707 -0.007,-9.82275 -0.007,-9.82275"
id="path13743"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:3.98226px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.199741;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="25.407785"
y="19.046873"
id="text975"
transform="matrix(0.96642969,-0.00793361,0.00742193,1.0346755,0,0)"><tspan
sodipodi:role="line"
id="tspan973"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.199741;stroke-dasharray:none;stroke-opacity:1"
x="25.407785"
y="19.046873">1</tspan></text>
</g>
<g
id="g1011"
transform="translate(0.07545329,0.00744747)"
style="display:inline">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 26.1689,9.1038088 66.546947,72.402989"
id="path1001" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.475007;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="M 33.28788,20.36406 28.414801,12.372176"
id="path1003"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="-1.3389007"
inkscape:transform-center-y="4.3794329" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.18887;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="ellipse1005"
cx="-12.746626"
cy="25.770933"
transform="matrix(-0.09598831,-0.99538246,0.9955578,-0.0941524,0,0)"
rx="1.7402503"
ry="1.7029951" />
<text
xml:space="preserve"
style="font-size:3.07637px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.188869;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="25.812363"
y="12.222048"
id="text1009"
transform="matrix(0.98755113,-0.03838861,0.05250122,1.0105649,0,0)"><tspan
sodipodi:role="line"
id="tspan1007"
style="stroke:#f9f6f6;stroke-width:0.188869;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="25.812363"
y="12.222048">3</tspan></text>
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 11 KiB

161
public/assets/capital-letter/n_l1.svg
View File

@ -7,7 +7,7 @@
viewBox="0 0 100 100"
version="1.1"
id="svg5"
inkscape:export-filename="n.svg"
inkscape:export-filename="m.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
@ -72,6 +72,11 @@
orientation="0,-1"
id="guide2737"
inkscape:locked="false" />
<sodipodi:guide
position="75.378726,39.60565"
orientation="0,-1"
id="guide991"
inkscape:locked="false" />
</sodipodi:namedview>
<defs
id="defs2">
@ -101,49 +106,16 @@
id="layer1"
style="display:inline">
<g
id="g925"
style="display:inline">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 26.230399,9.296406 C 25.975464,8.1571602 26.129673,76.177325 26.129673,76.177325"
id="path127"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="24.886662"
y="20.667381"
id="text9342"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
sodipodi:role="line"
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="24.886662"
y="20.667381">1</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="-26.316095"
cy="-18.873741"
r="1.2760839"
transform="rotate(-178.67073)" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 25.87537,31.624035 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
id="path13743"
sodipodi:nodetypes="cc" />
</g>
<g
id="g1001"
id="g999"
style="display:none">
<path
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 66.548251,76.109951 C 66.572839,75.806482 66.689939,9.265628 66.689939,9.265628"
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 66.444075,72.223329 C 66.468647,71.936937 66.585673,9.140572 66.585673,9.140572"
id="path15674"
sodipodi:nodetypes="cc" />
<g
id="g21551"
transform="rotate(-34.110499,76.857525,2.1880008)"
transform="matrix(1.1802271,-0.88269089,0.79938929,1.3032145,-11.528397,51.563287)"
style="display:inline">
<text
xml:space="preserve"
@ -166,47 +138,12 @@
transform="rotate(-144.24458)" />
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 66.715197,31.354429 c -0.02456,-2.146424 -0.04485,-10.408378 -0.04485,-10.408378"
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.467218;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 66.546307,27.143648 c -0.02454,-2.025637 -0.04482,-9.822662 -0.04482,-9.822662"
id="path15682"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="0.0088349"
inkscape:transform-center-y="5.1277257" />
</g>
<g
id="g993"
style="display:none">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 26.247474,9.2266727 66.651189,76.300324"
id="path1108" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.489119;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="M 32.918443,20.131469 28.042266,11.663037"
id="path9576"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="-1.3397517"
inkscape:transform-center-y="4.6405744" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.142347;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="circle9582"
cx="-12.740498"
cy="25.719242"
transform="matrix(-0.10482327,-0.99449087,0.99627769,-0.08620189,0,0)"
rx="1.2555509"
ry="1.3407919" />
<text
xml:space="preserve"
style="font-size:2.31839px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.142334;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="24.872412"
y="12.578706"
id="text9714"
transform="matrix(1.0324615,-0.03671877,0.05488879,0.96660705,0,0)"><tspan
sodipodi:role="line"
id="tspan9712"
style="stroke:#f9f6f6;stroke-width:0.142334;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="24.872412"
y="12.578706">3</tspan></text>
inkscape:transform-center-x="0.0088290155"
inkscape:transform-center-y="4.8391702" />
</g>
<g
id="g2750"
@ -239,5 +176,75 @@
x="71.226562"
y="13.74966">4</tspan></text>
</g>
<g
id="g982"
style="display:inline">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 26.151836,9.169618 C 25.897063,8.0944816 26.051174,72.286912 26.051174,72.286912"
id="path127"
sodipodi:nodetypes="cc" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.199741;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="-26.241928"
cy="-17.356918"
transform="matrix(-0.99969204,-0.02481583,0.02168565,-0.99976484,0,0)"
rx="1.7603031"
ry="1.8829978" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.467218;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 25.797032,30.240793 c -0.01674,-2.025707 -0.007,-9.82275 -0.007,-9.82275"
id="path13743"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:3.98226px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.199741;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="25.407785"
y="19.046873"
id="text975"
transform="matrix(0.96642969,-0.00793361,0.00742193,1.0346755,0,0)"><tspan
sodipodi:role="line"
id="tspan973"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.199741;stroke-dasharray:none;stroke-opacity:1"
x="25.407785"
y="19.046873">1</tspan></text>
</g>
<g
id="g1011"
transform="translate(0.07545329,0.00744747)"
style="display:none">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 26.1689,9.1038088 66.546947,72.402989"
id="path1001" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.475007;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="M 33.28788,20.36406 28.414801,12.372176"
id="path1003"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="-1.3389007"
inkscape:transform-center-y="4.3794329" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.18887;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="ellipse1005"
cx="-12.746626"
cy="25.770933"
transform="matrix(-0.09598831,-0.99538246,0.9955578,-0.0941524,0,0)"
rx="1.7402503"
ry="1.7029951" />
<text
xml:space="preserve"
style="font-size:3.07637px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.188869;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="25.812363"
y="12.222048"
id="text1009"
transform="matrix(0.98755113,-0.03838861,0.05250122,1.0105649,0,0)"><tspan
sodipodi:role="line"
id="tspan1007"
style="stroke:#f9f6f6;stroke-width:0.188869;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="25.812363"
y="12.222048">3</tspan></text>
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 11 KiB

161
public/assets/capital-letter/n_l2.svg
View File

@ -7,7 +7,7 @@
viewBox="0 0 100 100"
version="1.1"
id="svg5"
inkscape:export-filename="n_l1.svg"
inkscape:export-filename="m_l1.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
@ -72,6 +72,11 @@
orientation="0,-1"
id="guide2737"
inkscape:locked="false" />
<sodipodi:guide
position="75.378726,39.60565"
orientation="0,-1"
id="guide991"
inkscape:locked="false" />
</sodipodi:namedview>
<defs
id="defs2">
@ -101,49 +106,16 @@
id="layer1"
style="display:inline">
<g
id="g925"
style="display:none">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 26.230399,9.296406 C 25.975464,8.1571602 26.129673,76.177325 26.129673,76.177325"
id="path127"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="24.886662"
y="20.667381"
id="text9342"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
sodipodi:role="line"
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="24.886662"
y="20.667381">1</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="-26.316095"
cy="-18.873741"
r="1.2760839"
transform="rotate(-178.67073)" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 25.87537,31.624035 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
id="path13743"
sodipodi:nodetypes="cc" />
</g>
<g
id="g1001"
id="g999"
style="display:inline">
<path
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 66.548251,76.109951 C 66.572839,75.806482 66.689939,9.265628 66.689939,9.265628"
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 66.444075,72.223329 C 66.468647,71.936937 66.585673,9.140572 66.585673,9.140572"
id="path15674"
sodipodi:nodetypes="cc" />
<g
id="g21551"
transform="rotate(-34.110499,76.857525,2.1880008)"
transform="matrix(1.1802271,-0.88269089,0.79938929,1.3032145,-11.528397,51.563287)"
style="display:inline">
<text
xml:space="preserve"
@ -166,47 +138,12 @@
transform="rotate(-144.24458)" />
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 66.715197,31.354429 c -0.02456,-2.146424 -0.04485,-10.408378 -0.04485,-10.408378"
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.467218;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 66.546307,27.143648 c -0.02454,-2.025637 -0.04482,-9.822662 -0.04482,-9.822662"
id="path15682"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="0.0088349"
inkscape:transform-center-y="5.1277257" />
</g>
<g
id="g993"
style="display:none">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 26.247474,9.2266727 66.651189,76.300324"
id="path1108" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.489119;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="M 32.918443,20.131469 28.042266,11.663037"
id="path9576"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="-1.3397517"
inkscape:transform-center-y="4.6405744" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.142347;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="circle9582"
cx="-12.740498"
cy="25.719242"
transform="matrix(-0.10482327,-0.99449087,0.99627769,-0.08620189,0,0)"
rx="1.2555509"
ry="1.3407919" />
<text
xml:space="preserve"
style="font-size:2.31839px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.142334;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="24.872412"
y="12.578706"
id="text9714"
transform="matrix(1.0324615,-0.03671877,0.05488879,0.96660705,0,0)"><tspan
sodipodi:role="line"
id="tspan9712"
style="stroke:#f9f6f6;stroke-width:0.142334;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="24.872412"
y="12.578706">3</tspan></text>
inkscape:transform-center-x="0.0088290155"
inkscape:transform-center-y="4.8391702" />
</g>
<g
id="g2750"
@ -239,5 +176,75 @@
x="71.226562"
y="13.74966">4</tspan></text>
</g>
<g
id="g982"
style="display:none">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 26.151836,9.169618 C 25.897063,8.0944816 26.051174,72.286912 26.051174,72.286912"
id="path127"
sodipodi:nodetypes="cc" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.199741;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="-26.241928"
cy="-17.356918"
transform="matrix(-0.99969204,-0.02481583,0.02168565,-0.99976484,0,0)"
rx="1.7603031"
ry="1.8829978" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.467218;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 25.797032,30.240793 c -0.01674,-2.025707 -0.007,-9.82275 -0.007,-9.82275"
id="path13743"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:3.98226px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.199741;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="25.407785"
y="19.046873"
id="text975"
transform="matrix(0.96642969,-0.00793361,0.00742193,1.0346755,0,0)"><tspan
sodipodi:role="line"
id="tspan973"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.199741;stroke-dasharray:none;stroke-opacity:1"
x="25.407785"
y="19.046873">1</tspan></text>
</g>
<g
id="g1011"
transform="translate(0.07545329,0.00744747)"
style="display:none">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 26.1689,9.1038088 66.546947,72.402989"
id="path1001" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.475007;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="M 33.28788,20.36406 28.414801,12.372176"
id="path1003"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="-1.3389007"
inkscape:transform-center-y="4.3794329" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.18887;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="ellipse1005"
cx="-12.746626"
cy="25.770933"
transform="matrix(-0.09598831,-0.99538246,0.9955578,-0.0941524,0,0)"
rx="1.7402503"
ry="1.7029951" />
<text
xml:space="preserve"
style="font-size:3.07637px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.188869;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="25.812363"
y="12.222048"
id="text1009"
transform="matrix(0.98755113,-0.03838861,0.05250122,1.0105649,0,0)"><tspan
sodipodi:role="line"
id="tspan1007"
style="stroke:#f9f6f6;stroke-width:0.188869;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="25.812363"
y="12.222048">3</tspan></text>
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 11 KiB

161
public/assets/capital-letter/n_l3.svg
View File

@ -7,7 +7,7 @@
viewBox="0 0 100 100"
version="1.1"
id="svg5"
inkscape:export-filename="n_l2.svg"
inkscape:export-filename="m_l2.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
@ -72,6 +72,11 @@
orientation="0,-1"
id="guide2737"
inkscape:locked="false" />
<sodipodi:guide
position="75.378726,39.60565"
orientation="0,-1"
id="guide991"
inkscape:locked="false" />
</sodipodi:namedview>
<defs
id="defs2">
@ -101,49 +106,16 @@
id="layer1"
style="display:inline">
<g
id="g925"
id="g999"
style="display:none">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 26.230399,9.296406 C 25.975464,8.1571602 26.129673,76.177325 26.129673,76.177325"
id="path127"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="24.886662"
y="20.667381"
id="text9342"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
sodipodi:role="line"
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="24.886662"
y="20.667381">1</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="-26.316095"
cy="-18.873741"
r="1.2760839"
transform="rotate(-178.67073)" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 25.87537,31.624035 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
id="path13743"
sodipodi:nodetypes="cc" />
</g>
<g
id="g1001"
style="display:none">
<path
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 66.548251,76.109951 C 66.572839,75.806482 66.689939,9.265628 66.689939,9.265628"
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 66.444075,72.223329 C 66.468647,71.936937 66.585673,9.140572 66.585673,9.140572"
id="path15674"
sodipodi:nodetypes="cc" />
<g
id="g21551"
transform="rotate(-34.110499,76.857525,2.1880008)"
transform="matrix(1.1802271,-0.88269089,0.79938929,1.3032145,-11.528397,51.563287)"
style="display:inline">
<text
xml:space="preserve"
@ -166,47 +138,12 @@
transform="rotate(-144.24458)" />
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 66.715197,31.354429 c -0.02456,-2.146424 -0.04485,-10.408378 -0.04485,-10.408378"
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.467218;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 66.546307,27.143648 c -0.02454,-2.025637 -0.04482,-9.822662 -0.04482,-9.822662"
id="path15682"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="0.0088349"
inkscape:transform-center-y="5.1277257" />
</g>
<g
id="g993"
style="display:inline">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 26.247474,9.2266727 66.651189,76.300324"
id="path1108" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.489119;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="M 32.918443,20.131469 28.042266,11.663037"
id="path9576"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="-1.3397517"
inkscape:transform-center-y="4.6405744" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.142347;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="circle9582"
cx="-12.740498"
cy="25.719242"
transform="matrix(-0.10482327,-0.99449087,0.99627769,-0.08620189,0,0)"
rx="1.2555509"
ry="1.3407919" />
<text
xml:space="preserve"
style="font-size:2.31839px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.142334;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="24.872412"
y="12.578706"
id="text9714"
transform="matrix(1.0324615,-0.03671877,0.05488879,0.96660705,0,0)"><tspan
sodipodi:role="line"
id="tspan9712"
style="stroke:#f9f6f6;stroke-width:0.142334;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="24.872412"
y="12.578706">3</tspan></text>
inkscape:transform-center-x="0.0088290155"
inkscape:transform-center-y="4.8391702" />
</g>
<g
id="g2750"
@ -239,5 +176,75 @@
x="71.226562"
y="13.74966">4</tspan></text>
</g>
<g
id="g982"
style="display:none">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 26.151836,9.169618 C 25.897063,8.0944816 26.051174,72.286912 26.051174,72.286912"
id="path127"
sodipodi:nodetypes="cc" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.199741;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="-26.241928"
cy="-17.356918"
transform="matrix(-0.99969204,-0.02481583,0.02168565,-0.99976484,0,0)"
rx="1.7603031"
ry="1.8829978" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.467218;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 25.797032,30.240793 c -0.01674,-2.025707 -0.007,-9.82275 -0.007,-9.82275"
id="path13743"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:3.98226px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.199741;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="25.407785"
y="19.046873"
id="text975"
transform="matrix(0.96642969,-0.00793361,0.00742193,1.0346755,0,0)"><tspan
sodipodi:role="line"
id="tspan973"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.199741;stroke-dasharray:none;stroke-opacity:1"
x="25.407785"
y="19.046873">1</tspan></text>
</g>
<g
id="g1011"
transform="translate(0.07545329,0.00744747)"
style="display:inline">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 26.1689,9.1038088 66.546947,72.402989"
id="path1001" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.475007;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="M 33.28788,20.36406 28.414801,12.372176"
id="path1003"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="-1.3389007"
inkscape:transform-center-y="4.3794329" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.18887;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="ellipse1005"
cx="-12.746626"
cy="25.770933"
transform="matrix(-0.09598831,-0.99538246,0.9955578,-0.0941524,0,0)"
rx="1.7402503"
ry="1.7029951" />
<text
xml:space="preserve"
style="font-size:3.07637px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.188869;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="25.812363"
y="12.222048"
id="text1009"
transform="matrix(0.98755113,-0.03838861,0.05250122,1.0105649,0,0)"><tspan
sodipodi:role="line"
id="tspan1007"
style="stroke:#f9f6f6;stroke-width:0.188869;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="25.812363"
y="12.222048">3</tspan></text>
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 11 KiB

37
public/assets/capital-letter/o.svg
View File

@ -7,24 +7,8 @@
viewBox="0 0 100 100"
version="1.1"
id="svg4061"
inkscape:export-filename="o.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview4063"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false" />
<defs
id="defs4058">
<marker
@ -33,12 +17,9 @@
refX="0"
refY="0"
orient="auto-start-reverse"
inkscape:stockid="Arrow2"
markerWidth="7.6999998"
markerHeight="5.5999999"
viewBox="0 0 7.7 5.6"
inkscape:isstock="true"
inkscape:collect="always"
preserveAspectRatio="xMidYMid">
<path
transform="scale(0.7)"
@ -48,16 +29,14 @@
</marker>
</defs>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1">
<ellipse
style="fill:none;fill-opacity:1;stroke:#009e40;stroke-width:6.26083;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
style="fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
id="path4236"
cx="48.311226"
cy="49.748005"
rx="15.750484"
ry="21.890316" />
cx="48.655659"
cy="49.805408"
rx="16.062292"
ry="21.915098" />
<g
id="g2108"
transform="translate(10.906604,18.120039)">
@ -68,7 +47,6 @@
y="19.336451"
id="text9342"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
sodipodi:role="line"
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="48.182404"
@ -84,9 +62,6 @@
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 51.078339,28.029858 c 2.994925,1.236266 6.697855,3.341918 8.115716,6.517013"
id="path13743"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="4.2043934"
inkscape:transform-center-y="-3.3943832" />
id="path13743" />
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.5 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

16
public/assets/capital-letter/p.svg
View File

@ -7,7 +7,7 @@
viewBox="0 0 100 100"
version="1.1"
id="svg5"
sodipodi:docname="b.svg"
sodipodi:docname="p.svg"
inkscape:export-filename="p_l1.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
@ -78,12 +78,12 @@
</marker>
</defs>
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:5.50539;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 48.503835,7.2773964 48.071477,78.855459"
id="path127" />
<g
id="g2108"
transform="translate(-0.7254407,-4.4774733)">
transform="matrix(1.6014666,0,0,1.6650857,-30.285654,-16.022511)">
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@ -105,15 +105,15 @@
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-35);paint-order:stroke fill markers"
d="m 48.371278,25.88501 c -0.0082,-2.146546 0.03446,-10.408415 0.03446,-10.408415"
d="m 48.371278,28.158143 c -0.0082,-2.146546 0.03446,-10.408415 0.03446,-10.408415"
id="path13743" />
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 50.078881,42.699475 C 93.874653,51.841734 95.165897,-3.5730008 48.619769,7.2562447"
style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 48.414761,42.713809 C 91.819189,53.563059 95.278159,-1.7586884 48.343876,7.2406274"
id="path3061" />
<g
id="g1198"
transform="translate(3.2556029,-2.8149031)"
transform="matrix(1.4808458,0,0,1.5444649,-23.286477,-8.5487774)"
style="display:inline">
<text
xml:space="preserve"
@ -136,7 +136,7 @@
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
d="M 66.047717,6.789157 C 62.831195,5.9433878 59.42289,5.8384944 55.368578,7.0825755"
d="M 65.040956,6.3430618 C 61.915598,5.2057501 58.531292,4.7885936 54.379938,5.655452"
id="path15682" />
<g
id="g439"

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.6 KiB

After

Width:  |  Height:  |  Size: 7.7 KiB

30
public/assets/capital-letter/p_l1.svg
View File

@ -7,7 +7,10 @@
viewBox="0 0 100 100"
version="1.1"
id="svg5"
sodipodi:docname="b.svg"
sodipodi:docname="p.svg"
inkscape:export-filename="p_l1.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
@ -74,13 +77,15 @@
id="arrow2L-62" />
</marker>
</defs>
<g
id="g3023">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:5.50539;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 48.503835,7.2773964 48.071477,78.855459"
id="path127" />
<g
id="g2108"
transform="translate(-0.7254407,-4.4774733)">
transform="matrix(1.6014666,0,0,1.6650857,-30.285654,-16.022511)">
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@ -102,16 +107,20 @@
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-35);paint-order:stroke fill markers"
d="m 48.371278,25.88501 c -0.0082,-2.146546 0.03446,-10.408415 0.03446,-10.408415"
d="m 48.371278,28.158143 c -0.0082,-2.146546 0.03446,-10.408415 0.03446,-10.408415"
id="path13743" />
</g>
<g
id="g2997"
style="display:none">
<path
style="display:none;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 50.078881,42.699475 C 93.874653,51.841734 95.165897,-3.5730008 48.619769,7.2562447"
style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 48.414761,42.713809 C 91.819189,53.563059 95.278159,-1.7586884 48.343876,7.2406274"
id="path3061" />
<g
id="g1198"
transform="translate(3.2556029,-2.8149031)"
style="display:none">
transform="matrix(1.4808458,0,0,1.5444649,-23.286477,-8.5487774)"
style="display:inline">
<text
xml:space="preserve"
style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@ -132,9 +141,10 @@
transform="rotate(-178.35508)" />
</g>
<path
style="display:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
d="M 66.047717,6.789157 C 62.831195,5.9433878 59.42289,5.8384944 55.368578,7.0825755"
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
d="M 65.040956,6.3430618 C 61.915598,5.2057501 58.531292,4.7885936 54.379938,5.655452"
id="path15682" />
</g>
<g
id="g439"
style="display:none">

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.5 KiB

After

Width:  |  Height:  |  Size: 7.9 KiB

29
public/assets/capital-letter/p_l2.svg
View File

@ -7,8 +7,8 @@
viewBox="0 0 100 100"
version="1.1"
id="svg5"
sodipodi:docname="b.svg"
inkscape:export-filename="p_l2.svg"
sodipodi:docname="p.svg"
inkscape:export-filename="p_l1.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
@ -77,14 +77,16 @@
id="arrow2L-62" />
</marker>
</defs>
<g
id="g3023"
style="display:none">
<path
style="display:none;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:5.50539;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 48.503835,7.2773964 48.071477,78.855459"
id="path127" />
<g
id="g2108"
transform="translate(-0.7254407,-4.4774733)"
style="display:none">
transform="matrix(1.6014666,0,0,1.6650857,-30.285654,-16.022511)">
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@ -105,16 +107,20 @@
transform="rotate(-178.67073)" />
</g>
<path
style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-35);paint-order:stroke fill markers"
d="m 48.371278,25.88501 c -0.0082,-2.146546 0.03446,-10.408415 0.03446,-10.408415"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-35);paint-order:stroke fill markers"
d="m 48.371278,28.158143 c -0.0082,-2.146546 0.03446,-10.408415 0.03446,-10.408415"
id="path13743" />
</g>
<g
id="g2997"
style="display:inline">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 50.078881,42.699475 C 93.874653,51.841734 95.165897,-3.5730008 48.619769,7.2562447"
style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 48.414761,42.713809 C 91.819189,53.563059 95.278159,-1.7586884 48.343876,7.2406274"
id="path3061" />
<g
id="g1198"
transform="translate(3.2556029,-2.8149031)"
transform="matrix(1.4808458,0,0,1.5444649,-23.286477,-8.5487774)"
style="display:inline">
<text
xml:space="preserve"
@ -137,8 +143,9 @@
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
d="M 66.047717,6.789157 C 62.831195,5.9433878 59.42289,5.8384944 55.368578,7.0825755"
d="M 65.040956,6.3430618 C 61.915598,5.2057501 58.531292,4.7885936 54.379938,5.655452"
id="path15682" />
</g>
<g
id="g439"
style="display:none">

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.7 KiB

After

Width:  |  Height:  |  Size: 7.9 KiB

33
public/assets/capital-letter/q.svg
View File

@ -10,6 +10,7 @@
inkscape:export-filename="o.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
sodipodi:docname="q.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
@ -68,7 +69,7 @@
inkscape:groupmode="layer"
id="layer1">
<ellipse
style="fill:none;fill-opacity:1;stroke:#009e40;stroke-width:6.26083;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
style="fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
id="path4236"
cx="48.311226"
cy="49.748005"
@ -76,7 +77,7 @@
ry="21.890316" />
<g
id="g2108"
transform="translate(10.906604,18.120039)">
transform="matrix(1.3838135,0,0,1.3838135,-7.439991,11.739924)">
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@ -105,7 +106,7 @@
inkscape:transform-center-x="4.2043934"
inkscape:transform-center-y="-3.3943832" />
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:4.80727;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 54.804944,61.442454 15.36525,11.365203"
id="path548" />
<path
@ -113,23 +114,23 @@
d="M 61.770124,66.700111 56.695423,62.764813"
id="path9566" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.108585;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.171208;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle9572"
cx="44.445934"
cy="69.560371"
transform="matrix(0.98885329,-0.14889318,0.16343647,0.98655386,0,0)"
rx="1.0209966"
ry="0.95945787" />
cx="43.768688"
cy="68.815323"
transform="matrix(0.98914278,-0.14695769,0.16557751,0.98619678,0,0)"
rx="1.6200933"
ry="1.5031987" />
<text
xml:space="preserve"
style="font-size:1.72222px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.0959306;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="56.287392"
y="60.568928"
style="font-size:2.71536px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.15125;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="54.950985"
y="60.682537"
id="text9650"
transform="matrix(0.92052135,-0.05319485,0.0513381,1.0833742,0,0)"><tspan
transform="matrix(0.92669894,-0.05284024,0.05168263,1.0761522,0,0)"><tspan
id="tspan9648"
style="stroke-width:0.0959306;stroke-dasharray:none"
x="56.287392"
y="60.568928">2</tspan></text>
style="stroke-width:0.15125;stroke-dasharray:none"
x="54.950985"
y="60.682537">2</tspan></text>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.6 KiB

After

Width:  |  Height:  |  Size: 5.6 KiB

40
public/assets/capital-letter/q_l1.svg
View File

@ -10,6 +10,7 @@
inkscape:export-filename="q.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
sodipodi:docname="q.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
@ -66,11 +67,12 @@
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1">
id="layer1"
style="display:inline">
<g
id="g8232">
id="g3930">
<ellipse
style="fill:none;fill-opacity:1;stroke:#009e40;stroke-width:6.26083;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
style="fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
id="path4236"
cx="48.311226"
cy="49.748005"
@ -78,7 +80,7 @@
ry="21.890316" />
<g
id="g2108"
transform="translate(10.906604,18.120039)">
transform="matrix(1.3838135,0,0,1.3838135,-7.439991,11.739924)">
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@ -108,10 +110,10 @@
inkscape:transform-center-y="-3.3943832" />
</g>
<g
id="g8224"
id="g3922"
style="display:none">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:4.80727;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 54.804944,61.442454 15.36525,11.365203"
id="path548" />
<path
@ -119,24 +121,24 @@
d="M 61.770124,66.700111 56.695423,62.764813"
id="path9566" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.108585;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.171208;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle9572"
cx="44.445934"
cy="69.560371"
transform="matrix(0.98885329,-0.14889318,0.16343647,0.98655386,0,0)"
rx="1.0209966"
ry="0.95945787" />
cx="43.768688"
cy="68.815323"
transform="matrix(0.98914278,-0.14695769,0.16557751,0.98619678,0,0)"
rx="1.6200933"
ry="1.5031987" />
<text
xml:space="preserve"
style="font-size:1.72222px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.0959306;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="56.287392"
y="60.568928"
style="font-size:2.71536px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.15125;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="54.950985"
y="60.682537"
id="text9650"
transform="matrix(0.92052135,-0.05319485,0.0513381,1.0833742,0,0)"><tspan
transform="matrix(0.92669894,-0.05284024,0.05168263,1.0761522,0,0)"><tspan
id="tspan9648"
style="stroke-width:0.0959306;stroke-dasharray:none"
x="56.287392"
y="60.568928">2</tspan></text>
style="stroke-width:0.15125;stroke-dasharray:none"
x="54.950985"
y="60.682537">2</tspan></text>
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.8 KiB

After

Width:  |  Height:  |  Size: 5.8 KiB

40
public/assets/capital-letter/q_l2.svg
View File

@ -10,6 +10,7 @@
inkscape:export-filename="q_l1.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
sodipodi:docname="q.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
@ -66,12 +67,13 @@
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1">
id="layer1"
style="display:inline">
<g
id="g8232"
id="g3930"
style="display:none">
<ellipse
style="fill:none;fill-opacity:1;stroke:#009e40;stroke-width:6.26083;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
style="fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
id="path4236"
cx="48.311226"
cy="49.748005"
@ -79,7 +81,7 @@
ry="21.890316" />
<g
id="g2108"
transform="translate(10.906604,18.120039)">
transform="matrix(1.3838135,0,0,1.3838135,-7.439991,11.739924)">
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@ -109,10 +111,10 @@
inkscape:transform-center-y="-3.3943832" />
</g>
<g
id="g8224"
id="g3922"
style="display:inline">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:4.80727;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 54.804944,61.442454 15.36525,11.365203"
id="path548" />
<path
@ -120,24 +122,24 @@
d="M 61.770124,66.700111 56.695423,62.764813"
id="path9566" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.108585;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.171208;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle9572"
cx="44.445934"
cy="69.560371"
transform="matrix(0.98885329,-0.14889318,0.16343647,0.98655386,0,0)"
rx="1.0209966"
ry="0.95945787" />
cx="43.768688"
cy="68.815323"
transform="matrix(0.98914278,-0.14695769,0.16557751,0.98619678,0,0)"
rx="1.6200933"
ry="1.5031987" />
<text
xml:space="preserve"
style="font-size:1.72222px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.0959306;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="56.287392"
y="60.568928"
style="font-size:2.71536px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.15125;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="54.950985"
y="60.682537"
id="text9650"
transform="matrix(0.92052135,-0.05319485,0.0513381,1.0833742,0,0)"><tspan
transform="matrix(0.92669894,-0.05284024,0.05168263,1.0761522,0,0)"><tspan
id="tspan9648"
style="stroke-width:0.0959306;stroke-dasharray:none"
x="56.287392"
y="60.568928">2</tspan></text>
style="stroke-width:0.15125;stroke-dasharray:none"
x="54.950985"
y="60.682537">2</tspan></text>
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.8 KiB

After

Width:  |  Height:  |  Size: 5.9 KiB

105
public/assets/capital-letter/r.svg
View File

@ -7,8 +7,8 @@
viewBox="0 0 100 100"
version="1.1"
id="svg5"
sodipodi:docname="b.svg"
inkscape:export-filename="p_l2.svg"
sodipodi:docname="r.svg"
inkscape:export-filename="r.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
@ -28,7 +28,7 @@
showgrid="false"
showguides="true">
<sodipodi:guide
position="85.720873,50.809963"
position="86.681974,11.825488"
orientation="1,0"
id="guide1671"
inkscape:locked="false" />
@ -108,75 +108,49 @@
id="arrow2L-6" />
</marker>
</defs>
<g
id="g1077">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:5.50539;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 48.503835,7.2773964 48.071477,78.855459"
id="path127" />
<g
id="g2108"
transform="translate(-0.7254407,-4.4774733)"
transform="matrix(1.51293,0,0,1.4679445,-25.704734,-13.517447)"
style="display:inline">
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="48.182404"
y="19.336451"
x="47.950459"
y="19.881956"
id="text9342"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="48.182404"
y="19.336451">1</tspan></text>
x="47.950459"
y="19.881956">1</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="-49.550514"
cy="-16.824097"
cx="-49.335617"
cy="-17.376713"
r="1.2760839"
transform="rotate(-178.67073)" />
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-35);paint-order:stroke fill markers"
d="m 48.371278,25.88501 c -0.0082,-2.146546 0.03446,-10.408415 0.03446,-10.408415"
d="m 48.371278,27.83679 c -0.0082,-2.146546 0.03446,-10.408415 0.03446,-10.408415"
id="path13743" />
</g>
<g
id="g1045">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 50.078881,42.699475 C 93.874653,51.841734 95.165897,-3.5730008 48.619769,7.2562447"
id="path3061" />
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 64.905674,43.301322 18.838674,35.57731"
id="path1108" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.489119;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:normal"
d="M 71.506401,54.508662 66.630224,46.04023"
id="path9576-7"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="-1.3397517"
inkscape:transform-center-y="4.6405744" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.142347;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="circle9582"
cx="-50.322662"
cy="60.497169"
transform="matrix(-0.10482327,-0.99449087,0.99627769,-0.08620189,0,0)"
rx="1.2555509"
ry="1.3407919" />
<text
xml:space="preserve"
style="font-size:2.31839px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.142334;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="60.284885"
y="49.488743"
id="text9714"
transform="matrix(1.0324615,-0.03671877,0.05488879,0.96660704,0,0)"><tspan
sodipodi:role="line"
id="tspan9712"
style="stroke:#f9f6f6;stroke-width:0.142334;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="60.284885"
y="49.488743">3</tspan></text>
<g
id="g1198"
transform="translate(3.2556029,-2.8149031)"
transform="matrix(1.5530894,0,0,1.5985957,-27.24282,-9.2466203)"
style="display:inline">
<text
xml:space="preserve"
@ -199,8 +173,9 @@
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
d="M 66.047717,6.789157 C 62.831195,5.9433878 59.42289,5.8384944 55.368578,7.0825755"
d="M 64.65593,6.4199284 C 61.487069,5.4101481 58.088643,5.1304212 53.97581,6.164726"
id="path15682" />
</g>
<g
id="g439"
style="display:none">
@ -235,4 +210,42 @@
d="m 63.603296,43.623278 c -3.114339,-1.102484 -6.629721,-0.645631 -9.243068,0.45777"
id="path9576" />
</g>
<g
id="g1270"
transform="rotate(4.0098488,78.653083,90.923881)">
<g
id="g1268">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 64.905674,43.301322 18.838674,35.57731"
id="path1258" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.489119;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:normal"
d="M 71.506401,54.508662 66.630224,46.04023"
id="path1260"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="-1.3397517"
inkscape:transform-center-y="4.6405744" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.196003;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="ellipse1262"
cx="-49.79314"
cy="60.937622"
transform="matrix(-0.09060287,-0.9958871,0.99501305,-0.09974479,0,0)"
rx="1.8583676"
ry="1.7174914" />
<text
xml:space="preserve"
style="font-size:3.1925px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.195998;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="64.716568"
y="45.406284"
id="text1266"
transform="matrix(0.95920478,-0.03952307,0.05099424,1.0404291,0,0)"><tspan
sodipodi:role="line"
id="tspan1264"
style="stroke:#f9f6f6;stroke-width:0.195998;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="64.716568"
y="45.406284">3</tspan></text>
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 11 KiB

126
public/assets/capital-letter/r_l1.svg
View File

@ -7,8 +7,8 @@
viewBox="0 0 100 100"
version="1.1"
id="svg5"
sodipodi:docname="b.svg"
inkscape:export-filename="r_l1.svg"
sodipodi:docname="r.svg"
inkscape:export-filename="r.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
@ -28,7 +28,7 @@
showgrid="false"
showguides="true">
<sodipodi:guide
position="85.720873,50.809963"
position="86.681974,11.825488"
orientation="1,0"
id="guide1671"
inkscape:locked="false" />
@ -108,80 +108,75 @@
id="arrow2L-6" />
</marker>
</defs>
<g
id="g1077">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:5.50539;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 48.503835,7.2773964 48.071477,78.855459"
id="path127" />
<g
id="g2108"
transform="translate(-0.7254407,-4.4774733)"
transform="matrix(1.51293,0,0,1.4679445,-25.704734,-13.517447)"
style="display:inline">
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="48.182404"
y="19.336451"
x="47.950459"
y="19.881956"
id="text9342"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="48.182404"
y="19.336451">1</tspan></text>
x="47.950459"
y="19.881956">1</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="-49.550514"
cy="-16.824097"
cx="-49.335617"
cy="-17.376713"
r="1.2760839"
transform="rotate(-178.67073)" />
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-35);paint-order:stroke fill markers"
d="m 48.371278,25.88501 c -0.0082,-2.146546 0.03446,-10.408415 0.03446,-10.408415"
d="m 48.371278,27.83679 c -0.0082,-2.146546 0.03446,-10.408415 0.03446,-10.408415"
id="path13743" />
</g>
<g
id="g1045"
style="display:none">
<path
style="display:none;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 50.078881,42.699475 C 93.874653,51.841734 95.165897,-3.5730008 48.619769,7.2562447"
id="path3061" />
<g
id="g2571"
style="display:none">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 64.905674,43.301322 18.838674,35.57731"
id="path1108" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.489119;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:normal"
d="M 71.506401,54.508662 66.630224,46.04023"
id="path9576-7"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="-1.3397517"
inkscape:transform-center-y="4.6405744" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.142347;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="circle9582"
cx="-50.322662"
cy="60.497169"
transform="matrix(-0.10482327,-0.99449087,0.99627769,-0.08620189,0,0)"
rx="1.2555509"
ry="1.3407919" />
id="g1198"
transform="matrix(1.5530894,0,0,1.5985957,-27.24282,-9.2466203)"
style="display:inline">
<text
xml:space="preserve"
style="font-size:2.31839px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.142334;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="60.284885"
y="49.488743"
id="text9714"
transform="matrix(1.0324615,-0.03671877,0.05488879,0.96660704,0,0)"><tspan
sodipodi:role="line"
id="tspan9712"
style="stroke:#f9f6f6;stroke-width:0.142334;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="60.284885"
y="49.488743">3</tspan></text>
style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="49.768463"
y="10.649764"
id="text15678"
transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
id="tspan15676"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
x="49.768463"
y="10.649764">2</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle15680"
cx="-50.731476"
cy="-8.3328476"
r="1.2760839"
transform="rotate(-178.35508)" />
</g>
<path
style="display:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
d="M 66.047717,6.789157 C 62.831195,5.9433878 59.42289,5.8384944 55.368578,7.0825755"
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
d="M 64.65593,6.4199284 C 61.487069,5.4101481 58.088643,5.1304212 53.97581,6.164726"
id="path15682" />
</g>
<g
id="g439"
style="display:none">
@ -216,4 +211,43 @@
d="m 63.603296,43.623278 c -3.114339,-1.102484 -6.629721,-0.645631 -9.243068,0.45777"
id="path9576" />
</g>
<g
id="g1270"
transform="rotate(4.0098488,78.653083,90.923881)"
style="display:none">
<g
id="g1268">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 64.905674,43.301322 18.838674,35.57731"
id="path1258" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.489119;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:normal"
d="M 71.506401,54.508662 66.630224,46.04023"
id="path1260"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="-1.3397517"
inkscape:transform-center-y="4.6405744" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.196003;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="ellipse1262"
cx="-49.79314"
cy="60.937622"
transform="matrix(-0.09060287,-0.9958871,0.99501305,-0.09974479,0,0)"
rx="1.8583676"
ry="1.7174914" />
<text
xml:space="preserve"
style="font-size:3.1925px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.195998;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="64.716568"
y="45.406284"
id="text1266"
transform="matrix(0.95920478,-0.03952307,0.05099424,1.0404291,0,0)"><tspan
sodipodi:role="line"
id="tspan1264"
style="stroke:#f9f6f6;stroke-width:0.195998;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="64.716568"
y="45.406284">3</tspan></text>
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.2 KiB

After

Width:  |  Height:  |  Size: 11 KiB

99
public/assets/capital-letter/r_l2.svg
View File

@ -8,7 +8,7 @@
version="1.1"
id="svg5"
sodipodi:docname="r.svg"
inkscape:export-filename="p_l2.svg"
inkscape:export-filename="r_l1.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
@ -28,7 +28,7 @@
showgrid="false"
showguides="true">
<sodipodi:guide
position="85.720873,50.809963"
position="86.681974,11.825488"
orientation="1,0"
id="guide1671"
inkscape:locked="false" />
@ -108,63 +108,51 @@
id="arrow2L-6" />
</marker>
</defs>
<g
id="g1077"
style="display:none">
<path
style="display:none;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:5.50539;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 48.503835,7.2773964 48.071477,78.855459"
id="path127" />
<g
id="g2108"
transform="translate(-0.7254407,-4.4774733)"
style="display:none">
transform="matrix(1.51293,0,0,1.4679445,-25.704734,-13.517447)"
style="display:inline">
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="48.182404"
y="19.336451"
x="47.950459"
y="19.881956"
id="text9342"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="48.182404"
y="19.336451">1</tspan></text>
x="47.950459"
y="19.881956">1</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="-49.550514"
cy="-16.824097"
cx="-49.335617"
cy="-17.376713"
r="1.2760839"
transform="rotate(-178.67073)" />
</g>
<path
style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-35);paint-order:stroke fill markers"
d="m 48.371278,25.88501 c -0.0082,-2.146546 0.03446,-10.408415 0.03446,-10.408415"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-35);paint-order:stroke fill markers"
d="m 48.371278,27.83679 c -0.0082,-2.146546 0.03446,-10.408415 0.03446,-10.408415"
id="path13743" />
</g>
<g
id="g1045"
style="display:inline">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 50.078881,42.699475 C 93.874653,51.841734 95.165897,-3.5730008 48.619769,7.2562447"
id="path3061" />
<path
style="display:none;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 64.905674,43.301322 18.838674,35.57731"
id="path1108" />
<path
style="display:none;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.489119;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:normal"
d="M 71.506401,54.508662 66.630224,46.04023"
id="path9576-7"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="-1.3397517"
inkscape:transform-center-y="4.6405744" />
<ellipse
style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.142347;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="circle9582"
cx="-50.322662"
cy="60.497169"
transform="matrix(-0.10482327,-0.99449087,0.99627769,-0.08620189,0,0)"
rx="1.2555509"
ry="1.3407919" />
<g
id="g1198"
transform="translate(3.2556029,-2.8149031)"
transform="matrix(1.5530894,0,0,1.5985957,-27.24282,-9.2466203)"
style="display:inline">
<text
xml:space="preserve"
@ -187,8 +175,9 @@
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
d="M 66.047717,6.789157 C 62.831195,5.9433878 59.42289,5.8384944 55.368578,7.0825755"
d="M 64.65593,6.4199284 C 61.487069,5.4101481 58.088643,5.1304212 53.97581,6.164726"
id="path15682" />
</g>
<g
id="g439"
style="display:none">
@ -223,4 +212,44 @@
d="m 63.603296,43.623278 c -3.114339,-1.102484 -6.629721,-0.645631 -9.243068,0.45777"
id="path9576" />
</g>
<g
id="g1270"
transform="rotate(4.0098488,78.653083,90.923881)"
style="display:none">
<g
id="g1268"
style="display:inline">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 64.905674,43.301322 18.838674,35.57731"
id="path1258" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.489119;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:normal"
d="M 71.506401,54.508662 66.630224,46.04023"
id="path1260"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="-1.3397517"
inkscape:transform-center-y="4.6405744" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.196003;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="ellipse1262"
cx="-49.79314"
cy="60.937622"
transform="matrix(-0.09060287,-0.9958871,0.99501305,-0.09974479,0,0)"
rx="1.8583676"
ry="1.7174914" />
<text
xml:space="preserve"
style="font-size:3.1925px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.195998;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="64.716568"
y="45.406284"
id="text1266"
transform="matrix(0.95920478,-0.03952307,0.05099424,1.0404291,0,0)"><tspan
sodipodi:role="line"
id="tspan1264"
style="stroke:#f9f6f6;stroke-width:0.195998;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="64.716568"
y="45.406284">3</tspan></text>
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.6 KiB

After

Width:  |  Height:  |  Size: 11 KiB

119
public/assets/capital-letter/r_l3.svg
View File

@ -7,7 +7,7 @@
viewBox="0 0 100 100"
version="1.1"
id="svg5"
sodipodi:docname="b.svg"
sodipodi:docname="r.svg"
inkscape:export-filename="r_l2.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
@ -28,7 +28,7 @@
showgrid="false"
showguides="true">
<sodipodi:guide
position="85.720873,50.809963"
position="86.681974,11.825488"
orientation="1,0"
id="guide1671"
inkscape:locked="false" />
@ -108,80 +108,52 @@
id="arrow2L-6" />
</marker>
</defs>
<g
id="g1077"
style="display:none">
<path
style="display:none;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:5.50539;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 48.503835,7.2773964 48.071477,78.855459"
id="path127" />
<g
id="g2108"
transform="translate(-0.7254407,-4.4774733)"
style="display:none">
transform="matrix(1.51293,0,0,1.4679445,-25.704734,-13.517447)"
style="display:inline">
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="48.182404"
y="19.336451"
x="47.950459"
y="19.881956"
id="text9342"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="48.182404"
y="19.336451">1</tspan></text>
x="47.950459"
y="19.881956">1</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="-49.550514"
cy="-16.824097"
cx="-49.335617"
cy="-17.376713"
r="1.2760839"
transform="rotate(-178.67073)" />
</g>
<path
style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-35);paint-order:stroke fill markers"
d="m 48.371278,25.88501 c -0.0082,-2.146546 0.03446,-10.408415 0.03446,-10.408415"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-35);paint-order:stroke fill markers"
d="m 48.371278,27.83679 c -0.0082,-2.146546 0.03446,-10.408415 0.03446,-10.408415"
id="path13743" />
</g>
<g
id="g1045"
style="display:inline">
<path
style="display:none;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:none;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 50.078881,42.699475 C 93.874653,51.841734 95.165897,-3.5730008 48.619769,7.2562447"
id="path3061" />
<g
id="g2571"
style="display:inline">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 64.905674,43.301322 18.838674,35.57731"
id="path1108" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.489119;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:normal"
d="M 71.506401,54.508662 66.630224,46.04023"
id="path9576-7"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="-1.3397517"
inkscape:transform-center-y="4.6405744" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.142347;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="circle9582"
cx="-50.322662"
cy="60.497169"
transform="matrix(-0.10482327,-0.99449087,0.99627769,-0.08620189,0,0)"
rx="1.2555509"
ry="1.3407919" />
<text
xml:space="preserve"
style="font-size:2.31839px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.142334;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="60.284885"
y="49.488743"
id="text9714"
transform="matrix(1.0324615,-0.03671877,0.05488879,0.96660704,0,0)"><tspan
sodipodi:role="line"
id="tspan9712"
style="stroke:#f9f6f6;stroke-width:0.142334;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="60.284885"
y="49.488743">3</tspan></text>
</g>
<g
id="g1198"
transform="translate(3.2556029,-2.8149031)"
style="display:none">
transform="matrix(1.5530894,0,0,1.5985957,-27.24282,-9.2466203)"
style="display:inline">
<text
xml:space="preserve"
style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@ -202,9 +174,10 @@
transform="rotate(-178.35508)" />
</g>
<path
style="display:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
d="M 66.047717,6.789157 C 62.831195,5.9433878 59.42289,5.8384944 55.368578,7.0825755"
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
d="M 64.65593,6.4199284 C 61.487069,5.4101481 58.088643,5.1304212 53.97581,6.164726"
id="path15682" />
</g>
<g
id="g439"
style="display:none">
@ -239,4 +212,44 @@
d="m 63.603296,43.623278 c -3.114339,-1.102484 -6.629721,-0.645631 -9.243068,0.45777"
id="path9576" />
</g>
<g
id="g1270"
transform="rotate(4.0098488,78.653083,90.923881)"
style="display:inline">
<g
id="g1268"
style="display:inline">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 64.905674,43.301322 18.838674,35.57731"
id="path1258" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.489119;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:normal"
d="M 71.506401,54.508662 66.630224,46.04023"
id="path1260"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="-1.3397517"
inkscape:transform-center-y="4.6405744" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.196003;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="ellipse1262"
cx="-49.79314"
cy="60.937622"
transform="matrix(-0.09060287,-0.9958871,0.99501305,-0.09974479,0,0)"
rx="1.8583676"
ry="1.7174914" />
<text
xml:space="preserve"
style="font-size:3.1925px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.195998;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="64.716568"
y="45.406284"
id="text1266"
transform="matrix(0.95920478,-0.03952307,0.05099424,1.0404291,0,0)"><tspan
sodipodi:role="line"
id="tspan1264"
style="stroke:#f9f6f6;stroke-width:0.195998;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="64.716568"
y="45.406284">3</tspan></text>
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 11 KiB

59
public/assets/capital-letter/s.svg
View File

@ -7,7 +7,7 @@
viewBox="0 0 100 100"
version="1.1"
id="svg5"
sodipodi:docname="r_l2.svg"
sodipodi:docname="s.svg"
inkscape:export-filename="r_l1.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
@ -238,54 +238,51 @@
d="m 63.603296,43.623278 c -3.114339,-1.102484 -6.629721,-0.645631 -9.243068,0.45777"
id="path9576" />
</g>
<g
id="g3129"
transform="matrix(0.73662732,0,0,0.74604247,6.6854179,2.1682713)">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 70.914766,64.564687 C 83.12471,97.252847 21.392419,99.725417 28.656741,65.493424"
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 58.923172,50.33627 C 67.91735,74.723025 22.443658,76.567668 27.794756,51.029147"
id="path353"
sodipodi:nodetypes="cc" />
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 70.126883,31.912499 C 76.335494,3.3607334 19.731851,3.9445783 29.325533,37.331171"
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 58.342796,25.976351 C 62.916228,4.6755211 21.220438,5.1110942 28.287407,30.01891"
id="path3061"
sodipodi:nodetypes="cc" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.648976;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
d="m 43.745024,12.478102 c 4.366553,-1.133674 8.993459,-1.274275 14.497344,0.393301"
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.741;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
d="m 38.909198,11.477465 c 3.216522,-0.845769 6.624827,-0.950663 10.679139,0.29342"
id="path15682" />
<text
xml:space="preserve"
style="font-size:3.12347px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.156667;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="59.988121"
y="15.338692"
style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.241;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="51.153717"
y="13.552761"
id="text15678"
transform="matrix(1.0059743,-0.0021499,0.00217908,0.99405657,0,0)"><tspan
transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
sodipodi:role="line"
id="tspan3265"
x="59.988121"
y="15.338692"><tspan
x="51.153717"
y="13.552761"
style="stroke-width:0.241;stroke-dasharray:none"><tspan
id="tspan15676"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.156667;stroke-dasharray:none;stroke-opacity:1"
x="59.988121"
y="15.338692">1</tspan></tspan><tspan
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.241;stroke-dasharray:none;stroke-opacity:1"
x="51.153717"
y="13.552761">1</tspan></tspan><tspan
sodipodi:role="line"
id="tspan3267"
x="59.988121"
y="19.243029" /></text>
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.188852;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="51.153717"
y="16.447124"
style="stroke-width:0.241;stroke-dasharray:none" /></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle15680"
cx="-61.713432"
cy="-12.355166"
transform="matrix(-0.99959825,-0.02834335,0.02907192,-0.99957732,0,0)"
rx="1.7323153"
ry="1.710489" />
cx="-52.205173"
cy="-11.192852"
transform="rotate(-178.35508)"
r="1.2760839" />
<path
style="display:inline;fill:none;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:1;paint-order:stroke fill markers"
d="M 29.522658,37.935831 C 40.132363,57.954218 61.216726,46.667725 70.537782,63.98682"
style="display:inline;fill:none;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
d="m 28.432614,30.470012 c 7.815399,14.934567 23.346717,6.514364 30.212861,19.435145"
id="path529"
sodipodi:nodetypes="cc" />
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

60
public/assets/capital-letter/t.svg
View File

@ -11,7 +11,7 @@
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="i_l1.svg"
sodipodi:docname="t.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
@ -169,63 +169,59 @@
x="0"
y="0">3</tspan></text>
</g>
<g
id="g3870"
transform="translate(0,7.4083337)">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 50.078477,7.5286417 c -0.04579,0.3074089 -0.03422,65.9377763 -0.03422,65.9377763"
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 50.080246,14.934598 c -0.05189,0.270797 -0.03877,58.08487 -0.03877,58.08487"
id="path127"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="49.168594"
y="14.241333"
style="font-size:3.92794px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.197016;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="48.673653"
y="22.417608"
id="text9342"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
sodipodi:role="line"
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="49.168594"
y="14.241333">1</tspan></text>
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.197016;stroke-dasharray:none;stroke-opacity:1"
x="48.673653"
y="22.417608">1</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.197016;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="-50.37851"
cy="-11.698981"
r="1.2760839"
cx="-50.467506"
cy="-19.472815"
r="1.7957822"
transform="rotate(-178.67073)" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 50.097748,25.009402 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
d="m 50.097748,34.534404 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
id="path13743"
sodipodi:nodetypes="cc" />
</g>
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 31.492526,14.646476 36.989722,0.113523"
id="path548" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.104558;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.153525;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle13613"
cx="13.690505"
cy="-38.537907"
transform="matrix(-0.02107702,0.99977785,-0.99966338,-0.02594463,0,0)"
rx="1.2327613"
ry="1.1111807" />
cx="13.666509"
cy="-38.295013"
transform="matrix(-0.02359428,0.99972162,-0.99973138,-0.02317688,0,0)"
rx="1.7108681"
ry="1.7261965" />
<text
xml:space="preserve"
style="font-size:2.41325px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.114;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="37.391117"
y="15.959682"
style="font-size:3.54345px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.16739;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="34.712971"
y="17.022144"
id="text13723"
transform="rotate(-0.68318798)"><tspan
transform="matrix(1.0579865,-0.01126928,0.0126159,0.94505729,0,0)"><tspan
sodipodi:role="line"
id="tspan13721"
style="fill:#ffffff;fill-opacity:1;stroke-width:0.114;stroke-dasharray:none"
x="37.391117"
y="15.959682">2</tspan></text>
style="fill:#ffffff;fill-opacity:1;stroke-width:0.16739;stroke-dasharray:none"
x="34.712971"
y="17.022144">2</tspan></text>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.391;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 51.113705,14.621666 c -2.146501,0.01635 -10.408471,0.0051 -10.408471,0.0051"

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 10 KiB

63
public/assets/capital-letter/t_l1.svg
View File

@ -11,7 +11,7 @@
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="i_l1.svg"
sodipodi:docname="t.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
@ -170,54 +170,69 @@
y="0">3</tspan></text>
</g>
<g
id="g3870"
transform="translate(0,7.4083337)">
id="g1017">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 50.078477,7.5286417 c -0.04579,0.3074089 -0.03422,65.9377763 -0.03422,65.9377763"
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 50.080246,14.934598 c -0.05189,0.270797 -0.03877,58.08487 -0.03877,58.08487"
id="path127"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="49.168594"
y="14.241333"
style="font-size:3.92794px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.197016;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="48.673653"
y="22.417608"
id="text9342"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
sodipodi:role="line"
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="49.168594"
y="14.241333">1</tspan></text>
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.197016;stroke-dasharray:none;stroke-opacity:1"
x="48.673653"
y="22.417608">1</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.197016;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="-50.37851"
cy="-11.698981"
r="1.2760839"
cx="-50.467506"
cy="-19.472815"
r="1.7957822"
transform="rotate(-178.67073)" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 50.097748,25.009402 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
d="m 50.097748,34.534404 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
id="path13743"
sodipodi:nodetypes="cc" />
</g>
<g
id="g1010"
style="display:none">
<path
style="display:none;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 31.492526,14.646476 36.989722,0.113523"
id="path548" />
<ellipse
style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.104558;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.153525;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle13613"
cx="13.690505"
cy="-38.537907"
transform="matrix(-0.02107702,0.99977785,-0.99966338,-0.02594463,0,0)"
rx="1.2327613"
ry="1.1111807" />
cx="13.666509"
cy="-38.295013"
transform="matrix(-0.02359428,0.99972162,-0.99973138,-0.02317688,0,0)"
rx="1.7108681"
ry="1.7261965" />
<text
xml:space="preserve"
style="font-size:3.54345px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.16739;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="34.712971"
y="17.022144"
id="text13723"
transform="matrix(1.0579865,-0.01126928,0.0126159,0.94505729,0,0)"><tspan
sodipodi:role="line"
id="tspan13721"
style="fill:#ffffff;fill-opacity:1;stroke-width:0.16739;stroke-dasharray:none"
x="34.712971"
y="17.022144">2</tspan></text>
<path
style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.391;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.391;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 51.113705,14.621666 c -2.146501,0.01635 -10.408471,0.0051 -10.408471,0.0051"
id="path13749"
sodipodi:nodetypes="cc" />
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.7 KiB

After

Width:  |  Height:  |  Size: 10 KiB

63
public/assets/capital-letter/t_l2.svg
View File

@ -11,7 +11,7 @@
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="i_l1.svg"
sodipodi:docname="t.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
@ -170,67 +170,70 @@
y="0">3</tspan></text>
</g>
<g
id="g3870"
transform="translate(0,7.4083337)"
id="g1017"
style="display:none">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 50.078477,7.5286417 c -0.04579,0.3074089 -0.03422,65.9377763 -0.03422,65.9377763"
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 50.080246,14.934598 c -0.05189,0.270797 -0.03877,58.08487 -0.03877,58.08487"
id="path127"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="49.168594"
y="14.241333"
style="font-size:3.92794px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.197016;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="48.673653"
y="22.417608"
id="text9342"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
sodipodi:role="line"
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="49.168594"
y="14.241333">1</tspan></text>
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.197016;stroke-dasharray:none;stroke-opacity:1"
x="48.673653"
y="22.417608">1</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.197016;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="-50.37851"
cy="-11.698981"
r="1.2760839"
cx="-50.467506"
cy="-19.472815"
r="1.7957822"
transform="rotate(-178.67073)" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 50.097748,25.009402 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
d="m 50.097748,34.534404 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
id="path13743"
sodipodi:nodetypes="cc" />
</g>
<g
id="g1010"
style="display:inline">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 31.492526,14.646476 36.989722,0.113523"
id="path548" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.104558;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.153525;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle13613"
cx="13.690505"
cy="-38.537907"
transform="matrix(-0.02107702,0.99977785,-0.99966338,-0.02594463,0,0)"
rx="1.2327613"
ry="1.1111807" />
cx="13.666509"
cy="-38.295013"
transform="matrix(-0.02359428,0.99972162,-0.99973138,-0.02317688,0,0)"
rx="1.7108681"
ry="1.7261965" />
<text
xml:space="preserve"
style="font-size:2.41325px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.114;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="37.391117"
y="15.959682"
style="font-size:3.54345px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.16739;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="34.712971"
y="17.022144"
id="text13723"
transform="rotate(-0.68318798)"><tspan
transform="matrix(1.0579865,-0.01126928,0.0126159,0.94505729,0,0)"><tspan
sodipodi:role="line"
id="tspan13721"
style="fill:#ffffff;fill-opacity:1;stroke-width:0.114;stroke-dasharray:none"
x="37.391117"
y="15.959682">2</tspan></text>
style="fill:#ffffff;fill-opacity:1;stroke-width:0.16739;stroke-dasharray:none"
x="34.712971"
y="17.022144">2</tspan></text>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.391;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 51.113705,14.621666 c -2.146501,0.01635 -10.408471,0.0051 -10.408471,0.0051"
id="path13749"
sodipodi:nodetypes="cc" />
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 10 KiB

33
public/assets/capital-letter/u.svg
View File

@ -11,7 +11,7 @@
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="t_l1.svg"
sodipodi:docname="u.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
@ -170,29 +170,30 @@
y="0">3</tspan></text>
</g>
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 32.268708,11.329463 C 32.026705,41.28471 29.19412,58.328236 50.141441,58.918939 70.369093,58.119536 66.682655,41.503576 67.029392,11.153713"
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 32.129709,11.184016 C 31.890877,39.244947 29.095415,55.21067 49.76821,55.764018 69.730767,55.015168 66.092642,39.449972 66.434835,11.01938"
id="path127"
sodipodi:nodetypes="ccc" />
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="31.162289"
y="15.161217"
style="font-size:4.21101px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.211214;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="29.806616"
y="14.967136"
id="text9342"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
transform="matrix(1.0235803,-0.00749064,0.00786083,0.9769054,0,0)"><tspan
sodipodi:role="line"
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="31.162289"
y="15.161217">1</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.211214;stroke-dasharray:none;stroke-opacity:1"
x="29.806616"
y="14.967136">1</tspan></text>
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.211214;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="-32.416225"
cy="-13.174402"
r="1.2760839"
transform="rotate(-178.67073)" />
cx="-32.224003"
cy="-12.208508"
transform="matrix(-0.99975525,-0.02212345,0.0243248,-0.99970411,0,0)"
rx="1.9713711"
ry="1.8801012" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 32.106076,26.596902 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.6 KiB

After

Width:  |  Height:  |  Size: 9.7 KiB

78
public/assets/capital-letter/v.svg
View File

@ -11,7 +11,7 @@
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="t_l1.svg"
sodipodi:docname="v.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
@ -147,37 +147,38 @@
y="79.868111">4</tspan></text>
</g>
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 32.939949,11.338033 c 0.05549,0.225147 13.456967,33.636249 14.037176,34.997886"
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7.97024;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 33.829025,12.414647 c 0.06795,0.326387 16.475508,48.761146 17.185864,50.735059"
id="path127"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="32.260372"
y="13.081046"
style="font-size:3.71851px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.186513;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="35.931389"
y="13.678384"
id="text9342"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
transform="matrix(0.9186073,-0.00834662,0.00705467,1.0885404,0,0)"><tspan
sodipodi:role="line"
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="32.260372"
y="13.081046">1</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.186513;stroke-dasharray:none;stroke-opacity:1"
x="35.931389"
y="13.678384">1</tspan></text>
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.186515;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="-33.425175"
cy="-11.033753"
r="1.2760839"
transform="rotate(-178.67073)" />
cx="-34.349766"
cy="-12.152223"
transform="matrix(-0.99962277,-0.02746498,0.01959343,-0.99980803,0,0)"
rx="1.5624923"
ry="1.849746" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 37.780048,23.234805 C 36.971556,21.246319 33.928605,13.565126 33.928605,13.565126"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.640934;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 39.754809,29.660929 C 38.764964,26.778298 35.039445,15.643176 35.039445,15.643176"
id="path13743"
sodipodi:nodetypes="cc" />
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:5.63206;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 60.814146,11.295417 46.830701,46.41803"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:7.97024;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 67.955702,12.352867 50.835621,63.268737"
id="path548" />
<ellipse
style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.104558;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@ -193,33 +194,34 @@
id="path13749"
sodipodi:nodetypes="cc" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 55.996317,23.234805 c 0.808492,-1.988486 3.851443,-9.669679 3.851443,-9.669679"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.640934;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 62.057182,29.660929 c 0.989846,-2.882631 4.715362,-14.017753 4.715362,-14.017753"
id="path2647"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:2.40728px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.120744;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="60.986122"
y="12.926502"
style="font-size:3.20704px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.160858;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="74.07843"
y="13.534066"
id="text2653"
transform="matrix(0.98266721,-0.00780251,0.00754663,1.0175786,0,0)"><tspan
transform="matrix(0.90306521,-0.00849028,0.0069353,1.1072745,0,0)"><tspan
sodipodi:role="line"
id="tspan2651"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.120744;stroke-dasharray:none;stroke-opacity:1"
x="60.986122"
y="12.926502">2</tspan><tspan
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.160858;stroke-dasharray:none;stroke-opacity:1"
x="74.07843"
y="13.534066">2</tspan><tspan
sodipodi:role="line"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.120744;stroke-dasharray:none;stroke-opacity:1"
x="60.986122"
y="15.935602"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.160858;stroke-dasharray:none;stroke-opacity:1"
x="74.07843"
y="17.542866"
id="tspan2758" /></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.186515;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle2655"
cx="-60.934528"
cy="-10.395414"
r="1.2760839"
transform="rotate(-178.67073)" />
cx="-68.033401"
cy="-11.226919"
transform="matrix(-0.99962277,-0.02746498,0.01959343,-0.99980803,0,0)"
rx="1.5624923"
ry="1.849746" />
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.8 KiB

After

Width:  |  Height:  |  Size: 9.9 KiB

83
public/assets/capital-letter/v_l1.svg
View File

@ -11,7 +11,7 @@
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="t_l1.svg"
sodipodi:docname="v.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
@ -146,35 +146,39 @@
x="41.672253"
y="79.868111">4</tspan></text>
</g>
<g
id="g386">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 32.939949,11.338033 c 0.05549,0.225147 13.456967,33.636249 14.037176,34.997886"
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7.97024;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 33.829025,12.414647 c 0.06795,0.326387 16.475508,48.761146 17.185864,50.735059"
id="path127"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="32.260372"
y="13.081046"
style="font-size:3.71851px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.186513;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="35.931389"
y="13.678384"
id="text9342"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
transform="matrix(0.9186073,-0.00834662,0.00705467,1.0885404,0,0)"><tspan
sodipodi:role="line"
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="32.260372"
y="13.081046">1</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.186513;stroke-dasharray:none;stroke-opacity:1"
x="35.931389"
y="13.678384">1</tspan></text>
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.186515;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="-33.425175"
cy="-11.033753"
r="1.2760839"
transform="rotate(-178.67073)" />
cx="-34.349766"
cy="-12.152223"
transform="matrix(-0.99962277,-0.02746498,0.01959343,-0.99980803,0,0)"
rx="1.5624923"
ry="1.849746" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 37.780048,23.234805 C 36.971556,21.246319 33.928605,13.565126 33.928605,13.565126"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.640934;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 39.754809,29.660929 C 38.764964,26.778298 35.039445,15.643176 35.039445,15.643176"
id="path13743"
sodipodi:nodetypes="cc" />
</g>
<ellipse
style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.104558;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle13613"
@ -189,41 +193,42 @@
id="path13749"
sodipodi:nodetypes="cc" />
<g
id="g2939"
id="g394"
style="display:none">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:5.63206;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 60.814146,11.295417 46.830701,46.41803"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:7.97024;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 67.955702,12.352867 50.835621,63.268737"
id="path548" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 55.996317,23.234805 c 0.808492,-1.988486 3.851443,-9.669679 3.851443,-9.669679"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.640934;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 62.057182,29.660929 c 0.989846,-2.882631 4.715362,-14.017753 4.715362,-14.017753"
id="path2647"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:2.40728px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.120744;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="60.986122"
y="12.926502"
style="font-size:3.20704px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.160858;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="74.07843"
y="13.534066"
id="text2653"
transform="matrix(0.98266721,-0.00780251,0.00754663,1.0175786,0,0)"><tspan
transform="matrix(0.90306521,-0.00849028,0.0069353,1.1072745,0,0)"><tspan
sodipodi:role="line"
id="tspan2651"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.120744;stroke-dasharray:none;stroke-opacity:1"
x="60.986122"
y="12.926502">2</tspan><tspan
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.160858;stroke-dasharray:none;stroke-opacity:1"
x="74.07843"
y="13.534066">2</tspan><tspan
sodipodi:role="line"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.120744;stroke-dasharray:none;stroke-opacity:1"
x="60.986122"
y="15.935602"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.160858;stroke-dasharray:none;stroke-opacity:1"
x="74.07843"
y="17.542866"
id="tspan2758" /></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.186515;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle2655"
cx="-60.934528"
cy="-10.395414"
r="1.2760839"
transform="rotate(-178.67073)" />
cx="-68.033401"
cy="-11.226919"
transform="matrix(-0.99962277,-0.02746498,0.01959343,-0.99980803,0,0)"
rx="1.5624923"
ry="1.849746" />
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.9 KiB

After

Width:  |  Height:  |  Size: 10 KiB

82
public/assets/capital-letter/v_l2.svg
View File

@ -11,7 +11,7 @@
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="t_l1.svg"
sodipodi:docname="v.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
@ -147,35 +147,36 @@
y="79.868111">4</tspan></text>
</g>
<g
id="g3072"
id="g386"
style="display:none">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 32.939949,11.338033 c 0.05549,0.225147 13.456967,33.636249 14.037176,34.997886"
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7.97024;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 33.829025,12.414647 c 0.06795,0.326387 16.475508,48.761146 17.185864,50.735059"
id="path127"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="32.260372"
y="13.081046"
style="font-size:3.71851px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.186513;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="35.931389"
y="13.678384"
id="text9342"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
transform="matrix(0.9186073,-0.00834662,0.00705467,1.0885404,0,0)"><tspan
sodipodi:role="line"
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="32.260372"
y="13.081046">1</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.186513;stroke-dasharray:none;stroke-opacity:1"
x="35.931389"
y="13.678384">1</tspan></text>
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.186515;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="-33.425175"
cy="-11.033753"
r="1.2760839"
transform="rotate(-178.67073)" />
cx="-34.349766"
cy="-12.152223"
transform="matrix(-0.99962277,-0.02746498,0.01959343,-0.99980803,0,0)"
rx="1.5624923"
ry="1.849746" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 37.780048,23.234805 C 36.971556,21.246319 33.928605,13.565126 33.928605,13.565126"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.640934;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 39.754809,29.660929 C 38.764964,26.778298 35.039445,15.643176 35.039445,15.643176"
id="path13743"
sodipodi:nodetypes="cc" />
</g>
@ -193,41 +194,42 @@
id="path13749"
sodipodi:nodetypes="cc" />
<g
id="g2939"
id="g394"
style="display:inline">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:5.63206;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 60.814146,11.295417 46.830701,46.41803"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:7.97024;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 67.955702,12.352867 50.835621,63.268737"
id="path548" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 55.996317,23.234805 c 0.808492,-1.988486 3.851443,-9.669679 3.851443,-9.669679"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.640934;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 62.057182,29.660929 c 0.989846,-2.882631 4.715362,-14.017753 4.715362,-14.017753"
id="path2647"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:2.40728px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.120744;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="60.986122"
y="12.926502"
style="font-size:3.20704px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.160858;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="74.07843"
y="13.534066"
id="text2653"
transform="matrix(0.98266721,-0.00780251,0.00754663,1.0175786,0,0)"><tspan
transform="matrix(0.90306521,-0.00849028,0.0069353,1.1072745,0,0)"><tspan
sodipodi:role="line"
id="tspan2651"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.120744;stroke-dasharray:none;stroke-opacity:1"
x="60.986122"
y="12.926502">2</tspan><tspan
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.160858;stroke-dasharray:none;stroke-opacity:1"
x="74.07843"
y="13.534066">2</tspan><tspan
sodipodi:role="line"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.120744;stroke-dasharray:none;stroke-opacity:1"
x="60.986122"
y="15.935602"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.160858;stroke-dasharray:none;stroke-opacity:1"
x="74.07843"
y="17.542866"
id="tspan2758" /></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.186515;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle2655"
cx="-60.934528"
cy="-10.395414"
r="1.2760839"
transform="rotate(-178.67073)" />
cx="-68.033401"
cy="-11.226919"
transform="matrix(-0.99962277,-0.02746498,0.01959343,-0.99980803,0,0)"
rx="1.5624923"
ry="1.849746" />
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 10 KiB

298
public/assets/capital-letter/w.svg
View File

@ -7,7 +7,7 @@
viewBox="0 0 100 100"
version="1.1"
id="svg5"
inkscape:export-filename="l_l2.svg"
inkscape:export-filename="w.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
@ -53,17 +53,17 @@
id="guide67"
inkscape:locked="false" />
<sodipodi:guide
position="45.843238,25.664552"
position="48.326066,26.477187"
orientation="0,-1"
id="guide69"
inkscape:locked="false" />
<sodipodi:guide
position="58.298235,90.013389"
position="41.348506,94.185366"
orientation="0,-1"
id="guide71"
inkscape:locked="false" />
<sodipodi:guide
position="75.035526,115.88828"
position="81.571718,27.624258"
orientation="1,0"
id="guide550"
inkscape:locked="false" />
@ -105,43 +105,58 @@
inkscape:groupmode="layer"
id="layer1"
style="display:inline">
<g
id="g1955"
style="display:inline">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.49547;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 36.528589,76.633785 C 36.273654,77.773031 26.129673,9.38668 26.129673,9.38668"
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:6.78922;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 36.990011,69.282092 C 36.721826,70.300813 26.050589,9.1493222 26.050589,9.1493222"
id="path127"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="25.600216"
y="12.34782"
style="font-size:3.12091px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.156537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="24.853783"
y="11.936646"
id="text9342"
transform="matrix(0.99960352,0.00321601,-0.00321854,1.0003863,0,0)"><tspan
transform="matrix(1.0175292,0.00315936,-0.00327625,0.98276263,0,0)"><tspan
sodipodi:role="line"
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="25.600216"
y="12.34782">1</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.156537;stroke-dasharray:none;stroke-opacity:1"
x="24.853783"
y="11.936646">1</tspan></text>
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.156541;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="-27.39192"
cy="-8.6904173"
r="1.2760839"
transform="rotate(-174.16582)" />
cx="-27.161812"
cy="-8.0847635"
transform="matrix(-0.99517315,-0.09813461,0.10528814,-0.99444176,0,0)"
rx="1.4518965"
ry="1.4022218" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 28.567521,23.594526 C 28.189417,21.481525 26.66088,13.362173 26.66088,13.362173"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.466612;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 28.61515,21.854065 C 28.217393,19.964607 26.609407,12.704232 26.609407,12.704232"
id="path13743"
sodipodi:nodetypes="cc" />
</g>
<g
id="g1948"
style="display:inline">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 36.502137,76.727184 50.890169,9.2914059"
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.466612;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 41.185764,55.216346 c -0.518284,1.868231 -2.436879,9.073892 -2.436879,9.073892"
id="path15682"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="0.31515868"
inkscape:transform-center-y="0.85727554" />
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:6.78922;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 36.962184,69.36561 52.098064,9.0641276"
id="path1108"
sodipodi:nodetypes="cc" />
<g
id="g21551"
transform="rotate(-34.110499,150.22437,76.26651)">
transform="matrix(1.0226012,-0.71297787,0.69262637,1.0526484,-29.520705,97.51591)">
<text
xml:space="preserve"
style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@ -163,118 +178,155 @@
transform="rotate(-144.24458)" />
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 40.517036,60.903915 C 40.024359,62.993176 38.20056,71.051343 38.20056,71.051343"
id="path15682"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="0.29958699"
inkscape:transform-center-y="0.95870071" />
<g
id="g2923"
style="display:inline;fill:none;fill-opacity:1;stroke:#de0029;stroke-opacity:1"
transform="matrix(1,0,0,-1,0,85.564005)">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 50.872907,76.316352 63.354702,9.1213771"
id="path1106"
sodipodi:nodetypes="cc" />
<g
id="g21538"
transform="matrix(1.1264863,0.11756911,0.12908962,-1.0259538,-25.105273,145.05901)"
style="display:inline;fill:none;fill-opacity:1;stroke:#de0029;stroke-opacity:1">
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#de0029;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="circle9582"
cx="-74.661598"
cy="60.70055"
transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
rx="1.2146922"
ry="1.1834064" />
<text
xml:space="preserve"
style="font-size:2.14253px;display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#de0029;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="59.531094"
y="75.579971"
id="text9714"
transform="scale(0.98702867,1.0131418)"><tspan
sodipodi:role="line"
id="tspan9712"
style="fill:none;fill-opacity:1;stroke:#de0029;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="59.531094"
y="75.579971">3</tspan></text>
</g>
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 53.638952,23.259516 C 53.260848,21.146515 51.732311,13.027163 51.732311,13.027163"
id="path330"
sodipodi:nodetypes="cc" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 40.517036,60.903915 C 40.024359,62.993176 38.20056,71.051343 38.20056,71.051343"
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.466612;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 41.185766,55.216346 c -0.518285,1.868231 -2.436879,9.073893 -2.436879,9.073893"
id="path332"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="0.29958699"
inkscape:transform-center-y="0.95870071" />
inkscape:transform-center-x="0.30342756"
inkscape:transform-center-y="0.87098558" />
</g>
<g
id="g2012"
style="display:inline">
<g
id="g2000"
transform="matrix(1.0386614,0,0,0.98425938,-0.95617645,0.25716002)">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 63.384965,76.425194 74.631503,8.2434807"
id="path9026"
style="display:inline;fill:none;fill-opacity:1;stroke:#de0029;stroke-width:6.71472;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 51.061955,8.99943 63.703767,70.046504"
id="path1998"
sodipodi:nodetypes="cc" />
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.466612;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 54.691701,20.617869 C 54.293944,18.728411 52.685958,11.468038 52.685958,11.468038"
id="path2002"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="50.617466"
y="11.429704"
id="text10678"
transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
style="font-size:2.80192px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.140538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="50.617058"
y="10.4682"
id="text2008"
transform="matrix(1.0096977,-0.00214198,0.00218715,0.9903908,0,0)"><tspan
sodipodi:role="line"
id="tspan10676"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
x="50.617466"
y="11.429704">3</tspan><tspan
id="tspan2004"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.140538;stroke-dasharray:none;stroke-opacity:1"
x="50.617058"
y="10.4682">3</tspan><tspan
sodipodi:role="line"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
x="50.617466"
y="14.324066"
id="tspan10789" /></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle10680"
cx="-51.603828"
cy="-9.086525"
r="1.2760839"
transform="rotate(-178.35508)" />
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.140538;stroke-dasharray:none;stroke-opacity:1"
x="50.617058"
y="13.9706"
id="tspan2006" /></text>
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.169411;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="ellipse2010"
cx="-52.237259"
cy="-7.8817549"
transform="matrix(-0.99960414,-0.02813487,0.02928733,-0.99957103,0,0)"
rx="1.5597225"
ry="1.528752" />
</g>
<g
id="g2080"
style="display:inline">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:6.75814;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 65.242051,69.248455 77.108307,9.0158542"
id="path2032"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="62.91116"
y="73.848625"
id="text10793"
transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
style="font-size:3.06431px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="65.676941"
y="67.2304"
id="text2038"
transform="matrix(0.98039544,-0.002206,0.00212367,1.0199918,0,0)"><tspan
sodipodi:role="line"
id="tspan10791"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
x="62.91116"
y="73.848625">4</tspan><tspan
id="tspan2034"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
x="65.676941"
y="67.2304">4</tspan><tspan
sodipodi:role="line"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
x="62.91116"
y="76.742989"
id="tspan10804" /></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle10795"
cx="-65.814407"
cy="-71.120781"
r="1.2760839"
transform="rotate(-178.35508)" />
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
x="65.676941"
y="71.060791"
id="tspan2036" /></text>
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.185276;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="ellipse2040"
cx="-67.276459"
cy="-65.420937"
transform="matrix(-0.99955468,-0.02984032,0.02761343,-0.99961868,0,0)"
rx="1.6563584"
ry="1.721797" />
<text
xml:space="preserve"
style="font-size:3.06431px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="65.676941"
y="67.2304"
id="text2046"
transform="matrix(0.98039544,-0.002206,0.00212367,1.0199918,0,0)"><tspan
sodipodi:role="line"
id="tspan2042"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
x="65.676941"
y="67.2304">4</tspan><tspan
sodipodi:role="line"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
x="65.676941"
y="71.060791"
id="tspan2044" /></text>
<text
xml:space="preserve"
style="font-size:3.06431px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="65.676941"
y="67.2304"
id="text2052"
transform="matrix(0.98039544,-0.002206,0.00212367,1.0199918,0,0)"><tspan
sodipodi:role="line"
id="tspan2048"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
x="65.676941"
y="67.2304">4</tspan><tspan
sodipodi:role="line"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
x="65.676941"
y="71.060791"
id="tspan2050" /></text>
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.185276;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="ellipse2054"
cx="-67.276459"
cy="-65.420937"
transform="matrix(-0.99955468,-0.02984032,0.02761343,-0.99961868,0,0)"
rx="1.6563584"
ry="1.721797" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 66.446219,60.903915 c -0.492677,2.089261 -2.316476,10.147428 -2.316476,10.147428"
id="path10799"
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.468122;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 68.4465,56.005897 c -0.51746,1.883378 -2.43297,9.147462 -2.43297,9.147462"
id="path2056"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="0.29958699"
inkscape:transform-center-y="0.95870071" />
inkscape:transform-center-x="0.30342762"
inkscape:transform-center-y="0.87098558" />
<text
xml:space="preserve"
style="font-size:3.06431px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="65.676941"
y="67.2304"
id="text2062"
transform="matrix(0.98039544,-0.002206,0.00212367,1.0199918,0,0)"><tspan
sodipodi:role="line"
id="tspan2058"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
x="65.676941"
y="67.2304">4</tspan><tspan
sodipodi:role="line"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
x="65.676941"
y="71.060791"
id="tspan2060" /></text>
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 16 KiB

280
public/assets/capital-letter/w_l1.svg
View File

@ -7,7 +7,7 @@
viewBox="0 0 100 100"
version="1.1"
id="svg5"
inkscape:export-filename="l_l2.svg"
inkscape:export-filename="W_l1.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
@ -53,17 +53,17 @@
id="guide67"
inkscape:locked="false" />
<sodipodi:guide
position="45.843238,25.664552"
position="48.326066,26.477187"
orientation="0,-1"
id="guide69"
inkscape:locked="false" />
<sodipodi:guide
position="58.298235,90.013389"
position="41.348506,94.185366"
orientation="0,-1"
id="guide71"
inkscape:locked="false" />
<sodipodi:guide
position="75.035526,115.88828"
position="81.571718,27.624258"
orientation="1,0"
id="guide550"
inkscape:locked="false" />
@ -105,44 +105,58 @@
inkscape:groupmode="layer"
id="layer1"
style="display:inline">
<g
id="g1955"
style="display:inline">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.49547;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 36.528589,76.633785 C 36.273654,77.773031 26.129673,9.38668 26.129673,9.38668"
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:6.78922;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 36.990011,69.282092 C 36.721826,70.300813 26.050589,9.1493222 26.050589,9.1493222"
id="path127"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="25.600216"
y="12.34782"
style="font-size:3.12091px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.156537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="24.853783"
y="11.936646"
id="text9342"
transform="matrix(0.99960352,0.00321601,-0.00321854,1.0003863,0,0)"><tspan
transform="matrix(1.0175292,0.00315936,-0.00327625,0.98276263,0,0)"><tspan
sodipodi:role="line"
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="25.600216"
y="12.34782">1</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.156537;stroke-dasharray:none;stroke-opacity:1"
x="24.853783"
y="11.936646">1</tspan></text>
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.156541;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="-27.39192"
cy="-8.6904173"
r="1.2760839"
transform="rotate(-174.16582)" />
cx="-27.161812"
cy="-8.0847635"
transform="matrix(-0.99517315,-0.09813461,0.10528814,-0.99444176,0,0)"
rx="1.4518965"
ry="1.4022218" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 28.567521,23.594526 C 28.189417,21.481525 26.66088,13.362173 26.66088,13.362173"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.466612;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 28.61515,21.854065 C 28.217393,19.964607 26.609407,12.704232 26.609407,12.704232"
id="path13743"
sodipodi:nodetypes="cc" />
</g>
<g
id="g1948"
style="display:none">
<path
style="display:none;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 36.791767,76.957835 51.179799,9.522057"
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.466612;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 41.185764,55.216346 c -0.518284,1.868231 -2.436879,9.073892 -2.436879,9.073892"
id="path15682"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="0.31515868"
inkscape:transform-center-y="0.85727554" />
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:6.78922;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 36.962184,69.36561 52.098064,9.0641276"
id="path1108"
sodipodi:nodetypes="cc" />
<g
id="g21551"
transform="rotate(-34.110499,150.22437,76.26651)"
style="display:none">
transform="matrix(1.0226012,-0.71297787,0.69262637,1.0526484,-29.520705,97.51591)">
<text
xml:space="preserve"
style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@ -164,93 +178,155 @@
transform="rotate(-144.24458)" />
</g>
<path
style="display:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 40.517036,60.903915 C 40.024359,62.993176 38.20056,71.051343 38.20056,71.051343"
id="path15682"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="0.29958699"
inkscape:transform-center-y="0.95870071" />
<g
id="g2923"
style="display:none"
transform="matrix(1,0,0,-1,0,85.564005)">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 51.100614,76.117198 63.354702,9.1213771"
id="path1106"
sodipodi:nodetypes="cc" />
<g
id="g21538"
transform="matrix(1.1264863,0.11756911,0.12908962,-1.0259538,-25.105273,145.05901)"
style="display:inline">
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="circle9582"
cx="-74.661598"
cy="60.70055"
transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
rx="1.2146922"
ry="1.1834064" />
<text
xml:space="preserve"
style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="59.531094"
y="75.579971"
id="text9714"
transform="scale(0.98702867,1.0131418)"><tspan
sodipodi:role="line"
id="tspan9712"
style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="59.531094"
y="75.579971">3</tspan></text>
</g>
</g>
<path
style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 53.638952,23.259516 C 53.260848,21.146515 51.732311,13.027163 51.732311,13.027163"
id="path330"
sodipodi:nodetypes="cc" />
<path
style="display:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 40.517036,60.903915 C 40.024359,62.993176 38.20056,71.051343 38.20056,71.051343"
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.466612;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 41.185766,55.216346 c -0.518285,1.868231 -2.436879,9.073893 -2.436879,9.073893"
id="path332"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="0.29958699"
inkscape:transform-center-y="0.95870071" />
inkscape:transform-center-x="0.30342756"
inkscape:transform-center-y="0.87098558" />
</g>
<g
id="g460"
id="g2012"
style="display:none">
<g
id="g2000"
transform="matrix(1.0386614,0,0,0.98425938,-0.95617645,0.25716002)">
<path
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 74.505969,9.235039 c 0.02459,0.303469 -10.968822,67.29474 -10.968822,67.29474"
id="path15674"
style="display:inline;fill:none;fill-opacity:1;stroke:#de0029;stroke-width:6.71472;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 51.061955,8.99943 63.703767,70.046504"
id="path1998"
sodipodi:nodetypes="cc" />
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 66.446219,60.903915 c -0.492677,2.089261 -2.316476,10.147428 -2.316476,10.147428"
id="path340"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="0.29958699"
inkscape:transform-center-y="0.95870071" />
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.466612;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 54.691701,20.617869 C 54.293944,18.728411 52.685958,11.468038 52.685958,11.468038"
id="path2002"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="62.785896"
y="73.803139"
id="text344"
transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
style="font-size:2.80192px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.140538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="50.617058"
y="10.4682"
id="text2008"
transform="matrix(1.0096977,-0.00214198,0.00218715,0.9903908,0,0)"><tspan
sodipodi:role="line"
id="tspan342"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
x="62.785896"
y="73.803139">4</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle346"
cx="-65.687851"
cy="-71.079163"
r="1.2760839"
transform="rotate(-178.35508)" />
id="tspan2004"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.140538;stroke-dasharray:none;stroke-opacity:1"
x="50.617058"
y="10.4682">3</tspan><tspan
sodipodi:role="line"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.140538;stroke-dasharray:none;stroke-opacity:1"
x="50.617058"
y="13.9706"
id="tspan2006" /></text>
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.169411;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="ellipse2010"
cx="-52.237259"
cy="-7.8817549"
transform="matrix(-0.99960414,-0.02813487,0.02928733,-0.99957103,0,0)"
rx="1.5597225"
ry="1.528752" />
</g>
<g
id="g2080"
style="display:none">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:6.75814;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 65.242051,69.248455 77.108307,9.0158542"
id="path2032"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:3.06431px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="65.676941"
y="67.2304"
id="text2038"
transform="matrix(0.98039544,-0.002206,0.00212367,1.0199918,0,0)"><tspan
sodipodi:role="line"
id="tspan2034"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
x="65.676941"
y="67.2304">4</tspan><tspan
sodipodi:role="line"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
x="65.676941"
y="71.060791"
id="tspan2036" /></text>
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.185276;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="ellipse2040"
cx="-67.276459"
cy="-65.420937"
transform="matrix(-0.99955468,-0.02984032,0.02761343,-0.99961868,0,0)"
rx="1.6563584"
ry="1.721797" />
<text
xml:space="preserve"
style="font-size:3.06431px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="65.676941"
y="67.2304"
id="text2046"
transform="matrix(0.98039544,-0.002206,0.00212367,1.0199918,0,0)"><tspan
sodipodi:role="line"
id="tspan2042"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
x="65.676941"
y="67.2304">4</tspan><tspan
sodipodi:role="line"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
x="65.676941"
y="71.060791"
id="tspan2044" /></text>
<text
xml:space="preserve"
style="font-size:3.06431px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="65.676941"
y="67.2304"
id="text2052"
transform="matrix(0.98039544,-0.002206,0.00212367,1.0199918,0,0)"><tspan
sodipodi:role="line"
id="tspan2048"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
x="65.676941"
y="67.2304">4</tspan><tspan
sodipodi:role="line"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
x="65.676941"
y="71.060791"
id="tspan2050" /></text>
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.185276;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="ellipse2054"
cx="-67.276459"
cy="-65.420937"
transform="matrix(-0.99955468,-0.02984032,0.02761343,-0.99961868,0,0)"
rx="1.6563584"
ry="1.721797" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.468122;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 68.4465,56.005897 c -0.51746,1.883378 -2.43297,9.147462 -2.43297,9.147462"
id="path2056"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="0.30342762"
inkscape:transform-center-y="0.87098558" />
<text
xml:space="preserve"
style="font-size:3.06431px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="65.676941"
y="67.2304"
id="text2062"
transform="matrix(0.98039544,-0.002206,0.00212367,1.0199918,0,0)"><tspan
sodipodi:role="line"
id="tspan2058"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
x="65.676941"
y="67.2304">4</tspan><tspan
sodipodi:role="line"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
x="65.676941"
y="71.060791"
id="tspan2060" /></text>
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 16 KiB

280
public/assets/capital-letter/w_l2.svg
View File

@ -7,11 +7,11 @@
viewBox="0 0 100 100"
version="1.1"
id="svg5"
inkscape:export-filename="w_l1.png"
inkscape:export-filename="W_l2.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="w_l2.svg"
sodipodi:docname="w.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
@ -53,17 +53,17 @@
id="guide67"
inkscape:locked="false" />
<sodipodi:guide
position="45.843238,25.664552"
position="48.326066,26.477187"
orientation="0,-1"
id="guide69"
inkscape:locked="false" />
<sodipodi:guide
position="58.298235,90.013389"
position="41.348506,94.185366"
orientation="0,-1"
id="guide71"
inkscape:locked="false" />
<sodipodi:guide
position="75.035526,115.88828"
position="81.571718,27.624258"
orientation="1,0"
id="guide550"
inkscape:locked="false" />
@ -105,32 +105,58 @@
inkscape:groupmode="layer"
id="layer1"
style="display:inline">
<g
id="g1955"
style="display:none">
<path
style="display:none;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.49547;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 36.528589,76.633785 C 36.273654,77.773031 26.129673,9.38668 26.129673,9.38668"
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:6.78922;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 36.990011,69.282092 C 36.721826,70.300813 26.050589,9.1493222 26.050589,9.1493222"
id="path127"
sodipodi:nodetypes="cc" />
<circle
style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
<text
xml:space="preserve"
style="font-size:3.12091px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.156537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="24.853783"
y="11.936646"
id="text9342"
transform="matrix(1.0175292,0.00315936,-0.00327625,0.98276263,0,0)"><tspan
sodipodi:role="line"
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.156537;stroke-dasharray:none;stroke-opacity:1"
x="24.853783"
y="11.936646">1</tspan></text>
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.156541;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="-27.39192"
cy="-8.6904173"
r="1.2760839"
transform="rotate(-174.16582)" />
cx="-27.161812"
cy="-8.0847635"
transform="matrix(-0.99517315,-0.09813461,0.10528814,-0.99444176,0,0)"
rx="1.4518965"
ry="1.4022218" />
<path
style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 28.567521,23.594526 C 28.189417,21.481525 26.66088,13.362173 26.66088,13.362173"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.466612;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 28.61515,21.854065 C 28.217393,19.964607 26.609407,12.704232 26.609407,12.704232"
id="path13743"
sodipodi:nodetypes="cc" />
</g>
<g
id="g1948"
style="display:inline">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 36.791767,76.957835 51.179799,9.522057"
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.466612;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 41.185764,55.216346 c -0.518284,1.868231 -2.436879,9.073892 -2.436879,9.073892"
id="path15682"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="0.31515868"
inkscape:transform-center-y="0.85727554" />
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:6.78922;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 36.962184,69.36561 52.098064,9.0641276"
id="path1108"
sodipodi:nodetypes="cc" />
<g
id="g21551"
transform="rotate(-34.110499,150.22437,76.26651)"
style="display:inline">
transform="matrix(1.0226012,-0.71297787,0.69262637,1.0526484,-29.520705,97.51591)">
<text
xml:space="preserve"
style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@ -152,93 +178,155 @@
transform="rotate(-144.24458)" />
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 40.517036,60.903915 C 40.024359,62.993176 38.20056,71.051343 38.20056,71.051343"
id="path15682"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="0.29958699"
inkscape:transform-center-y="0.95870071" />
<g
id="g2923"
style="display:none"
transform="matrix(1,0,0,-1,0,85.564005)">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 51.100614,76.117198 63.354702,9.1213771"
id="path1106"
sodipodi:nodetypes="cc" />
<g
id="g21538"
transform="matrix(1.1264863,0.11756911,0.12908962,-1.0259538,-25.105273,145.05901)"
style="display:inline">
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="circle9582"
cx="-74.661598"
cy="60.70055"
transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
rx="1.2146922"
ry="1.1834064" />
<text
xml:space="preserve"
style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="59.531094"
y="75.579971"
id="text9714"
transform="scale(0.98702867,1.0131418)"><tspan
sodipodi:role="line"
id="tspan9712"
style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="59.531094"
y="75.579971">3</tspan></text>
</g>
</g>
<path
style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 53.638952,23.259516 C 53.260848,21.146515 51.732311,13.027163 51.732311,13.027163"
id="path330"
sodipodi:nodetypes="cc" />
<path
style="display:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 40.517036,60.903915 C 40.024359,62.993176 38.20056,71.051343 38.20056,71.051343"
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.466612;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 41.185766,55.216346 c -0.518285,1.868231 -2.436879,9.073893 -2.436879,9.073893"
id="path332"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="0.29958699"
inkscape:transform-center-y="0.95870071" />
inkscape:transform-center-x="0.30342756"
inkscape:transform-center-y="0.87098558" />
</g>
<g
id="g460"
id="g2012"
style="display:none">
<g
id="g2000"
transform="matrix(1.0386614,0,0,0.98425938,-0.95617645,0.25716002)">
<path
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 74.505969,9.235039 c 0.02459,0.303469 -10.968822,67.29474 -10.968822,67.29474"
id="path15674"
style="display:inline;fill:none;fill-opacity:1;stroke:#de0029;stroke-width:6.71472;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 51.061955,8.99943 63.703767,70.046504"
id="path1998"
sodipodi:nodetypes="cc" />
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 66.446219,60.903915 c -0.492677,2.089261 -2.316476,10.147428 -2.316476,10.147428"
id="path340"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="0.29958699"
inkscape:transform-center-y="0.95870071" />
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.466612;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 54.691701,20.617869 C 54.293944,18.728411 52.685958,11.468038 52.685958,11.468038"
id="path2002"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="62.785896"
y="73.803139"
id="text344"
transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
style="font-size:2.80192px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.140538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="50.617058"
y="10.4682"
id="text2008"
transform="matrix(1.0096977,-0.00214198,0.00218715,0.9903908,0,0)"><tspan
sodipodi:role="line"
id="tspan342"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
x="62.785896"
y="73.803139">4</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle346"
cx="-65.687851"
cy="-71.079163"
r="1.2760839"
transform="rotate(-178.35508)" />
id="tspan2004"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.140538;stroke-dasharray:none;stroke-opacity:1"
x="50.617058"
y="10.4682">3</tspan><tspan
sodipodi:role="line"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.140538;stroke-dasharray:none;stroke-opacity:1"
x="50.617058"
y="13.9706"
id="tspan2006" /></text>
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.169411;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="ellipse2010"
cx="-52.237259"
cy="-7.8817549"
transform="matrix(-0.99960414,-0.02813487,0.02928733,-0.99957103,0,0)"
rx="1.5597225"
ry="1.528752" />
</g>
<g
id="g2080"
style="display:none">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:6.75814;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 65.242051,69.248455 77.108307,9.0158542"
id="path2032"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:3.06431px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="65.676941"
y="67.2304"
id="text2038"
transform="matrix(0.98039544,-0.002206,0.00212367,1.0199918,0,0)"><tspan
sodipodi:role="line"
id="tspan2034"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
x="65.676941"
y="67.2304">4</tspan><tspan
sodipodi:role="line"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
x="65.676941"
y="71.060791"
id="tspan2036" /></text>
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.185276;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="ellipse2040"
cx="-67.276459"
cy="-65.420937"
transform="matrix(-0.99955468,-0.02984032,0.02761343,-0.99961868,0,0)"
rx="1.6563584"
ry="1.721797" />
<text
xml:space="preserve"
style="font-size:3.06431px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="65.676941"
y="67.2304"
id="text2046"
transform="matrix(0.98039544,-0.002206,0.00212367,1.0199918,0,0)"><tspan
sodipodi:role="line"
id="tspan2042"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
x="65.676941"
y="67.2304">4</tspan><tspan
sodipodi:role="line"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
x="65.676941"
y="71.060791"
id="tspan2044" /></text>
<text
xml:space="preserve"
style="font-size:3.06431px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="65.676941"
y="67.2304"
id="text2052"
transform="matrix(0.98039544,-0.002206,0.00212367,1.0199918,0,0)"><tspan
sodipodi:role="line"
id="tspan2048"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
x="65.676941"
y="67.2304">4</tspan><tspan
sodipodi:role="line"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
x="65.676941"
y="71.060791"
id="tspan2050" /></text>
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.185276;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="ellipse2054"
cx="-67.276459"
cy="-65.420937"
transform="matrix(-0.99955468,-0.02984032,0.02761343,-0.99961868,0,0)"
rx="1.6563584"
ry="1.721797" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.468122;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 68.4465,56.005897 c -0.51746,1.883378 -2.43297,9.147462 -2.43297,9.147462"
id="path2056"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="0.30342762"
inkscape:transform-center-y="0.87098558" />
<text
xml:space="preserve"
style="font-size:3.06431px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="65.676941"
y="67.2304"
id="text2062"
transform="matrix(0.98039544,-0.002206,0.00212367,1.0199918,0,0)"><tspan
sodipodi:role="line"
id="tspan2058"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
x="65.676941"
y="67.2304">4</tspan><tspan
sodipodi:role="line"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
x="65.676941"
y="71.060791"
id="tspan2060" /></text>
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 16 KiB

309
public/assets/capital-letter/w_l3.svg
View File

@ -7,11 +7,11 @@
viewBox="0 0 100 100"
version="1.1"
id="svg5"
inkscape:export-filename="w_l2.svg"
inkscape:export-filename="W_l3.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="w_l3.svg"
sodipodi:docname="w.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
@ -53,17 +53,17 @@
id="guide67"
inkscape:locked="false" />
<sodipodi:guide
position="45.843238,25.664552"
position="48.326066,26.477187"
orientation="0,-1"
id="guide69"
inkscape:locked="false" />
<sodipodi:guide
position="58.298235,90.013389"
position="41.348506,94.185366"
orientation="0,-1"
id="guide71"
inkscape:locked="false" />
<sodipodi:guide
position="75.035526,115.88828"
position="81.571718,27.624258"
orientation="1,0"
id="guide550"
inkscape:locked="false" />
@ -105,111 +105,228 @@
inkscape:groupmode="layer"
id="layer1"
style="display:inline">
<path
style="display:none;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.49547;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 36.528589,76.633785 C 36.273654,77.773031 26.129673,9.38668 26.129673,9.38668"
id="path127"
sodipodi:nodetypes="cc" />
<circle
style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="-27.39192"
cy="-8.6904173"
r="1.2760839"
transform="rotate(-174.16582)" />
<path
style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 28.567521,23.594526 C 28.189417,21.481525 26.66088,13.362173 26.66088,13.362173"
id="path13743"
sodipodi:nodetypes="cc" />
<path
style="display:none;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 36.791767,76.957835 51.179799,9.522057"
id="path1108"
sodipodi:nodetypes="cc" />
<path
style="display:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 40.517036,60.903915 C 40.024359,62.993176 38.20056,71.051343 38.20056,71.051343"
id="path15682"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="0.29958699"
inkscape:transform-center-y="0.95870071" />
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 51.100614,9.446807 63.354702,76.442628"
id="path1106"
sodipodi:nodetypes="cc" />
<g
id="g21538"
transform="matrix(1.1264863,-0.11756911,0.12908962,1.0259538,-25.105273,-59.495005)"
style="display:inline">
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="circle9582"
cx="-74.661598"
cy="60.70055"
transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
rx="1.2146922"
ry="1.1834064" />
<text
xml:space="preserve"
style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="59.531094"
y="75.579971"
id="text9714"
transform="scale(0.98702867,1.0131418)"><tspan
sodipodi:role="line"
id="tspan9712"
style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="59.531094"
y="75.579971">3</tspan></text>
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 53.638952,23.259516 C 53.260848,21.146515 51.732311,13.027163 51.732311,13.027163"
id="path330"
sodipodi:nodetypes="cc" />
<path
style="display:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 40.517036,60.903915 C 40.024359,62.993176 38.20056,71.051343 38.20056,71.051343"
id="path332"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="0.29958699"
inkscape:transform-center-y="0.95870071" />
<g
id="g460"
id="g1955"
style="display:none">
<path
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 74.505969,9.235039 c 0.02459,0.303469 -10.968822,67.29474 -10.968822,67.29474"
id="path15674"
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:6.78922;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 36.990011,69.282092 C 36.721826,70.300813 26.050589,9.1493222 26.050589,9.1493222"
id="path127"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:3.12091px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.156537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="24.853783"
y="11.936646"
id="text9342"
transform="matrix(1.0175292,0.00315936,-0.00327625,0.98276263,0,0)"><tspan
sodipodi:role="line"
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.156537;stroke-dasharray:none;stroke-opacity:1"
x="24.853783"
y="11.936646">1</tspan></text>
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.156541;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="-27.161812"
cy="-8.0847635"
transform="matrix(-0.99517315,-0.09813461,0.10528814,-0.99444176,0,0)"
rx="1.4518965"
ry="1.4022218" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 66.446219,60.903915 c -0.492677,2.089261 -2.316476,10.147428 -2.316476,10.147428"
id="path340"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.466612;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 28.61515,21.854065 C 28.217393,19.964607 26.609407,12.704232 26.609407,12.704232"
id="path13743"
sodipodi:nodetypes="cc" />
</g>
<g
id="g1948"
style="display:none">
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.466612;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 41.185764,55.216346 c -0.518284,1.868231 -2.436879,9.073892 -2.436879,9.073892"
id="path15682"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="0.29958699"
inkscape:transform-center-y="0.95870071" />
inkscape:transform-center-x="0.31515868"
inkscape:transform-center-y="0.85727554" />
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:6.78922;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 36.962184,69.36561 52.098064,9.0641276"
id="path1108"
sodipodi:nodetypes="cc" />
<g
id="g21551"
transform="matrix(1.0226012,-0.71297787,0.69262637,1.0526484,-29.520705,97.51591)">
<text
xml:space="preserve"
style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="62.785896"
y="73.803139"
id="text344"
transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
x="54.113926"
y="-23.497944"
id="text15678"
transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
sodipodi:role="line"
id="tspan342"
id="tspan15676"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
x="62.785896"
y="73.803139">4</tspan></text>
x="54.113926"
y="-23.497944">2</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle346"
cx="-65.687851"
cy="-71.079163"
id="circle15680"
cx="-54.018658"
cy="25.946033"
r="1.2760839"
transform="rotate(-178.35508)" />
transform="rotate(-144.24458)" />
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.466612;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 41.185766,55.216346 c -0.518285,1.868231 -2.436879,9.073893 -2.436879,9.073893"
id="path332"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="0.30342756"
inkscape:transform-center-y="0.87098558" />
</g>
<g
id="g2012"
style="display:inline">
<g
id="g2000"
transform="matrix(1.0386614,0,0,0.98425938,-0.95617645,0.25716002)">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#de0029;stroke-width:6.71472;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 51.061955,8.99943 63.703767,70.046504"
id="path1998"
sodipodi:nodetypes="cc" />
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.466612;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 54.691701,20.617869 C 54.293944,18.728411 52.685958,11.468038 52.685958,11.468038"
id="path2002"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:2.80192px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.140538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="50.617058"
y="10.4682"
id="text2008"
transform="matrix(1.0096977,-0.00214198,0.00218715,0.9903908,0,0)"><tspan
sodipodi:role="line"
id="tspan2004"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.140538;stroke-dasharray:none;stroke-opacity:1"
x="50.617058"
y="10.4682">3</tspan><tspan
sodipodi:role="line"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.140538;stroke-dasharray:none;stroke-opacity:1"
x="50.617058"
y="13.9706"
id="tspan2006" /></text>
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.169411;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="ellipse2010"
cx="-52.237259"
cy="-7.8817549"
transform="matrix(-0.99960414,-0.02813487,0.02928733,-0.99957103,0,0)"
rx="1.5597225"
ry="1.528752" />
</g>
<g
id="g2080"
style="display:none">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:6.75814;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 65.242051,69.248455 77.108307,9.0158542"
id="path2032"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:3.06431px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="65.676941"
y="67.2304"
id="text2038"
transform="matrix(0.98039544,-0.002206,0.00212367,1.0199918,0,0)"><tspan
sodipodi:role="line"
id="tspan2034"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
x="65.676941"
y="67.2304">4</tspan><tspan
sodipodi:role="line"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
x="65.676941"
y="71.060791"
id="tspan2036" /></text>
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.185276;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="ellipse2040"
cx="-67.276459"
cy="-65.420937"
transform="matrix(-0.99955468,-0.02984032,0.02761343,-0.99961868,0,0)"
rx="1.6563584"
ry="1.721797" />
<text
xml:space="preserve"
style="font-size:3.06431px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="65.676941"
y="67.2304"
id="text2046"
transform="matrix(0.98039544,-0.002206,0.00212367,1.0199918,0,0)"><tspan
sodipodi:role="line"
id="tspan2042"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
x="65.676941"
y="67.2304">4</tspan><tspan
sodipodi:role="line"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
x="65.676941"
y="71.060791"
id="tspan2044" /></text>
<text
xml:space="preserve"
style="font-size:3.06431px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="65.676941"
y="67.2304"
id="text2052"
transform="matrix(0.98039544,-0.002206,0.00212367,1.0199918,0,0)"><tspan
sodipodi:role="line"
id="tspan2048"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
x="65.676941"
y="67.2304">4</tspan><tspan
sodipodi:role="line"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
x="65.676941"
y="71.060791"
id="tspan2050" /></text>
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.185276;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="ellipse2054"
cx="-67.276459"
cy="-65.420937"
transform="matrix(-0.99955468,-0.02984032,0.02761343,-0.99961868,0,0)"
rx="1.6563584"
ry="1.721797" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.468122;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 68.4465,56.005897 c -0.51746,1.883378 -2.43297,9.147462 -2.43297,9.147462"
id="path2056"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="0.30342762"
inkscape:transform-center-y="0.87098558" />
<text
xml:space="preserve"
style="font-size:3.06431px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="65.676941"
y="67.2304"
id="text2062"
transform="matrix(0.98039544,-0.002206,0.00212367,1.0199918,0,0)"><tspan
sodipodi:role="line"
id="tspan2058"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
x="65.676941"
y="67.2304">4</tspan><tspan
sodipodi:role="line"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
x="65.676941"
y="71.060791"
id="tspan2060" /></text>
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.4 KiB

After

Width:  |  Height:  |  Size: 16 KiB

342
public/assets/capital-letter/w_l4.svg
View File

@ -7,8 +7,77 @@
viewBox="0 0 100 100"
version="1.1"
id="svg5"
inkscape:export-filename="W_l4.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="w.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview7"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false"
showguides="true"
inkscape:zoom="1.4478969"
inkscape:cx="172.3189"
inkscape:cy="215.48496"
inkscape:window-width="1920"
inkscape:window-height="1011"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1">
<sodipodi:guide
position="50.044837,106.13694"
orientation="1,0"
id="guide61"
inkscape:locked="false" />
<sodipodi:guide
position="37.485212,-6.7950955"
orientation="1,0"
id="guide65"
inkscape:locked="false" />
<sodipodi:guide
position="24.949927,104.14192"
orientation="1,0"
id="guide67"
inkscape:locked="false" />
<sodipodi:guide
position="48.326066,26.477187"
orientation="0,-1"
id="guide69"
inkscape:locked="false" />
<sodipodi:guide
position="41.348506,94.185366"
orientation="0,-1"
id="guide71"
inkscape:locked="false" />
<sodipodi:guide
position="81.571718,27.624258"
orientation="1,0"
id="guide550"
inkscape:locked="false" />
<sodipodi:guide
position="62.667846,-5.37532"
orientation="1,0"
id="guide1929"
inkscape:locked="false" />
<sodipodi:guide
position="9.3359693,-23.144284"
orientation="0,-1"
id="guide2737"
inkscape:locked="false" />
</sodipodi:namedview>
<defs
id="defs2">
<marker
@ -17,9 +86,12 @@
refX="0"
refY="0"
orient="auto-start-reverse"
inkscape:stockid="Arrow2"
markerWidth="7.6999998"
markerHeight="5.5999999"
viewBox="0 0 7.7 5.6"
inkscape:isstock="true"
inkscape:collect="always"
preserveAspectRatio="xMidYMid">
<path
transform="scale(0.7)"
@ -29,64 +101,232 @@
</marker>
</defs>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
style="display:inline">
<g
id="g1955"
style="display:none">
<path
style="display:none;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.49547;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 36.528589,76.633785 C 36.273654,77.773031 26.129673,9.38668 26.129673,9.38668"
id="path127" />
<circle
style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="-27.39192"
cy="-8.6904173"
r="1.2760839"
transform="rotate(-174.16582)" />
<path
style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 28.567521,23.594526 C 28.189417,21.481525 26.66088,13.362173 26.66088,13.362173"
id="path13743" />
<path
style="display:none;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 36.791767,76.957835 51.179799,9.522057"
id="path1108" />
<path
style="display:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 40.517036,60.903915 C 40.024359,62.993176 38.20056,71.051343 38.20056,71.051343"
id="path15682" />
<path
style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 53.638952,23.259516 C 53.260848,21.146515 51.732311,13.027163 51.732311,13.027163"
id="path330" />
<path
style="display:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 40.517036,60.903915 C 40.024359,62.993176 38.20056,71.051343 38.20056,71.051343"
id="path332" />
<path
style="display:inline;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 74.505969,9.235039 c 0.02459,0.303469 -10.968822,67.29474 -10.968822,67.29474"
id="path15674" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 66.446219,60.903915 c -0.492677,2.089261 -2.316476,10.147428 -2.316476,10.147428"
id="path340" />
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:6.78922;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 36.990011,69.282092 C 36.721826,70.300813 26.050589,9.1493222 26.050589,9.1493222"
id="path127"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:2.31549px;display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="62.785896"
y="73.803139"
id="text344"
transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
id="tspan342"
style="fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
x="62.785896"
y="73.803139">4</tspan></text>
style="font-size:3.12091px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.156537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="24.853783"
y="11.936646"
id="text9342"
transform="matrix(1.0175292,0.00315936,-0.00327625,0.98276263,0,0)"><tspan
sodipodi:role="line"
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.156537;stroke-dasharray:none;stroke-opacity:1"
x="24.853783"
y="11.936646">1</tspan></text>
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.156541;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="-27.161812"
cy="-8.0847635"
transform="matrix(-0.99517315,-0.09813461,0.10528814,-0.99444176,0,0)"
rx="1.4518965"
ry="1.4022218" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.466612;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 28.61515,21.854065 C 28.217393,19.964607 26.609407,12.704232 26.609407,12.704232"
id="path13743"
sodipodi:nodetypes="cc" />
</g>
<g
id="g1948"
style="display:none">
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.466612;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 41.185764,55.216346 c -0.518284,1.868231 -2.436879,9.073892 -2.436879,9.073892"
id="path15682"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="0.31515868"
inkscape:transform-center-y="0.85727554" />
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:6.78922;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 36.962184,69.36561 52.098064,9.0641276"
id="path1108"
sodipodi:nodetypes="cc" />
<g
id="g21551"
transform="matrix(1.0226012,-0.71297787,0.69262637,1.0526484,-29.520705,97.51591)">
<text
xml:space="preserve"
style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="54.113926"
y="-23.497944"
id="text15678"
transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
sodipodi:role="line"
id="tspan15676"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
x="54.113926"
y="-23.497944">2</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle346"
cx="-65.687851"
cy="-71.079163"
id="circle15680"
cx="-54.018658"
cy="25.946033"
r="1.2760839"
transform="rotate(-178.35508)" />
transform="rotate(-144.24458)" />
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.466612;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 41.185766,55.216346 c -0.518285,1.868231 -2.436879,9.073893 -2.436879,9.073893"
id="path332"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="0.30342756"
inkscape:transform-center-y="0.87098558" />
</g>
<g
id="g2012"
style="display:none">
<g
id="g2000"
transform="matrix(1.0386614,0,0,0.98425938,-0.95617645,0.25716002)">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#de0029;stroke-width:6.71472;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 51.061955,8.99943 63.703767,70.046504"
id="path1998"
sodipodi:nodetypes="cc" />
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.466612;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 54.691701,20.617869 C 54.293944,18.728411 52.685958,11.468038 52.685958,11.468038"
id="path2002"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:2.80192px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.140538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="50.617058"
y="10.4682"
id="text2008"
transform="matrix(1.0096977,-0.00214198,0.00218715,0.9903908,0,0)"><tspan
sodipodi:role="line"
id="tspan2004"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.140538;stroke-dasharray:none;stroke-opacity:1"
x="50.617058"
y="10.4682">3</tspan><tspan
sodipodi:role="line"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.140538;stroke-dasharray:none;stroke-opacity:1"
x="50.617058"
y="13.9706"
id="tspan2006" /></text>
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.169411;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="ellipse2010"
cx="-52.237259"
cy="-7.8817549"
transform="matrix(-0.99960414,-0.02813487,0.02928733,-0.99957103,0,0)"
rx="1.5597225"
ry="1.528752" />
</g>
<g
id="g2080"
style="display:inline">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:6.75814;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 65.242051,69.248455 77.108307,9.0158542"
id="path2032"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:3.06431px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="65.676941"
y="67.2304"
id="text2038"
transform="matrix(0.98039544,-0.002206,0.00212367,1.0199918,0,0)"><tspan
sodipodi:role="line"
id="tspan2034"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
x="65.676941"
y="67.2304">4</tspan><tspan
sodipodi:role="line"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
x="65.676941"
y="71.060791"
id="tspan2036" /></text>
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.185276;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="ellipse2040"
cx="-67.276459"
cy="-65.420937"
transform="matrix(-0.99955468,-0.02984032,0.02761343,-0.99961868,0,0)"
rx="1.6563584"
ry="1.721797" />
<text
xml:space="preserve"
style="font-size:3.06431px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="65.676941"
y="67.2304"
id="text2046"
transform="matrix(0.98039544,-0.002206,0.00212367,1.0199918,0,0)"><tspan
sodipodi:role="line"
id="tspan2042"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
x="65.676941"
y="67.2304">4</tspan><tspan
sodipodi:role="line"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
x="65.676941"
y="71.060791"
id="tspan2044" /></text>
<text
xml:space="preserve"
style="font-size:3.06431px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="65.676941"
y="67.2304"
id="text2052"
transform="matrix(0.98039544,-0.002206,0.00212367,1.0199918,0,0)"><tspan
sodipodi:role="line"
id="tspan2048"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
x="65.676941"
y="67.2304">4</tspan><tspan
sodipodi:role="line"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
x="65.676941"
y="71.060791"
id="tspan2050" /></text>
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.185276;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="ellipse2054"
cx="-67.276459"
cy="-65.420937"
transform="matrix(-0.99955468,-0.02984032,0.02761343,-0.99961868,0,0)"
rx="1.6563584"
ry="1.721797" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.468122;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 68.4465,56.005897 c -0.51746,1.883378 -2.43297,9.147462 -2.43297,9.147462"
id="path2056"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="0.30342762"
inkscape:transform-center-y="0.87098558" />
<text
xml:space="preserve"
style="font-size:3.06431px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="65.676941"
y="67.2304"
id="text2062"
transform="matrix(0.98039544,-0.002206,0.00212367,1.0199918,0,0)"><tspan
sodipodi:role="line"
id="tspan2058"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
x="65.676941"
y="67.2304">4</tspan><tspan
sodipodi:role="line"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
x="65.676941"
y="71.060791"
id="tspan2060" /></text>
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.0 KiB

After

Width:  |  Height:  |  Size: 16 KiB

70
public/assets/capital-letter/x.svg
View File

@ -7,7 +7,7 @@
viewBox="0 0 100 100"
version="1.1"
id="svg5"
sodipodi:docname="h.svg"
sodipodi:docname="x.svg"
inkscape:export-filename="h"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
@ -123,7 +123,7 @@
y="79.868111">4</tspan></text>
</g>
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 35.187626,4.8827424 C 35.291858,5.1755436 68.467789,65.430405 68.467789,65.430405"
id="path127"
sodipodi:nodetypes="cc" />
@ -162,76 +162,22 @@
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="35.215538"
y="7.1380835">1</tspan></text>
<g
id="g18711"
style="display:inline"
transform="rotate(28.128208,55.833511,40.085267)">
<path
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 48.691107,4.2121653 C 48.645317,4.5195742 46.970914,73.652223 46.970914,73.652223"
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 66.446896,5.081704 C 66.261587,5.3312189 32.192621,65.509556 32.192621,65.509556"
id="path15674"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:2.31549px;display:none;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="61.848087"
y="10.675919"
id="text15678"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
id="tspan15676"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
x="61.848087"
y="10.675919">2</tspan></text>
<circle
style="display:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle15680"
cx="-62.801434"
cy="-7.9862614"
cx="-74.381485"
cy="23.347574"
r="1.2760839"
transform="rotate(-178.67073)" />
transform="rotate(-150.54252)" />
<path
style="display:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
d="m 62.603456,21.585866 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
d="m 70.525361,26.962404 c 0.997187,-1.900882 4.90086,-9.182477 4.90086,-9.182477"
id="path15682" />
<g
id="g14279"
style="display:none"
transform="matrix(1.2524894,0,0,1.0646672,-15.680188,-38.054966)">
<g
id="g18704"
style="display:none">
<path
style="display:none;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:4.47293;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 39.142669,73.987028 21.401647,0.110198"
id="path1108" />
<path
style="display:none;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.391436;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="M 48.688134,73.955975 41.183058,73.814371"
id="path9576" />
<ellipse
style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.11391;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="circle9582"
cx="-72.913704"
cy="40.918648"
transform="matrix(0.01563487,-0.99987777,0.99974017,0.02279479,0,0)"
rx="1.140859"
ry="0.94491148"
inkscape:transform-center-x="0.14086477"
inkscape:transform-center-y="0.27373721" />
<text
xml:space="preserve"
style="font-size:1.85538px;display:none;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.113908;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="43.211548"
y="67.832787"
id="text9714"
transform="scale(0.91001737,1.0988801)"><tspan
id="tspan9712"
style="stroke:#f9f6f6;stroke-width:0.113908;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="43.211548"
y="67.832787">3</tspan></text>
</g>
</g>
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 60.080402,16.691065 c 0.993446,-1.902841 4.882789,-9.1921006 4.882789,-9.1921006"

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 9.2 KiB

79
public/assets/capital-letter/x_l1.svg
View File

@ -7,7 +7,7 @@
viewBox="0 0 100 100"
version="1.1"
id="svg5"
sodipodi:docname="h.svg"
sodipodi:docname="x.svg"
inkscape:export-filename="x.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
@ -122,8 +122,10 @@
x="41.672253"
y="79.868111">4</tspan></text>
</g>
<g
id="g1812">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 35.187626,4.8827424 C 35.291858,5.1755436 68.467789,65.430405 68.467789,65.430405"
id="path127"
sodipodi:nodetypes="cc" />
@ -162,79 +164,26 @@
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="35.215538"
y="7.1380835">1</tspan></text>
<g
id="g1211"
style="display:none">
<g
id="g18711"
style="display:inline"
transform="rotate(28.128208,55.833511,40.085267)">
<path
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 48.691107,4.2121653 C 48.645317,4.5195742 46.970914,73.652223 46.970914,73.652223"
id="path15674"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:2.31549px;display:none;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="61.848087"
y="10.675919"
id="text15678"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
id="tspan15676"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
x="61.848087"
y="10.675919">2</tspan></text>
</g>
<circle
style="display:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle15680"
cx="-62.801434"
cy="-7.9862614"
cx="-74.381485"
cy="23.347574"
r="1.2760839"
transform="rotate(-178.67073)" />
transform="rotate(-150.54252)" />
<path
style="display:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
d="m 62.603456,21.585866 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
d="m 70.525361,26.962404 c 0.997187,-1.900882 4.90086,-9.182477 4.90086,-9.182477"
id="path15682" />
<g
id="g14279"
style="display:none"
transform="matrix(1.2524894,0,0,1.0646672,-15.680188,-38.054966)">
<g
id="g18704"
id="g1832"
style="display:none">
<path
style="display:none;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:4.47293;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 39.142669,73.987028 21.401647,0.110198"
id="path1108" />
<path
style="display:none;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.391436;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="M 48.688134,73.955975 41.183058,73.814371"
id="path9576" />
<ellipse
style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.11391;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="circle9582"
cx="-72.913704"
cy="40.918648"
transform="matrix(0.01563487,-0.99987777,0.99974017,0.02279479,0,0)"
rx="1.140859"
ry="0.94491148"
inkscape:transform-center-x="0.14086477"
inkscape:transform-center-y="0.27373721" />
<text
xml:space="preserve"
style="font-size:1.85538px;display:none;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.113908;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="43.211548"
y="67.832787"
id="text9714"
transform="scale(0.91001737,1.0988801)"><tspan
id="tspan9712"
style="stroke:#f9f6f6;stroke-width:0.113908;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="43.211548"
y="67.832787">3</tspan></text>
</g>
</g>
</g>
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 66.446896,5.081704 C 66.261587,5.3312189 32.192621,65.509556 32.192621,65.509556"
id="path15674"
sodipodi:nodetypes="cc" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 60.080402,16.691065 c 0.993446,-1.902841 4.882789,-9.1921006 4.882789,-9.1921006"

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 9.4 KiB

104
public/assets/capital-letter/x_l2.svg
View File

@ -7,7 +7,7 @@
viewBox="0 0 100 100"
version="1.1"
id="svg5"
sodipodi:docname="h.svg"
sodipodi:docname="x.svg"
inkscape:export-filename="x_l1.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
@ -122,13 +122,27 @@
x="41.672253"
y="79.868111">4</tspan></text>
</g>
<g
id="g1812"
style="display:none">
<path
style="display:none;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 35.187626,4.8827424 C 35.291858,5.1755436 68.467789,65.430405 68.467789,65.430405"
id="path127"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="35.215538"
y="7.1380835"
id="text9342"
transform="matrix(0.99957809,0.00781801,-0.00782413,1.0003609,0,0)"><tspan
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="35.215538"
y="7.1380835">1</tspan></text>
<circle
style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="-36.501934"
cy="-1.1128976"
@ -137,82 +151,40 @@
inkscape:transform-center-x="0.0646879"
inkscape:transform-center-y="0.049702286" />
<path
style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 41.686586,17.030103 C 40.661867,15.143919 36.783171,7.8489891 36.783171,7.8489891"
id="path13743" />
<g
id="g1211"
style="display:inline">
<g
id="g18711"
style="display:inline"
transform="rotate(28.128208,55.833511,40.085267)">
<path
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 48.691107,4.2121653 C 48.645317,4.5195742 46.970914,73.652223 46.970914,73.652223"
id="path15674"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:2.31549px;display:none;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="61.848087"
y="10.675919"
id="text15678"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
id="tspan15676"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
x="61.848087"
y="10.675919">2</tspan></text>
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="35.215538"
y="7.1380835"
id="text682"
transform="matrix(0.99957809,0.00781801,-0.00782413,1.0003609,0,0)"><tspan
id="tspan680"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="35.215538"
y="7.1380835">1</tspan></text>
</g>
<circle
style="display:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle15680"
cx="-62.801434"
cy="-7.9862614"
cx="-74.381485"
cy="23.347574"
r="1.2760839"
transform="rotate(-178.67073)" />
transform="rotate(-150.54252)" />
<path
style="display:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
d="m 62.603456,21.585866 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
d="m 70.525361,26.962404 c 0.997187,-1.900882 4.90086,-9.182477 4.90086,-9.182477"
id="path15682" />
<g
id="g14279"
style="display:none"
transform="matrix(1.2524894,0,0,1.0646672,-15.680188,-38.054966)">
<g
id="g18704"
style="display:none">
id="g1832"
style="display:inline">
<path
style="display:none;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:4.47293;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 39.142669,73.987028 21.401647,0.110198"
id="path1108" />
<path
style="display:none;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.391436;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="M 48.688134,73.955975 41.183058,73.814371"
id="path9576" />
<ellipse
style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.11391;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="circle9582"
cx="-72.913704"
cy="40.918648"
transform="matrix(0.01563487,-0.99987777,0.99974017,0.02279479,0,0)"
rx="1.140859"
ry="0.94491148"
inkscape:transform-center-x="0.14086477"
inkscape:transform-center-y="0.27373721" />
<text
xml:space="preserve"
style="font-size:1.85538px;display:none;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.113908;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="43.211548"
y="67.832787"
id="text9714"
transform="scale(0.91001737,1.0988801)"><tspan
id="tspan9712"
style="stroke:#f9f6f6;stroke-width:0.113908;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="43.211548"
y="67.832787">3</tspan></text>
</g>
</g>
</g>
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 66.446896,5.081704 C 66.261587,5.3312189 32.192621,65.509556 32.192621,65.509556"
id="path15674"
sodipodi:nodetypes="cc" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 60.080402,16.691065 c 0.993446,-1.902841 4.882789,-9.1921006 4.882789,-9.1921006"

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 9.4 KiB

151
public/assets/capital-letter/y.svg
View File

@ -11,7 +11,7 @@
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="a.svg"
sodipodi:docname="y.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
@ -145,100 +145,109 @@
x="41.672253"
y="79.868111">4</tspan></text>
</g>
<g
id="g901">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 49.732912,37.7382 c 0.07877,0.532133 -12.6959,-28.9379854 -12.6959,-28.9379854"
id="path127"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:2.58371px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.192263;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="32.750824"
y="10.811321"
style="font-size:3.49625px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.260168;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="32.653465"
y="11.647635"
id="text9342"
transform="matrix(1.1019552,-0.00695788,0.00846274,0.90742447,0,0)"><tspan
sodipodi:role="line"
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.192263;stroke-dasharray:none;stroke-opacity:1"
x="32.750824"
y="10.811321">1</tspan></text>
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.260168;stroke-dasharray:none;stroke-opacity:1"
x="32.653465"
y="11.647635">1</tspan></text>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.30575;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 40.273146,16.633595 C 39.783892,15.401437 37.854859,10.674802 37.854859,10.674802"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.365079;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 41.487559,18.493468 C 40.869275,17.103349 38.4315,11.770764 38.4315,11.770764"
id="path13743"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="-1.2642289"
inkscape:transform-center-y="-3.0904585" />
inkscape:transform-center-x="-1.5976427"
inkscape:transform-center-y="-3.486652" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.177996;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="ellipse2538"
cx="9.883173"
cy="36.990555"
transform="matrix(0.01839222,0.99983085,0.99981223,-0.0193779,0,0)"
rx="1.6437069"
ry="1.6013713" />
</g>
<g
id="g951">
<path
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 49.750577,37.720928 C 49.798146,37.584827 62.955606,8.7234554 62.955606,8.7234554"
id="path15674"
id="path941"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:1.83619px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.164709;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="62.28809"
y="9.4758034"
id="text15678"
transform="matrix(1.0012598,-0.00216003,0.00216887,0.9987371,0,0)"><tspan
style="font-size:2.56285px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.229892;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="62.55217"
y="9.8619728"
id="text945"
transform="matrix(0.99532119,-0.00217292,0.00215601,1.0046961,0,0)"><tspan
sodipodi:role="line"
id="tspan15676"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.164709;stroke-dasharray:none;stroke-opacity:1"
x="62.28809"
y="9.4758034">2</tspan></text>
id="tspan943"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.229892;stroke-dasharray:none;stroke-opacity:1"
x="62.55217"
y="9.8619728">2</tspan></text>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.30575;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
d="m 59.312752,16.534837 c 0.557948,-1.206861 2.660303,-5.869669 2.660303,-5.869669"
id="path15682"
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.379863;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
d="m 58.541136,18.384745 c 0.699746,-1.485363 3.336398,-7.224187 3.336398,-7.224187"
id="path947"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="-0.28036688"
inkscape:transform-center-y="-0.19078158" />
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 49.779183,33.987517 -0.0622,35.30229"
id="path1108" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.452017;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="M 49.73712,46.41744 49.68901,37.287086"
id="path9576"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="0.2063818"
inkscape:transform-center-y="4.8256889" />
inkscape:transform-center-x="-0.35161998"
inkscape:transform-center-y="-0.23480773" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="circle9582"
cx="36.126961"
cy="49.027393"
transform="matrix(0.01839222,0.99983085,0.99981223,-0.0193779,0,0)"
rx="1.2146922"
ry="1.1834064" />
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.183593;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="ellipse949"
cx="10.140143"
cy="62.836399"
transform="matrix(0.01817477,0.99983483,0.99980771,-0.01960974,0,0)"
rx="1.7055075"
ry="1.6419424" />
</g>
<g
id="g963">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 49.779183,33.987517 -0.0622,35.30229"
id="path953" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.448535;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="m 49.866027,48.113364 -0.04369,-9.900681"
id="path955"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="0.18740376"
inkscape:transform-center-y="5.2328313" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.160071;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="ellipse957"
cx="35.855602"
cy="49.173382"
transform="matrix(0.01807357,0.99983666,0.99980555,-0.01971953,0,0)"
rx="1.4911454"
ry="1.4275796" />
<text
xml:space="preserve"
style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="49.771202"
y="35.505993"
id="text9714"
transform="scale(0.98702867,1.0131418)"><tspan
style="font-size:2.60727px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.160069;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="50.222778"
y="35.091064"
id="text961"
transform="scale(0.97843825,1.0220369)"><tspan
sodipodi:role="line"
id="tspan9712"
style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="49.771202"
y="35.505993">3</tspan></text>
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="ellipse2536"
cx="9.9299078"
cy="62.740849"
transform="matrix(0.01839222,0.99983085,0.99981223,-0.0193779,0,0)"
rx="1.2146922"
ry="1.1834064" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="ellipse2538"
cx="9.4274664"
cy="36.816143"
transform="matrix(0.01839222,0.99983085,0.99981223,-0.0193779,0,0)"
rx="1.2146922"
ry="1.1834064" />
id="tspan959"
style="stroke:#f9f6f6;stroke-width:0.160069;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="50.222778"
y="35.091064">3</tspan></text>
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

174
public/assets/capital-letter/y_l1.svg
View File

@ -7,11 +7,11 @@
viewBox="0 0 100 100"
version="1.1"
id="svg5"
inkscape:export-filename="a_l3.svg"
inkscape:export-filename="y.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="y.svg.2023_09_26_21_15_33.0.svg"
sodipodi:docname="y.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
@ -146,116 +146,110 @@
y="79.868111">4</tspan></text>
</g>
<g
id="g365"
style="display:inline">
<g
id="g331"
style="display:inline">
id="g901">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 49.732912,37.7382 c 0.07877,0.532133 -12.6959,-28.9379854 -12.6959,-28.9379854"
id="path127"
sodipodi:nodetypes="cc" />
<g
id="g338"
style="display:none">
<path
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 49.750577,37.720928 C 49.798146,37.584827 62.955606,8.7234554 62.955606,8.7234554"
id="path15674"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:1.83619px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.164709;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="62.28809"
y="9.4758034"
id="text15678"
transform="matrix(1.0012598,-0.00216003,0.00216887,0.9987371,0,0)"><tspan
sodipodi:role="line"
id="tspan15676"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.164709;stroke-dasharray:none;stroke-opacity:1"
x="62.28809"
y="9.4758034">2</tspan></text>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.30575;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
d="m 59.312752,16.534837 c 0.557948,-1.206861 2.660303,-5.869669 2.660303,-5.869669"
id="path15682"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="-0.28036688"
inkscape:transform-center-y="-0.19078158" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="ellipse2536"
cx="9.9299078"
cy="62.740849"
transform="matrix(0.01839222,0.99983085,0.99981223,-0.0193779,0,0)"
rx="1.2146922"
ry="1.1834064" />
</g>
</g>
<text
xml:space="preserve"
style="font-size:2.58371px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.192263;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="32.750824"
y="10.811321"
style="font-size:3.49625px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.260168;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="32.653465"
y="11.647635"
id="text9342"
transform="matrix(1.1019552,-0.00695788,0.00846274,0.90742447,0,0)"><tspan
sodipodi:role="line"
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.192263;stroke-dasharray:none;stroke-opacity:1"
x="32.750824"
y="10.811321">1</tspan></text>
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.260168;stroke-dasharray:none;stroke-opacity:1"
x="32.653465"
y="11.647635">1</tspan></text>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.30575;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 40.273146,16.633595 C 39.783892,15.401437 37.854859,10.674802 37.854859,10.674802"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.365079;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 41.487559,18.493468 C 40.869275,17.103349 38.4315,11.770764 38.4315,11.770764"
id="path13743"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="-1.2642289"
inkscape:transform-center-y="-3.0904585" />
inkscape:transform-center-x="-1.5976427"
inkscape:transform-center-y="-3.486652" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.177996;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="ellipse2538"
cx="9.4274664"
cy="36.816143"
cx="9.883173"
cy="36.990555"
transform="matrix(0.01839222,0.99983085,0.99981223,-0.0193779,0,0)"
rx="1.2146922"
ry="1.1834064" />
rx="1.6437069"
ry="1.6013713" />
</g>
<g
id="g357"
style="display:none"
sodipodi:insensitive="true">
id="g951"
style="display:none">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 49.779183,33.987517 -0.0622,35.30229"
id="path1108" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.452017;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="M 49.73712,46.41744 49.68901,37.287086"
id="path9576"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="0.2063818"
inkscape:transform-center-y="4.8256889" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="circle9582"
cx="36.126961"
cy="49.027393"
transform="matrix(0.01839222,0.99983085,0.99981223,-0.0193779,0,0)"
rx="1.2146922"
ry="1.1834064" />
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 49.750577,37.720928 C 49.798146,37.584827 62.955606,8.7234554 62.955606,8.7234554"
id="path941"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="49.771202"
y="35.505993"
id="text9714"
transform="scale(0.98702867,1.0131418)"><tspan
style="font-size:2.56285px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.229892;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="62.55217"
y="9.8619728"
id="text945"
transform="matrix(0.99532119,-0.00217292,0.00215601,1.0046961,0,0)"><tspan
sodipodi:role="line"
id="tspan9712"
style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="49.771202"
y="35.505993">3</tspan></text>
id="tspan943"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.229892;stroke-dasharray:none;stroke-opacity:1"
x="62.55217"
y="9.8619728">2</tspan></text>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.379863;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
d="m 58.541136,18.384745 c 0.699746,-1.485363 3.336398,-7.224187 3.336398,-7.224187"
id="path947"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="-0.35161998"
inkscape:transform-center-y="-0.23480773" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.183593;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="ellipse949"
cx="10.140143"
cy="62.836399"
transform="matrix(0.01817477,0.99983483,0.99980771,-0.01960974,0,0)"
rx="1.7055075"
ry="1.6419424" />
</g>
<g
id="g963"
style="display:none">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 49.779183,33.987517 -0.0622,35.30229"
id="path953" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.448535;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="m 49.866027,48.113364 -0.04369,-9.900681"
id="path955"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="0.18740376"
inkscape:transform-center-y="5.2328313" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.160071;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="ellipse957"
cx="35.855602"
cy="49.173382"
transform="matrix(0.01807357,0.99983666,0.99980555,-0.01971953,0,0)"
rx="1.4911454"
ry="1.4275796" />
<text
xml:space="preserve"
style="font-size:2.60727px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.160069;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="50.222778"
y="35.091064"
id="text961"
transform="scale(0.97843825,1.0220369)"><tspan
sodipodi:role="line"
id="tspan959"
style="stroke:#f9f6f6;stroke-width:0.160069;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="50.222778"
y="35.091064">3</tspan></text>
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

173
public/assets/capital-letter/y_l2.svg
View File

@ -11,7 +11,7 @@
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="y.svg.2023_09_26_21_15_33.0.svg"
sodipodi:docname="y.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
@ -146,116 +146,111 @@
y="79.868111">4</tspan></text>
</g>
<g
id="g365"
style="display:inline">
<g
id="g331"
style="display:inline">
id="g901"
style="display:none">
<path
style="display:none;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 49.732912,37.7382 c 0.07877,0.532133 -12.6959,-28.9379854 -12.6959,-28.9379854"
id="path127"
sodipodi:nodetypes="cc" />
<g
id="g338"
style="display:inline">
<path
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 49.750577,37.720928 C 49.798146,37.584827 62.955606,8.7234554 62.955606,8.7234554"
id="path15674"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:1.83619px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.164709;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="62.28809"
y="9.4758034"
id="text15678"
transform="matrix(1.0012598,-0.00216003,0.00216887,0.9987371,0,0)"><tspan
sodipodi:role="line"
id="tspan15676"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.164709;stroke-dasharray:none;stroke-opacity:1"
x="62.28809"
y="9.4758034">2</tspan></text>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.30575;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
d="m 59.312752,16.534837 c 0.557948,-1.206861 2.660303,-5.869669 2.660303,-5.869669"
id="path15682"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="-0.28036688"
inkscape:transform-center-y="-0.19078158" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="ellipse2536"
cx="9.9299078"
cy="62.740849"
transform="matrix(0.01839222,0.99983085,0.99981223,-0.0193779,0,0)"
rx="1.2146922"
ry="1.1834064" />
</g>
</g>
<text
xml:space="preserve"
style="font-size:2.58371px;display:none;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.192263;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="32.750824"
y="10.811321"
style="font-size:3.49625px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.260168;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="32.653465"
y="11.647635"
id="text9342"
transform="matrix(1.1019552,-0.00695788,0.00846274,0.90742447,0,0)"><tspan
sodipodi:role="line"
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.192263;stroke-dasharray:none;stroke-opacity:1"
x="0"
y="0">1</tspan></text>
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.260168;stroke-dasharray:none;stroke-opacity:1"
x="32.653465"
y="11.647635">1</tspan></text>
<path
style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.30575;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 40.273146,16.633595 C 39.783892,15.401437 37.854859,10.674802 37.854859,10.674802"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.365079;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 41.487559,18.493468 C 40.869275,17.103349 38.4315,11.770764 38.4315,11.770764"
id="path13743"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="-1.2642289"
inkscape:transform-center-y="-3.0904585" />
inkscape:transform-center-x="-1.5976427"
inkscape:transform-center-y="-3.486652" />
<ellipse
style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.177996;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="ellipse2538"
cx="9.4274664"
cy="36.816143"
cx="9.883173"
cy="36.990555"
transform="matrix(0.01839222,0.99983085,0.99981223,-0.0193779,0,0)"
rx="1.2146922"
ry="1.1834064" />
rx="1.6437069"
ry="1.6013713" />
</g>
<g
id="g357"
style="display:none"
sodipodi:insensitive="true">
id="g951"
style="display:inline">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 49.779183,33.987517 -0.0622,35.30229"
id="path1108" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.452017;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="M 49.73712,46.41744 49.68901,37.287086"
id="path9576"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="0.2063818"
inkscape:transform-center-y="4.8256889" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="circle9582"
cx="36.126961"
cy="49.027393"
transform="matrix(0.01839222,0.99983085,0.99981223,-0.0193779,0,0)"
rx="1.2146922"
ry="1.1834064" />
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 49.750577,37.720928 C 49.798146,37.584827 62.955606,8.7234554 62.955606,8.7234554"
id="path941"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="49.771202"
y="35.505993"
id="text9714"
transform="scale(0.98702867,1.0131418)"><tspan
style="font-size:2.56285px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.229892;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="62.55217"
y="9.8619728"
id="text945"
transform="matrix(0.99532119,-0.00217292,0.00215601,1.0046961,0,0)"><tspan
sodipodi:role="line"
id="tspan9712"
style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="49.771202"
y="35.505993">3</tspan></text>
id="tspan943"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.229892;stroke-dasharray:none;stroke-opacity:1"
x="62.55217"
y="9.8619728">2</tspan></text>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.379863;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
d="m 58.541136,18.384745 c 0.699746,-1.485363 3.336398,-7.224187 3.336398,-7.224187"
id="path947"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="-0.35161998"
inkscape:transform-center-y="-0.23480773" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.183593;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="ellipse949"
cx="10.140143"
cy="62.836399"
transform="matrix(0.01817477,0.99983483,0.99980771,-0.01960974,0,0)"
rx="1.7055075"
ry="1.6419424" />
</g>
<g
id="g963"
style="display:none">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 49.779183,33.987517 -0.0622,35.30229"
id="path953" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.448535;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="m 49.866027,48.113364 -0.04369,-9.900681"
id="path955"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="0.18740376"
inkscape:transform-center-y="5.2328313" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.160071;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="ellipse957"
cx="35.855602"
cy="49.173382"
transform="matrix(0.01807357,0.99983666,0.99980555,-0.01971953,0,0)"
rx="1.4911454"
ry="1.4275796" />
<text
xml:space="preserve"
style="font-size:2.60727px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.160069;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="50.222778"
y="35.091064"
id="text961"
transform="scale(0.97843825,1.0220369)"><tspan
sodipodi:role="line"
id="tspan959"
style="stroke:#f9f6f6;stroke-width:0.160069;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="50.222778"
y="35.091064">3</tspan></text>
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

171
public/assets/capital-letter/y_l3.svg
View File

@ -11,7 +11,7 @@
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="y.svg.2023_09_26_21_15_33.0.svg"
sodipodi:docname="y.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
@ -146,116 +146,111 @@
y="79.868111">4</tspan></text>
</g>
<g
id="g365"
style="display:inline">
<g
id="g331"
id="g901"
style="display:none">
<path
style="display:none;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 49.732912,37.7382 c 0.07877,0.532133 -12.6959,-28.9379854 -12.6959,-28.9379854"
id="path127"
sodipodi:nodetypes="cc" />
<g
id="g338"
style="display:none">
<path
style="display:none;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 49.750577,37.720928 C 49.798146,37.584827 62.955606,8.7234554 62.955606,8.7234554"
id="path15674"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:1.83619px;display:none;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.164709;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="62.28809"
y="9.4758034"
id="text15678"
transform="matrix(1.0012598,-0.00216003,0.00216887,0.9987371,0,0)"><tspan
sodipodi:role="line"
id="tspan15676"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.164709;stroke-dasharray:none;stroke-opacity:1"
x="0"
y="0">2</tspan></text>
<path
style="display:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.30575;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
d="m 59.312752,16.534837 c 0.557948,-1.206861 2.660303,-5.869669 2.660303,-5.869669"
id="path15682"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="-0.28036688"
inkscape:transform-center-y="-0.19078158" />
<ellipse
style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="ellipse2536"
cx="9.9299078"
cy="62.740849"
transform="matrix(0.01839222,0.99983085,0.99981223,-0.0193779,0,0)"
rx="1.2146922"
ry="1.1834064" />
</g>
</g>
<text
xml:space="preserve"
style="font-size:2.58371px;display:none;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.192263;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="32.750824"
y="10.811321"
style="font-size:3.49625px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.260168;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="32.653465"
y="11.647635"
id="text9342"
transform="matrix(1.1019552,-0.00695788,0.00846274,0.90742447,0,0)"><tspan
sodipodi:role="line"
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.192263;stroke-dasharray:none;stroke-opacity:1"
x="0"
y="0">1</tspan></text>
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.260168;stroke-dasharray:none;stroke-opacity:1"
x="32.653465"
y="11.647635">1</tspan></text>
<path
style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.30575;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 40.273146,16.633595 C 39.783892,15.401437 37.854859,10.674802 37.854859,10.674802"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.365079;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="M 41.487559,18.493468 C 40.869275,17.103349 38.4315,11.770764 38.4315,11.770764"
id="path13743"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="-1.2642289"
inkscape:transform-center-y="-3.0904585" />
inkscape:transform-center-x="-1.5976427"
inkscape:transform-center-y="-3.486652" />
<ellipse
style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.177996;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="ellipse2538"
cx="9.4274664"
cy="36.816143"
cx="9.883173"
cy="36.990555"
transform="matrix(0.01839222,0.99983085,0.99981223,-0.0193779,0,0)"
rx="1.2146922"
ry="1.1834064" />
rx="1.6437069"
ry="1.6013713" />
</g>
<g
id="g357"
style="display:inline"
sodipodi:insensitive="true">
id="g951"
style="display:none">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 49.779183,33.987517 -0.0622,35.30229"
id="path1108" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.452017;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="M 49.73712,46.41744 49.68901,37.287086"
id="path9576"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="0.2063818"
inkscape:transform-center-y="4.8256889" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="circle9582"
cx="36.126961"
cy="49.027393"
transform="matrix(0.01839222,0.99983085,0.99981223,-0.0193779,0,0)"
rx="1.2146922"
ry="1.1834064" />
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 49.750577,37.720928 C 49.798146,37.584827 62.955606,8.7234554 62.955606,8.7234554"
id="path941"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="49.771202"
y="35.505993"
id="text9714"
transform="scale(0.98702867,1.0131418)"><tspan
style="font-size:2.56285px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.229892;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="62.55217"
y="9.8619728"
id="text945"
transform="matrix(0.99532119,-0.00217292,0.00215601,1.0046961,0,0)"><tspan
sodipodi:role="line"
id="tspan9712"
style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="49.771202"
y="35.505993">3</tspan></text>
id="tspan943"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.229892;stroke-dasharray:none;stroke-opacity:1"
x="62.55217"
y="9.8619728">2</tspan></text>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.379863;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
d="m 58.541136,18.384745 c 0.699746,-1.485363 3.336398,-7.224187 3.336398,-7.224187"
id="path947"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="-0.35161998"
inkscape:transform-center-y="-0.23480773" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.183593;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="ellipse949"
cx="10.140143"
cy="62.836399"
transform="matrix(0.01817477,0.99983483,0.99980771,-0.01960974,0,0)"
rx="1.7055075"
ry="1.6419424" />
</g>
<g
id="g963"
style="display:inline">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 49.779183,33.987517 -0.0622,35.30229"
id="path953" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.448535;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="m 49.866027,48.113364 -0.04369,-9.900681"
id="path955"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="0.18740376"
inkscape:transform-center-y="5.2328313" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.160071;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="ellipse957"
cx="35.855602"
cy="49.173382"
transform="matrix(0.01807357,0.99983666,0.99980555,-0.01971953,0,0)"
rx="1.4911454"
ry="1.4275796" />
<text
xml:space="preserve"
style="font-size:2.60727px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.160069;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="50.222778"
y="35.091064"
id="text961"
transform="scale(0.97843825,1.0220369)"><tspan
sodipodi:role="line"
id="tspan959"
style="stroke:#f9f6f6;stroke-width:0.160069;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="50.222778"
y="35.091064">3</tspan></text>
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

55
public/assets/capital-letter/z.svg
View File

@ -7,11 +7,11 @@
viewBox="0 0 100 100"
version="1.1"
id="svg5"
inkscape:export-filename="m_l4.svg"
inkscape:export-filename="Z.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="n.svg"
sodipodi:docname="z.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
@ -43,7 +43,7 @@
id="guide61"
inkscape:locked="false" />
<sodipodi:guide
position="20.033735,110.59253"
position="6.0302981,81.086792"
orientation="1,0"
id="guide65"
inkscape:locked="false" />
@ -105,14 +105,16 @@
inkscape:groupmode="layer"
id="layer1"
style="display:inline">
<g
id="g1645">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.44011;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 64.774973,9.7399231 C 65.409698,9.3065526 27.753077,9.521892 27.753077,9.521892"
id="path127"
sodipodi:nodetypes="cc" />
<g
id="g998"
transform="translate(35.483848,-11.719616)">
transform="matrix(1.3073333,0,0,1.2357328,37.245098,-17.071223)">
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@ -135,17 +137,20 @@
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 40.873989,9.6604606 c -2.146422,0.02468 -10.408374,0.04547 -10.408374,0.04547"
d="m 40.873989,9.1122517 c -2.146422,0.02468 -10.408374,0.04547 -10.408374,0.04547"
id="path13743"
sodipodi:nodetypes="cc" />
</g>
<g
id="g1637">
<path
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.08419;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 27.176758,57.923073 C 27.367321,57.715121 65.149463,9.3083839 65.149463,9.3083839"
id="path15674"
sodipodi:nodetypes="cc" />
<g
id="g21551"
transform="rotate(-34.110499,61.02319,0.3679425)"
transform="matrix(1.0238885,-0.7135747,0.69349827,1.0535295,-2.5248628,40.653902)"
style="display:inline">
<text
xml:space="preserve"
@ -169,13 +174,16 @@
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 57.175969,19.843452 c 1.298428,-1.709334 6.354908,-8.243269 6.354908,-8.243269"
d="m 56.901865,19.843452 c 1.298428,-1.709334 6.354908,-8.243269 6.354908,-8.243269"
id="path15682"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="3.1551829"
inkscape:transform-center-y="4.0420872" />
</g>
<g
id="g1629">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.45665;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 27.371962,57.897675 37.471101,0.182684"
id="path1108" />
<path
@ -186,25 +194,26 @@
inkscape:transform-center-x="-4.6933313"
inkscape:transform-center-y="1.1412739" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.142347;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.170682;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="circle9582"
cx="-60.34573"
cy="21.683584"
transform="matrix(-0.10482327,-0.99449087,0.99627769,-0.08620189,0,0)"
rx="1.2555509"
ry="1.3407919" />
cx="-60.013176"
cy="21.087881"
transform="matrix(-0.10984714,-0.99394849,0.99661237,-0.08224219,0,0)"
rx="1.4708941"
ry="1.645484" />
<text
xml:space="preserve"
style="font-size:2.31839px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.142334;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="23.191841"
y="61.853271"
style="font-size:2.77959px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.170649;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="22.072718"
y="63.173206"
id="text9714"
transform="matrix(1.0324615,-0.03671877,0.05488879,0.96660704,0,0)"><tspan
transform="matrix(1.0572017,-0.03585949,0.05620405,0.9439869,0,0)"><tspan
sodipodi:role="line"
id="tspan9712"
style="stroke:#f9f6f6;stroke-width:0.142334;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="23.191841"
y="61.853271">3</tspan></text>
style="stroke:#f9f6f6;stroke-width:0.170649;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="22.072718"
y="63.173206">3</tspan></text>
</g>
<g
id="g2750"
style="display:none">

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 11 KiB

251
public/assets/capital-letter/z_l1.svg Executable file
View File

@ -0,0 +1,251 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="100mm"
height="100mm"
viewBox="0 0 100 100"
version="1.1"
id="svg5"
inkscape:export-filename="z_l1.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="z.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview7"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false"
showguides="true"
inkscape:zoom="1.4478969"
inkscape:cx="172.3189"
inkscape:cy="215.48496"
inkscape:window-width="1920"
inkscape:window-height="1011"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1">
<sodipodi:guide
position="50.044837,106.13694"
orientation="1,0"
id="guide61"
inkscape:locked="false" />
<sodipodi:guide
position="6.0302981,81.086792"
orientation="1,0"
id="guide65"
inkscape:locked="false" />
<sodipodi:guide
position="24.949927,104.14192"
orientation="1,0"
id="guide67"
inkscape:locked="false" />
<sodipodi:guide
position="42.983872,11.2698"
orientation="0,-1"
id="guide69"
inkscape:locked="false" />
<sodipodi:guide
position="26.464286,94.371578"
orientation="0,-1"
id="guide71"
inkscape:locked="false" />
<sodipodi:guide
position="67.525348,25.270843"
orientation="1,0"
id="guide550"
inkscape:locked="false" />
<sodipodi:guide
position="80.076389,122.03504"
orientation="1,0"
id="guide1929"
inkscape:locked="false" />
<sodipodi:guide
position="50.744659,55.457668"
orientation="0,-1"
id="guide2737"
inkscape:locked="false" />
</sodipodi:namedview>
<defs
id="defs2">
<marker
style="overflow:visible"
id="Arrow2"
refX="0"
refY="0"
orient="auto-start-reverse"
inkscape:stockid="Arrow2"
markerWidth="7.6999998"
markerHeight="5.5999999"
viewBox="0 0 7.7 5.6"
inkscape:isstock="true"
inkscape:collect="always"
preserveAspectRatio="xMidYMid">
<path
transform="scale(0.7)"
d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
style="fill:context-stroke;fill-rule:evenodd;stroke:none"
id="arrow2L" />
</marker>
</defs>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
style="display:inline">
<g
id="g1645">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 64.774973,9.7399231 C 65.409698,9.3065526 27.753077,9.521892 27.753077,9.521892"
id="path127"
sodipodi:nodetypes="cc" />
<g
id="g998"
transform="matrix(1.3073333,0,0,1.2357328,37.245098,-17.071223)">
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="-8.0793381"
y="22.280218"
id="text9342"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
sodipodi:role="line"
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="-8.0793381"
y="22.280218">1</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="6.5714946"
cy="-21.503662"
r="1.2760839"
transform="rotate(-178.67073)" />
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 40.873989,9.1122517 c -2.146422,0.02468 -10.408374,0.04547 -10.408374,0.04547"
id="path13743"
sodipodi:nodetypes="cc" />
</g>
<g
id="g1637"
style="display:none">
<path
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 27.176758,57.923073 C 27.367321,57.715121 65.149463,9.3083839 65.149463,9.3083839"
id="path15674"
sodipodi:nodetypes="cc" />
<g
id="g21551"
transform="matrix(1.0238885,-0.7135747,0.69349827,1.0535295,-2.5248628,40.653902)"
style="display:inline">
<text
xml:space="preserve"
style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="54.113926"
y="-23.497944"
id="text15678"
transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
sodipodi:role="line"
id="tspan15676"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
x="54.113926"
y="-23.497944">2</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle15680"
cx="-54.018658"
cy="25.946033"
r="1.2760839"
transform="rotate(-144.24458)" />
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 56.901865,19.843452 c 1.298428,-1.709334 6.354908,-8.243269 6.354908,-8.243269"
id="path15682"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="3.1551829"
inkscape:transform-center-y="4.0420872" />
</g>
<g
id="g1629"
style="display:none">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 27.371962,57.897675 37.471101,0.182684"
id="path1108" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.489119;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="m 39.969224,58.009522 -9.771933,0.02775"
id="path9576"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="-4.6933313"
inkscape:transform-center-y="1.1412739" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.170682;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="circle9582"
cx="-60.013176"
cy="21.087881"
transform="matrix(-0.10984714,-0.99394849,0.99661237,-0.08224219,0,0)"
rx="1.4708941"
ry="1.645484" />
<text
xml:space="preserve"
style="font-size:2.77959px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.170649;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="22.072718"
y="63.173206"
id="text9714"
transform="matrix(1.0572017,-0.03585949,0.05620405,0.9439869,0,0)"><tspan
sodipodi:role="line"
id="tspan9712"
style="stroke:#f9f6f6;stroke-width:0.170649;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="22.072718"
y="63.173206">3</tspan></text>
</g>
<g
id="g2750"
style="display:none">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 49.991348,41.79989 74.535166,9.6531683"
id="path1106" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 64.440061,21.83391 6.514261,-7.767476"
id="path9586"
sodipodi:nodetypes="cc" />
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle9592"
cx="-11.461075"
cy="72.321915"
r="1.2760839"
transform="rotate(-88.91827)" />
<text
xml:space="preserve"
style="font-size:2.67135px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="71.226562"
y="13.74966"
id="text9761"><tspan
sodipodi:role="line"
id="tspan9759"
style="stroke-width:0.117792"
x="71.226562"
y="13.74966">4</tspan></text>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

252
public/assets/capital-letter/z_l2.svg Executable file
View File

@ -0,0 +1,252 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="100mm"
height="100mm"
viewBox="0 0 100 100"
version="1.1"
id="svg5"
inkscape:export-filename="z_l2.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="z.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview7"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false"
showguides="true"
inkscape:zoom="1.4478969"
inkscape:cx="172.3189"
inkscape:cy="215.48496"
inkscape:window-width="1920"
inkscape:window-height="1011"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1">
<sodipodi:guide
position="50.044837,106.13694"
orientation="1,0"
id="guide61"
inkscape:locked="false" />
<sodipodi:guide
position="6.0302981,81.086792"
orientation="1,0"
id="guide65"
inkscape:locked="false" />
<sodipodi:guide
position="24.949927,104.14192"
orientation="1,0"
id="guide67"
inkscape:locked="false" />
<sodipodi:guide
position="42.983872,11.2698"
orientation="0,-1"
id="guide69"
inkscape:locked="false" />
<sodipodi:guide
position="26.464286,94.371578"
orientation="0,-1"
id="guide71"
inkscape:locked="false" />
<sodipodi:guide
position="67.525348,25.270843"
orientation="1,0"
id="guide550"
inkscape:locked="false" />
<sodipodi:guide
position="80.076389,122.03504"
orientation="1,0"
id="guide1929"
inkscape:locked="false" />
<sodipodi:guide
position="50.744659,55.457668"
orientation="0,-1"
id="guide2737"
inkscape:locked="false" />
</sodipodi:namedview>
<defs
id="defs2">
<marker
style="overflow:visible"
id="Arrow2"
refX="0"
refY="0"
orient="auto-start-reverse"
inkscape:stockid="Arrow2"
markerWidth="7.6999998"
markerHeight="5.5999999"
viewBox="0 0 7.7 5.6"
inkscape:isstock="true"
inkscape:collect="always"
preserveAspectRatio="xMidYMid">
<path
transform="scale(0.7)"
d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
style="fill:context-stroke;fill-rule:evenodd;stroke:none"
id="arrow2L" />
</marker>
</defs>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
style="display:inline">
<g
id="g1645"
style="display:none">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 64.774973,9.7399231 C 65.409698,9.3065526 27.753077,9.521892 27.753077,9.521892"
id="path127"
sodipodi:nodetypes="cc" />
<g
id="g998"
transform="matrix(1.3073333,0,0,1.2357328,37.245098,-17.071223)">
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="-8.0793381"
y="22.280218"
id="text9342"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
sodipodi:role="line"
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="-8.0793381"
y="22.280218">1</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="6.5714946"
cy="-21.503662"
r="1.2760839"
transform="rotate(-178.67073)" />
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 40.873989,9.1122517 c -2.146422,0.02468 -10.408374,0.04547 -10.408374,0.04547"
id="path13743"
sodipodi:nodetypes="cc" />
</g>
<g
id="g1637"
style="display:inline">
<path
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 27.176758,57.923073 C 27.367321,57.715121 65.149463,9.3083839 65.149463,9.3083839"
id="path15674"
sodipodi:nodetypes="cc" />
<g
id="g21551"
transform="matrix(1.0238885,-0.7135747,0.69349827,1.0535295,-2.5248628,40.653902)"
style="display:inline">
<text
xml:space="preserve"
style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="54.113926"
y="-23.497944"
id="text15678"
transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
sodipodi:role="line"
id="tspan15676"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
x="54.113926"
y="-23.497944">2</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle15680"
cx="-54.018658"
cy="25.946033"
r="1.2760839"
transform="rotate(-144.24458)" />
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 56.901865,19.843452 c 1.298428,-1.709334 6.354908,-8.243269 6.354908,-8.243269"
id="path15682"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="3.1551829"
inkscape:transform-center-y="4.0420872" />
</g>
<g
id="g1629"
style="display:none">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 27.371962,57.897675 37.471101,0.182684"
id="path1108" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.489119;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="m 39.969224,58.009522 -9.771933,0.02775"
id="path9576"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="-4.6933313"
inkscape:transform-center-y="1.1412739" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.170682;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="circle9582"
cx="-60.013176"
cy="21.087881"
transform="matrix(-0.10984714,-0.99394849,0.99661237,-0.08224219,0,0)"
rx="1.4708941"
ry="1.645484" />
<text
xml:space="preserve"
style="font-size:2.77959px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.170649;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="22.072718"
y="63.173206"
id="text9714"
transform="matrix(1.0572017,-0.03585949,0.05620405,0.9439869,0,0)"><tspan
sodipodi:role="line"
id="tspan9712"
style="stroke:#f9f6f6;stroke-width:0.170649;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="22.072718"
y="63.173206">3</tspan></text>
</g>
<g
id="g2750"
style="display:none">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 49.991348,41.79989 74.535166,9.6531683"
id="path1106" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 64.440061,21.83391 6.514261,-7.767476"
id="path9586"
sodipodi:nodetypes="cc" />
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle9592"
cx="-11.461075"
cy="72.321915"
r="1.2760839"
transform="rotate(-88.91827)" />
<text
xml:space="preserve"
style="font-size:2.67135px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="71.226562"
y="13.74966"
id="text9761"><tspan
sodipodi:role="line"
id="tspan9759"
style="stroke-width:0.117792"
x="71.226562"
y="13.74966">4</tspan></text>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

252
public/assets/capital-letter/z_l3.svg Executable file
View File

@ -0,0 +1,252 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="100mm"
height="100mm"
viewBox="0 0 100 100"
version="1.1"
id="svg5"
inkscape:export-filename="z_l3.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="z.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview7"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false"
showguides="true"
inkscape:zoom="1.4478969"
inkscape:cx="172.3189"
inkscape:cy="215.48496"
inkscape:window-width="1920"
inkscape:window-height="1011"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1">
<sodipodi:guide
position="50.044837,106.13694"
orientation="1,0"
id="guide61"
inkscape:locked="false" />
<sodipodi:guide
position="6.0302981,81.086792"
orientation="1,0"
id="guide65"
inkscape:locked="false" />
<sodipodi:guide
position="24.949927,104.14192"
orientation="1,0"
id="guide67"
inkscape:locked="false" />
<sodipodi:guide
position="42.983872,11.2698"
orientation="0,-1"
id="guide69"
inkscape:locked="false" />
<sodipodi:guide
position="26.464286,94.371578"
orientation="0,-1"
id="guide71"
inkscape:locked="false" />
<sodipodi:guide
position="67.525348,25.270843"
orientation="1,0"
id="guide550"
inkscape:locked="false" />
<sodipodi:guide
position="80.076389,122.03504"
orientation="1,0"
id="guide1929"
inkscape:locked="false" />
<sodipodi:guide
position="50.744659,55.457668"
orientation="0,-1"
id="guide2737"
inkscape:locked="false" />
</sodipodi:namedview>
<defs
id="defs2">
<marker
style="overflow:visible"
id="Arrow2"
refX="0"
refY="0"
orient="auto-start-reverse"
inkscape:stockid="Arrow2"
markerWidth="7.6999998"
markerHeight="5.5999999"
viewBox="0 0 7.7 5.6"
inkscape:isstock="true"
inkscape:collect="always"
preserveAspectRatio="xMidYMid">
<path
transform="scale(0.7)"
d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
style="fill:context-stroke;fill-rule:evenodd;stroke:none"
id="arrow2L" />
</marker>
</defs>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
style="display:inline">
<g
id="g1645"
style="display:none">
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 64.774973,9.7399231 C 65.409698,9.3065526 27.753077,9.521892 27.753077,9.521892"
id="path127"
sodipodi:nodetypes="cc" />
<g
id="g998"
transform="matrix(1.3073333,0,0,1.2357328,37.245098,-17.071223)">
<text
xml:space="preserve"
style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="-8.0793381"
y="22.280218"
id="text9342"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
sodipodi:role="line"
id="tspan9340"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="-8.0793381"
y="22.280218">1</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448"
cx="6.5714946"
cy="-21.503662"
r="1.2760839"
transform="rotate(-178.67073)" />
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 40.873989,9.1122517 c -2.146422,0.02468 -10.408374,0.04547 -10.408374,0.04547"
id="path13743"
sodipodi:nodetypes="cc" />
</g>
<g
id="g1637"
style="display:none">
<path
style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 27.176758,57.923073 C 27.367321,57.715121 65.149463,9.3083839 65.149463,9.3083839"
id="path15674"
sodipodi:nodetypes="cc" />
<g
id="g21551"
transform="matrix(1.0238885,-0.7135747,0.69349827,1.0535295,-2.5248628,40.653902)"
style="display:inline">
<text
xml:space="preserve"
style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="54.113926"
y="-23.497944"
id="text15678"
transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
sodipodi:role="line"
id="tspan15676"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
x="54.113926"
y="-23.497944">2</tspan></text>
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle15680"
cx="-54.018658"
cy="25.946033"
r="1.2760839"
transform="rotate(-144.24458)" />
</g>
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 56.901865,19.843452 c 1.298428,-1.709334 6.354908,-8.243269 6.354908,-8.243269"
id="path15682"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="3.1551829"
inkscape:transform-center-y="4.0420872" />
</g>
<g
id="g1629"
style="display:inline">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 27.371962,57.897675 37.471101,0.182684"
id="path1108" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.489119;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
d="m 39.969224,58.009522 -9.771933,0.02775"
id="path9576"
sodipodi:nodetypes="cc"
inkscape:transform-center-x="-4.6933313"
inkscape:transform-center-y="1.1412739" />
<ellipse
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.170682;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="circle9582"
cx="-60.013176"
cy="21.087881"
transform="matrix(-0.10984714,-0.99394849,0.99661237,-0.08224219,0,0)"
rx="1.4708941"
ry="1.645484" />
<text
xml:space="preserve"
style="font-size:2.77959px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.170649;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
x="22.072718"
y="63.173206"
id="text9714"
transform="matrix(1.0572017,-0.03585949,0.05620405,0.9439869,0,0)"><tspan
sodipodi:role="line"
id="tspan9712"
style="stroke:#f9f6f6;stroke-width:0.170649;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="22.072718"
y="63.173206">3</tspan></text>
</g>
<g
id="g2750"
style="display:none">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 49.991348,41.79989 74.535166,9.6531683"
id="path1106" />
<path
style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
d="m 64.440061,21.83391 6.514261,-7.767476"
id="path9586"
sodipodi:nodetypes="cc" />
<circle
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle9592"
cx="-11.461075"
cy="72.321915"
r="1.2760839"
transform="rotate(-88.91827)" />
<text
xml:space="preserve"
style="font-size:2.67135px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
x="71.226562"
y="13.74966"
id="text9761"><tspan
sodipodi:role="line"
id="tspan9759"
style="stroke-width:0.117792"
x="71.226562"
y="13.74966">4</tspan></text>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

137
src/pages/guided-tracing/a.astro
View File

@ -32,14 +32,13 @@ import Layout from "../../layouts/Layout.astro";
update: update
}
};
const game = new Phaser.Game(config);
const customWidth = window.innerWidth;
const customHeight = window.innerHeight;
let firstLayer, secondLayer, thirdLayer;
let graphics;
let isDrawing = false;
// let hideButton;
function preload() {
this.load.svg('letterA', '/assets/capital-letter/a.svg');
@ -51,42 +50,46 @@ import Layout from "../../layouts/Layout.astro";
this.load.audio('slide', '/assets/audio/slide.mp3');
this.load.image('topLogo', '/assets/top_logo.png');
this.load.svg('succesImage', '/assets/svg/tick.svg');
this.load.svg('handPointer', '/assets/svg/hand.svg');
}
function create() {
this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo');
this.add.text(customWidth / 10, 20, "Letter : A", { font: '700 40px quicksand', fill: '#05b3a4', });
const firstScreen = this.add.image(customWidth / 2, customHeight / 2, 'letterA');
firstScreen.setVisible(false);
let hideButton = this.add.text(customWidth / 2, customHeight / 1.1, "Let`s Do", { font: '24px quicksand', fill: '#05b3a4' });
hideButton.setInteractive().on('pointerdown', () => {
isDemoButtonClicked = false;
firstScreen.setVisible(false);
hideButton.setVisible(false); // Hide the "Hide" button
demoButton.setVisible(true); // Show the "Demo" button
graphics.setVisible(true);
handPointerLeft.setVisible(false);
handPointerRight.setVisible(false);
handPointeSlide.setVisible(false);
});
hideButton.setVisible(false);
let demoButton = this.add.text(customWidth / 2, customHeight / 1.1, "Help", { font: '24px quicksand', fill: '#05b3a4' });
demoButton.setInteractive().on('pointerdown', () => {
graphics.setVisible(false);
firstScreen.setVisible(true);
demoButton.setVisible(false); // Hide the "Demo" button
hideButton.setVisible(true); // Show the "Hide" button
handPointerLeft.setVisible(true);
handPointerRight.setVisible(true);
handPointeSlide.setVisible(true);
});
const screenCenterX = this.cameras.main.worldView.x + this.cameras.main.width / 2;
const baseFontSize = 20;
const responsiveFontSize = (window.innerWidth / 480) * baseFontSize;
const descrptText = this.add.text(screenCenterX, 90, 'Let`s learn how to write letter : A', { font: `${responsiveFontSize}px quicksand`, fill: '#7c4c23', fontWeight : 'bold'}).setOrigin(0.5);
this.time.delayedCall(2000, () => {
this.tweens.add({
targets: firstScreen,
alpha: 0,
scaleX: 0.5,
scaleY: 0.5,
duration: 1000,
onComplete: () => {
firstScreen.setVisible(false);
firstScreen.setScale(1);
showLayersWithFadeIn.call(this);
}
});
}, [], this);
}
function showLayersWithFadeIn() {
this.tweens.add({
targets: [firstLayer, secondLayer, thirdLayer],
alpha: 1,
duration: 1000, // Duration of the tween in milliseconds
delay: 500, // Delay before the fade-in starts
ease: 'Power2', // Easing function (e.g., 'Linear', 'Cubic', 'Elastic', etc.)
});
let textX, textY;
firstLayer = this.add.image(customWidth / 2, customHeight / 2, 'layer1');
@ -164,6 +167,7 @@ import Layout from "../../layouts/Layout.astro";
this.input.on('pointerdown', function (pointer) {
isDrawing = true;
graphics.moveTo(pointer.x, pointer.y);
console.log("Start Position", pointer.x, pointer.y)
});
this.input.on('pointerup', function () {
@ -176,7 +180,86 @@ import Layout from "../../layouts/Layout.astro";
graphics.lineTo(pointer.x, pointer.y);
graphics.strokePath();
});
const handPointerLeft = this.add.sprite(customWidth / 2, customHeight / 2, 'handPointer');
const startHeightLeft = customHeight /2 - 140; // Starting y position
const endHeightLeft = 567; // Ending y position
const startWidthLeft = customWidth / 2 + 20;
const endWidthLeft = customWidth / 2 - 65;
// handPointer.setOrigin(0.5, 0.5);
handPointerLeft.setScale(0.5).setDepth(2); // Adjust scale as needed
// Define the bounce animation
this.tweens.add({
targets: handPointerLeft,
x: {
getStart: () => startWidthLeft,
getEnd: () => endWidthLeft,
}, // End x position
y: {
getStart: () => startHeightLeft,
getEnd: () => endHeightLeft,
},
duration: 3000, // Duration of each bounce
ease: 'Sine.easeInOut',
yoyo: false,
repeat: -1 // -1 means it will repeat indefinitely
});
const handPointerRight = this.add.sprite(customWidth / 2, customHeight / 2, 'handPointer');
const startHeightRight = customHeight /2 - 140; // Starting y position
const endHeightRight = 567; // Ending y position
const startWidthRight = customWidth / 2 + 20;
const endWidthRight = customWidth / 2 + 100;
// handPointer.setOrigin(0.5, 0.5);
handPointerRight.setScale(0.5).setDepth(2).setAngle(360); // Adjust scale as needed
// Define the bounce animation
this.tweens.add({
targets: handPointerRight,
x: {
getStart: () => startWidthRight,
getEnd: () => endWidthRight,
}, // End x position
y: {
getStart: () => startHeightRight,
getEnd: () => endHeightRight,
},
duration: 3000, // Duration of each bounce
ease: 'Sine.easeInOut',
yoyo: false,
repeat: -1 // -1 means it will repeat indefinitely
});
const handPointeSlide = this.add.sprite(customWidth / 2, customHeight / 2, 'handPointer');
const startHeightSlide = customHeight / 2 + 17; // Starting y position
const endHeightSlide = customHeight / 2 + 17; // Ending y position
const startWidthSlide = customWidth / 2 - 60;
const endWidthSlide = customWidth / 2 + 55;
// handPointer.setOrigin(0.5, 0.5);
handPointeSlide.setScale(0.5).setDepth(2).setAngle(45); // Adjust scale as needed
// Define the bounce animation
this.tweens.add({
targets: handPointeSlide,
x: {
getStart: () => startWidthSlide,
getEnd: () => endWidthSlide,
}, // End x position
y: {
getStart: () => startHeightSlide,
getEnd: () => endHeightSlide,
},
duration: 3000, // Duration of each bounce
ease: 'Sine.easeInOut',
yoyo: false,
repeat: -1 // -1 means it will repeat indefinitely
});
handPointerLeft.setVisible(false);
handPointerRight.setVisible(false);
handPointeSlide.setVisible(false);
// Start Position 626 317
}
// function showLayersWithFadeIn() {
// }
function update() {
// Update any game logic if needed

102
src/pages/guided-tracing/b.astro
View File

@ -32,68 +32,48 @@ import Layout from "../../layouts/Layout.astro";
update: update
}
};
const game = new Phaser.Game(config);
const customWidth = window.innerWidth;
const customHeight = window.innerHeight;
let firstLayer, secondLayer, thirdLayer;
let graphics;
let isDrawing = false;
// let hideButton;
function preload() {
this.load.svg('letterB', '/assets/capital-letter/b.svg');
this.load.svg('layer1', '/assets/capital-letter/b_l1.svg');
this.load.svg('layer2', '/assets/capital-letter/b_l2.svg');
this.load.svg('layer3', '/assets/capital-letter/b_l3.svg');
this.load.audio('tallDown', '/assets/audio/tall-down.mp3');
this.load.audio('slideAround', '/assets/audio/slide-around.mp3');
this.load.audio('slantLeft', '/assets/audio/slant-left.mp3');
this.load.audio('slantRight', '/assets/audio/slant-right.mp3');
this.load.audio('slide', '/assets/audio/slide.mp3');
this.load.image('topLogo', '/assets/top_logo.png');
this.load.svg('succesImage', '/assets/svg/tick.svg');
this.load.svg('handPointer', '/assets/svg/hand.svg');
}
function create() {
this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo');
this.add.text(customWidth / 10, 20, "Letter : A", { font: '700 40px quicksand', fill: '#05b3a4', });
const firstScreen = this.add.image(customWidth / 2, customHeight / 2, 'letterB');
firstScreen.setVisible(false);
const screenCenterX = this.cameras.main.worldView.x + this.cameras.main.width / 2;
const baseFontSize = 20;
const responsiveFontSize = (window.innerWidth / 480) * baseFontSize;
const descrptText = this.add.text(screenCenterX, 90, 'Let`s learn how to write letter : A', { font: `${responsiveFontSize}px quicksand`, fill: '#7c4c23', fontWeight : 'bold'}).setOrigin(0.5);
this.time.delayedCall(2000, () => {
this.tweens.add({
targets: firstScreen,
alpha: 0,
scaleX: 0.5,
scaleY: 0.5,
duration: 1000,
onComplete: () => {
firstScreen.setVisible(false);
firstScreen.setScale(1);
showLayersWithFadeIn.call(this);
}
});
}, [], this);
}
function showLayersWithFadeIn() {
this.tweens.add({
targets: [firstLayer, secondLayer, thirdLayer],
alpha: 1,
duration: 1000, // Duration of the tween in milliseconds
delay: 500, // Delay before the fade-in starts
ease: 'Power2', // Easing function (e.g., 'Linear', 'Cubic', 'Elastic', etc.)
});
let textX, textY;
firstLayer = this.add.image(customWidth / 2, customHeight / 2, 'layer1');
textX = isMobile ? customWidth / 3 : customWidth * 0.75;
textY = isMobile ? customHeight / 5 : customHeight / 2;
const firstTextLayer = this.add.text(textX, textY, '1. Tall Down', { font: '700 40px quicksand', fill: '#05b3a4'});
const slantLeftAudio = this.sound.add('tallDown');
const firstTextLayer = this.add.text(textX, textY, '1. Slant Left', { font: '700 40px quicksand', fill: '#05b3a4'});
const slantLeftAudio = this.sound.add('slantLeft');
slantLeftAudio.play();
firstLayer.setDepth(1);
firstLayer.setAlpha(0.5);
@ -101,8 +81,8 @@ import Layout from "../../layouts/Layout.astro";
secondLayer = this.add.image(customWidth / 2, customHeight / 2, 'layer2');
textX = isMobile ? customWidth / 3 : customWidth * 0.75;
const secondTextLayer = this.add.text(textX, textY, '2. Slide Around', { font: '700 40px quicksand', fill: '#05b3a4'});
const slantRightAudio = this.sound.add('slideAround');
const secondTextLayer = this.add.text(textX, textY, '2. Slant Right', { font: '700 40px quicksand', fill: '#05b3a4'});
const slantRightAudio = this.sound.add('slantRight');
secondTextLayer.setVisible(false);
secondLayer.setDepth(1);
secondLayer.setAlpha(0.5);
@ -111,8 +91,8 @@ import Layout from "../../layouts/Layout.astro";
thirdLayer = this.add.image(customWidth / 2, customHeight / 2, 'layer3');
textX = isMobile ? customWidth / 3 : customWidth * 0.75;
const thirdTextLayer = this.add.text(textX, textY, '3. Slide Around', { font: '700 40px quicksand', fill: '#05b3a4'});
const slideAudio = this.sound.add('slideAround');
const thirdTextLayer = this.add.text(textX, textY, '3. Slide', { font: '700 40px quicksand', fill: '#05b3a4'});
const slideAudio = this.sound.add('slide');
thirdTextLayer.setVisible(false);
thirdLayer.setDepth(1.1);
// thirdLayer.setScale(1.15);
@ -164,6 +144,7 @@ import Layout from "../../layouts/Layout.astro";
this.input.on('pointerdown', function (pointer) {
isDrawing = true;
graphics.moveTo(pointer.x, pointer.y);
console.log("Start Position", pointer.x, pointer.y)
});
this.input.on('pointerup', function () {
@ -176,7 +157,56 @@ import Layout from "../../layouts/Layout.astro";
graphics.lineTo(pointer.x, pointer.y);
graphics.strokePath();
});
const handPointerLeft = this.add.sprite(customWidth / 2, customHeight / 2, 'handPointer');
const startHeightLeft = customHeight /2 - 140;
const endHeightLeft = customHeight / 2 + 140;
const startWidthLeft = customWidth / 2 + 10;
const endWidthLeft = customWidth / 2 + 10;
handPointerLeft.setScale(0.5).setDepth(2); // Adjust scale as needed
this.tweens.add({
targets: handPointerLeft,
x: {
getStart: () => startWidthLeft,
getEnd: () => endWidthLeft,
}, // End x position
y: {
getStart: () => startHeightLeft,
getEnd: () => endHeightLeft,
},
duration: 3000, // Duration of each bounce
ease: 'Sine.easeInOut',
yoyo: false,
repeat: -1 // -1 means it will repeat indefinitely
});
handPointerLeft.setVisible(false);
// Start Position 626 317
let hideButton = this.add.text(customWidth / 2, customHeight / 1.1, "Let`s Do", { font: '24px quicksand', fill: '#05b3a4' });
hideButton.setInteractive().on('pointerdown', () => {
isDemoButtonClicked = false;
firstScreen.setVisible(false);
hideButton.setVisible(false); // Hide the "Hide" button
demoButton.setVisible(true); // Show the "Demo" button
graphics.setVisible(true);
handPointerLeft.setVisible(false);
});
hideButton.setVisible(false);
let demoButton = this.add.text(customWidth / 2, customHeight / 1.1, "Help", { font: '24px quicksand', fill: '#05b3a4' });
demoButton.setInteractive().on('pointerdown', () => {
graphics.setVisible(false);
firstScreen.setVisible(true);
demoButton.setVisible(false); // Hide the "Demo" button
hideButton.setVisible(true); // Show the "Hide" button
handPointerLeft.setVisible(true);
});
}
// function showLayersWithFadeIn() {
// }
function update() {
// Update any game logic if needed

148
src/pages/guided-tracing/o.astro Normal file
View File

@ -0,0 +1,148 @@
---
import Layout from "../../layouts/Layout.astro";
---
<Layout title="Guided Letter Tracing Game">
<main>
<div>
</div>
<script is:inline src="/assets/js/phaser_3.60.0.js"></script>
</main>
</Layout>
<script is:inline>
const isMobile = window.innerWidth <= 768;
const drawingZone = {
x: isMobile ? 0 : window.innerWidth / 4,
y: window.innerHeight / 4,
width: isMobile ? window.innerWidth : window.innerWidth / 2,
height: window.innerHeight / 2,
};
const config = {
type: Phaser.AUTO,
width: window.innerWidth,
height: window.innerHeight,
backgroundColor: 0xFFFFFF,
scale: {
mode: Phaser.Scale.FIT,
autoCenter: Phaser.Scale.CENTER_HORIZONTALLY,
},
scene: {
preload: preload,
create: create,
update: update
}
};
const game = new Phaser.Game(config);
const customWidth = window.innerWidth;
const customHeight = window.innerHeight;
let firstLayer;
let graphics;
let isDrawing = false;
let ellipseCenter;
let ellipseRadiusX = 74;
let ellipseRadiusY = 100;
let angle = 0;
let rotationSpeed = 0.02; // Adjust rotation speed as needed
let rotatingObject;
// let hideButton;
function preload() {
this.load.svg('letterO', '/assets/capital-letter/o.svg');
this.load.svg('layer1', '/assets/capital-letter/o.svg');
this.load.audio('hookAroundClose', '/assets/audio/hook-arround-close.mp3');
this.load.image('topLogo', '/assets/top_logo.png');
this.load.svg('succesImage', '/assets/svg/tick.svg');
this.load.svg('handPointer', '/assets/svg/hand.svg');
}
function create() {
this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo');
this.add.text(customWidth / 10, 20, "Letter : A", { font: '700 40px quicksand', fill: '#05b3a4', });
const firstScreen = this.add.image(customWidth / 2, customHeight / 2, 'letterO');
firstScreen.setVisible(false);
const screenCenterX = this.cameras.main.worldView.x + this.cameras.main.width / 2;
const baseFontSize = 20;
const responsiveFontSize = (window.innerWidth / 480) * baseFontSize;
const descrptText = this.add.text(screenCenterX, 90, 'Let`s learn how to write letter : A', { font: `${responsiveFontSize}px quicksand`, fill: '#7c4c23', fontWeight : 'bold'}).setOrigin(0.5);
let textX, textY;
firstLayer = this.add.image(customWidth / 2, customHeight / 2, 'layer1');
textX = isMobile ? customWidth / 3 : customWidth * 0.75;
textY = isMobile ? customHeight / 5 : customHeight / 2;
const firstTextLayer = this.add.text(textX, textY, '1. Hook Around Close', { font: '700 40px quicksand', fill: '#05b3a4'});
const hookAroundClose = this.sound.add('hookAroundClose');
hookAroundClose.play();
firstLayer.setDepth(1);
firstLayer.setAlpha(0.5);
firstLayer.setInteractive({ draggable: true });
firstLayer.on('drag', (pointer) => {
if (pointer.isDown) {
firstTextLayer.setVisible(false);
firstLayer.setAlpha(1);
} else {
firstLayer.setAlpha(0.5);
}
});
graphics = this.add.graphics();
graphics.lineStyle(15, 0x05b3a4, 2).setDepth(2); // Set line style (width, color, alpha)
this.input.on('pointerdown', function (pointer) {
isDrawing = true;
graphics.moveTo(pointer.x, pointer.y);
// console.log("Start Position", pointer.x, pointer.y)
});
this.input.on('pointerup', function () {
isDrawing = false;
});
this.input.on('pointermove', function (pointer) {
if (!isDrawing) return;
graphics.lineTo(pointer.x, pointer.y);
graphics.strokePath();
});
ellipseCenter = new Phaser.Math.Vector2(customWidth / 2, customHeight / 2); // Center of the ellipse
rotatingObject = this.add.sprite(ellipseCenter.x + ellipseRadiusX, ellipseCenter.y, 'handPointer');
rotatingObject.setScale(0.5).setDepth(2); // Adjust scale as needed
let hideButton = this.add.text(customWidth / 2, customHeight / 1.1, "Let`s Do", { font: '24px quicksand', fill: '#05b3a4' });
hideButton.setInteractive().on('pointerdown', () => {
isDemoButtonClicked = false;
firstScreen.setVisible(false);
hideButton.setVisible(false); // Hide the "Hide" button
demoButton.setVisible(true); // Show the "Demo" button
graphics.setVisible(true);
hideButton.setVisible(false);
rotatingObject.setVisible(false);
});
hideButton.setVisible(false);
rotatingObject.setVisible(false);
let demoButton = this.add.text(customWidth / 2, customHeight / 1.1, "Help", { font: '24px quicksand', fill: '#05b3a4' });
demoButton.setInteractive().on('pointerdown', () => {
graphics.setVisible(false);
firstScreen.setVisible(true);
demoButton.setVisible(false); // Hide the "Demo" button
hideButton.setVisible(true); // Show the "Hide" button
rotatingObject.setVisible(true);
});
}
function update() {
angle -= rotationSpeed;
const x = ellipseCenter.x + ellipseRadiusX * Math.cos(angle);
const y = ellipseCenter.y + ellipseRadiusY * Math.sin(angle);
rotatingObject.x = x;
rotatingObject.y = y;
// Rotate the object based on the angle (optional)
rotatingObject.rotation = angle;
}
</script>

2
src/pages/tracing/test2.astro → src/pages/tracing/animate-pointer.astro
View File

@ -31,7 +31,7 @@ import Layout from "../../layouts/Layout.astro";
function preload() {
// Preload your assets here
this.load.image('letterA', '/assets/capital-letter/a.svg');
this.load.svg('handPointer', '/assets/svg/hand.svg')
this.load.svg('handPointer', '/assets/svg/hand.svg');
// Load other assets as needed
}

46
src/pages/tracing/half-round.astro Normal file
View File

@ -0,0 +1,46 @@
<script is:inline src="/assets/js/phaser_3.60.0.js"></script>
<!-- this.load.image('handPointer', '/assets/svg/hand.svg'); -->
<script is:inline>
const config = {
type: Phaser.AUTO,
width: 800,
height: 600,
scene: {
create: create
}
};
const game = new Phaser.Game(config);
let svgPath = "M100,200 C100,100 400,100 400,200";
let points = parseSvgPath(svgPath);
function create() {
// Visualize the SVG path using Phaser graphics (optional)
const graphics = this.add.graphics();
graphics.lineStyle(2, 0xffffff);
for (let i = 0; i < points.length - 1; i++) {
graphics.lineBetween(points[i].x, points[i].y, points[i + 1].x, points[i + 1].y);
}
}
function parseSvgPath(path) {
// Parse SVG path data to extract points
// This is a simple example and may not cover all SVG path commands
const commands = path.match(/[a-df-z]|[\-+]?\d+(\.\d+)?/ig);
const points = [];
let currentPoint = { x: 0, y: 0 };
commands.forEach((command, index) => {
if (!isNaN(command)) {
const isX = (index % 2 === 0);
currentPoint[isX ? 'x' : 'y'] = parseFloat(command);
points.push({ ...currentPoint });
}
});
return points;
}
</script>

56
src/pages/tracing/round.astro Normal file
View File

@ -0,0 +1,56 @@
<script is:inline src="/assets/js/phaser_3.60.0.js"></script>
<!-- this.load.image('handPointer', '/assets/svg/hand.svg'); -->
<script is:inline>
const config = {
type: Phaser.AUTO,
width: window.innerWidth,
height: window.innerHeight,
scene: {
preload: preload,
create: create,
update: update
}
};
const game = new Phaser.Game(config);
const customWidth = window.innerWidth;
const customHeight = window.innerHeight;
let ellipseCenter;
let ellipseRadiusX = 74;
let ellipseRadiusY = 100;
let angle = 0;
let rotationSpeed = 0.02; // Adjust rotation speed as needed
let rotatingObject;
function preload(){
this.load.image('handPointer', '/assets/svg/hand.svg');
this.load.image('letterO', '/assets/capital-letter/o.svg')
}
function create() {
this.add.image(customWidth / 2, customHeight / 2, 'letterO');
// Create an ellipse (in this case, a visual representation)
// const graphics = this.add.graphics();
// graphics.lineStyle(2, 0xffffff);
// graphics.strokeEllipse(customWidth / 2, customHeight / 2, ellipseRadiusX * 2, ellipseRadiusY * 2);
ellipseCenter = new Phaser.Math.Vector2(customWidth / 2, customHeight / 2); // Center of the ellipse
rotatingObject = this.add.sprite(ellipseCenter.x + ellipseRadiusX, ellipseCenter.y, 'handPointer');
rotatingObject.setScale(0.5).setDepth(2); // Adjust scale as needed
}
function update() {
// Update the angle for rotation
angle -= rotationSpeed;
// Calculate new position based on the angle and radii
const x = ellipseCenter.x + ellipseRadiusX * Math.cos(angle);
const y = ellipseCenter.y + ellipseRadiusY * Math.sin(angle);
rotatingObject.x = x;
rotatingObject.y = y;
// Rotate the object based on the angle (optional)
rotatingObject.rotation = angle;
}
</script>

92
src/pages/tracing/test.astro
View File

@ -32,7 +32,6 @@ import Layout from "../../layouts/Layout.astro";
update: update
}
};
const game = new Phaser.Game(config);
const customWidth = window.innerWidth;
const customHeight = window.innerHeight;
@ -51,9 +50,9 @@ import Layout from "../../layouts/Layout.astro";
this.load.audio('slide', '/assets/audio/slide.mp3');
this.load.image('topLogo', '/assets/top_logo.png');
this.load.svg('succesImage', '/assets/svg/tick.svg');
this.load.svg('handPointer', '/assets/svg/hand.svg');
}
function create() {
this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo');
this.add.text(customWidth / 10, 20, "Letter : A", { font: '700 40px quicksand', fill: '#05b3a4', });
@ -61,19 +60,28 @@ import Layout from "../../layouts/Layout.astro";
const firstScreen = this.add.image(customWidth / 2, customHeight / 2, 'letterA');
firstScreen.setVisible(false);
let hideButton = this.add.text(customWidth / 2, customHeight / 1.1, "Hide", { font: '24px quicksand', fill: '#05b3a4' });
let hideButton = this.add.text(customWidth / 2, customHeight / 1.1, "Let`s Do", { font: '24px quicksand', fill: '#05b3a4' });
hideButton.setInteractive().on('pointerdown', () => {
isDemoButtonClicked = false;
firstScreen.setVisible(false);
hideButton.setVisible(false); // Hide the "Hide" button
demoButton.setVisible(true); // Show the "Demo" button
graphics.setVisible(true);
handPointerLeft.setVisible(false);
handPointerRight.setVisible(false);
handPointeSlide.setVisible(false);
});
hideButton.setVisible(false);
let demoButton = this.add.text(customWidth / 2, customHeight / 1.1, "Demo", { font: '24px quicksand', fill: '#05b3a4' });
let demoButton = this.add.text(customWidth / 2, customHeight / 1.1, "Help", { font: '24px quicksand', fill: '#05b3a4' });
demoButton.setInteractive().on('pointerdown', () => {
graphics.setVisible(false);
firstScreen.setVisible(true);
demoButton.setVisible(false); // Hide the "Demo" button
hideButton.setVisible(true); // Show the "Hide" button
handPointerLeft.setVisible(true);
handPointerRight.setVisible(true);
handPointeSlide.setVisible(true);
});
@ -159,6 +167,7 @@ import Layout from "../../layouts/Layout.astro";
this.input.on('pointerdown', function (pointer) {
isDrawing = true;
graphics.moveTo(pointer.x, pointer.y);
console.log("Start Position", pointer.x, pointer.y)
});
this.input.on('pointerup', function () {
@ -171,6 +180,81 @@ import Layout from "../../layouts/Layout.astro";
graphics.lineTo(pointer.x, pointer.y);
graphics.strokePath();
});
const handPointerLeft = this.add.sprite(customWidth / 2, customHeight / 2, 'handPointer');
const startHeightLeft = customHeight /2 - 140; // Starting y position
const endHeightLeft = 567; // Ending y position
const startWidthLeft = customWidth / 2 + 20;
const endWidthLeft = customWidth / 2 - 65;
// handPointer.setOrigin(0.5, 0.5);
handPointerLeft.setScale(0.5).setDepth(2); // Adjust scale as needed
// Define the bounce animation
this.tweens.add({
targets: handPointerLeft,
x: {
getStart: () => startWidthLeft,
getEnd: () => endWidthLeft,
}, // End x position
y: {
getStart: () => startHeightLeft,
getEnd: () => endHeightLeft,
},
duration: 3000, // Duration of each bounce
ease: 'Sine.easeInOut',
yoyo: false,
repeat: -1 // -1 means it will repeat indefinitely
});
const handPointerRight = this.add.sprite(customWidth / 2, customHeight / 2, 'handPointer');
const startHeightRight = customHeight /2 - 140; // Starting y position
const endHeightRight = 567; // Ending y position
const startWidthRight = customWidth / 2 + 20;
const endWidthRight = customWidth - 530;
// handPointer.setOrigin(0.5, 0.5);
handPointerRight.setScale(0.5).setDepth(2).setAngle(360); // Adjust scale as needed
// Define the bounce animation
this.tweens.add({
targets: handPointerRight,
x: {
getStart: () => startWidthRight,
getEnd: () => endWidthRight,
}, // End x position
y: {
getStart: () => startHeightRight,
getEnd: () => endHeightRight,
},
duration: 3000, // Duration of each bounce
ease: 'Sine.easeInOut',
yoyo: false,
repeat: -1 // -1 means it will repeat indefinitely
});
const handPointeSlide = this.add.sprite(customWidth / 2, customHeight / 2, 'handPointer');
const startHeightSlide = customHeight / 2 + 17; // Starting y position
const endHeightSlide = customHeight / 2 + 17; // Ending y position
const startWidthSlide = customWidth / 2 - 60;
const endWidthSlide = customWidth / 2 + 55;
// handPointer.setOrigin(0.5, 0.5);
handPointeSlide.setScale(0.5).setDepth(2).setAngle(45); // Adjust scale as needed
// Define the bounce animation
this.tweens.add({
targets: handPointeSlide,
x: {
getStart: () => startWidthSlide,
getEnd: () => endWidthSlide,
}, // End x position
y: {
getStart: () => startHeightSlide,
getEnd: () => endHeightSlide,
},
duration: 3000, // Duration of each bounce
ease: 'Sine.easeInOut',
yoyo: false,
repeat: -1 // -1 means it will repeat indefinitely
});
handPointerLeft.setVisible(false);
handPointerRight.setVisible(false);
handPointeSlide.setVisible(false);
// Start Position 626 317
}
// function showLayersWithFadeIn() {

23
src/pages/tracing/test3.astro
View File

@ -0,0 +1,23 @@
<script is:inline>
function create() {
const startX = 100; // X coordinate for the start point
const startY = 300; // Y coordinate for the start point
const endY = 500; // Y coordinate for the end point
const ball = this.add.sprite(startX, startY, 'ball');
ball.setScale(0.5); // Adjust scale as needed
ball.setOrigin(0.5, 0.5);
// Define the bounce animation
this.tweens.add({
targets: ball,
y: endY, // End point Y coordinate
duration: 1000, // Duration of each bounce
ease: 'Sine.easeInOut',
yoyo: true,
repeat: -1 // -1 means it will repeat indefinitely
});
}
</script>