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

s1

pull/9/head
Suvodip 2024-06-07 15:08:13 +05:30
parent 42afce4bb0
commit 84b5b1747f
6 changed files with 231 additions and 330 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/assets/animated-letter/small_k.mp4
View File

Binary file not shown.

138
public/assets/small-letter/ks.svg
View File

@ -7,130 +7,106 @@
viewBox="0 0 100 100" viewBox="0 0 100 100"
version="1.1" version="1.1"
id="svg5" id="svg5"
xml:space="preserve"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"> xmlns:svg="http://www.w3.org/2000/svg"><defs
<defs id="defs2"><linearGradient
id="defs2"> id="swatch6"><stop
<marker style="stop-color:#808080;stop-opacity:1;"
offset="0"
id="stop6" /></linearGradient><marker
style="overflow:visible" style="overflow:visible"
id="Arrow2-36" id="Arrow2-36-3"
refX="0" refX="0"
refY="0" refY="0"
orient="auto-start-reverse" orient="auto-start-reverse"
markerWidth="7.6999998" markerWidth="7.6999998"
markerHeight="5.5999999" markerHeight="5.5999999"
viewBox="0 0 7.7 5.6" viewBox="0 0 7.7 5.6"
preserveAspectRatio="xMidYMid"> preserveAspectRatio="xMidYMid"><path
<path
transform="scale(0.7)" transform="scale(0.7)"
d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z" 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" style="fill:context-stroke;fill-rule:evenodd;stroke:none"
id="arrow2L-0" /> id="arrow2L-0-6" /></marker></defs><g
</marker> id="g9"
</defs> style="display:inline"><path
<g style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7.023;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
id="g1" d="M 33.897256,10.914479 C 33.616971,9.8851391 33.786514,71.343218 33.786514,71.343218"
style="display:inline"> id="path127-7" /><g
<path id="g4983-5"
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7.02288;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1" transform="matrix(1.5341872,0,0,1.4840821,-18.065036,-1.352247)"
d="M 33.911427,11.027112 C 33.631142,9.9977722 33.800685,71.455847 33.800685,71.455847" style="display:inline"><text
id="path127" />
<g
id="g4983"
transform="matrix(1.5341872,0,0,1.4840821,-18.050865,-1.2396139)"
style="display:inline">
<text
xml:space="preserve" 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" 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.887978" x="32.887978"
y="12.794106" y="12.794106"
id="text9342" id="text9342-3"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
id="tspan9340" id="tspan9340-5"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1" style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="32.887978" x="32.887978"
y="12.794106">1</tspan></text> y="12.794106">1</tspan></text><circle
<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.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448" id="path9448-6"
cx="-34.067326" cx="-34.067326"
cy="-10.754245" cy="-10.754245"
transform="rotate(-178.67073)" transform="rotate(-178.67073)"
r="1.2760839" /> r="1.2760839" /></g><path
</g> 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-36-3);paint-order:stroke fill markers"
<path d="m 33.859011,29.420135 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.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-36);paint-order:stroke fill markers" id="path13743-2" /></g><g
d="m 33.873182,29.532764 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471" id="g10"
id="path13743" /> style="display:inline"><path
</g>
<g
id="g3"
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" 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 53.121566,35.007804 C 52.980692,35.185632 34.558514,61.649272 34.558514,61.649272" d="M 58.816429,43.133531 C 56.694269,44.70809 37.161399,59.276133 35.853105,60.460409"
id="path15674" /> id="path15674-9" /><g
<g id="g21551-1"
id="g21551" transform="matrix(1.0493551,-0.80462172,0.75631798,1.1250384,-11.344737,78.798908)"
transform="matrix(1.0709125,-0.77569872,0.72534851,1.1452501,-18.674442,70.434291)" style="display:inline"><text
style="display:inline">
<text
xml:space="preserve" 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" 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" x="54.113926"
y="-23.497944" y="-23.497944"
id="text15678" id="text15678-2"
transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
id="tspan15676" id="tspan15676-7"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1" style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
x="54.113926" x="54.113926"
y="-23.497944">2</tspan></text> y="-23.497944">2</tspan></text><circle
<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.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle15680" id="circle15680-0"
cx="-54.018658" cx="-54.018658"
cy="25.946033" cy="25.946033"
r="1.2760839" r="1.2760839"
transform="rotate(-144.24458)" /> transform="rotate(-144.24458)" /></g><path
</g> style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.411819;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-36-3);paint-order:stroke fill markers"
<path d="m 48.976421,50.160424 c 1.491381,-1.085308 7.26986,-5.212171 7.26986,-5.212171"
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-36);paint-order:stroke fill markers" id="path15682-9" /></g><g
d="m 44.081818,46.966203 c 1.269428,-1.730977 6.21501,-8.34923 6.21501,-8.34923" id="g11"
id="path15682" /> style="display:inline"><path
</g> style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:6.88793;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
<g d="M 44.011809,54.273077 59.185821,71.265479"
id="g2"> id="path1108-3" /><path
<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-36-3);paint-order:normal"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:6.90976;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1" d="M 53.607403,65.037959 47.429246,58.315175"
d="M 40.051918,54.212516 55.451943,71.504821" id="path9576-6" /><g
id="path1108" /> id="g21538-0"
<path transform="matrix(1.2270494,0,0,1.2270494,-27.438185,-36.914981)"
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-36);paint-order:normal" style="display:inline"><ellipse
d="M 48.935982,65.561819 43.108673,58.532742"
id="path9576" />
<g
id="g21538"
transform="matrix(1.2270494,0,0,1.2270494,-30.897128,-36.279825)"
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" 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" id="circle9582-6"
cx="-74.661598" cx="-74.661598"
cy="60.70055" cy="60.70055"
transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)" transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
rx="1.2146922" rx="1.2146922"
ry="1.1834064" /> ry="1.1834064" /><text
<text
xml:space="preserve" 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" 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" x="59.531094"
y="75.579971" y="75.579971"
id="text9714" id="text9714-2"
transform="scale(0.98702867,1.0131418)"><tspan transform="scale(0.98702867,1.0131418)"><tspan
id="tspan9712" id="tspan9712-6"
style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal" style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="59.531094" x="59.531094"
y="75.579971">3</tspan></text> y="75.579971">3</tspan></text></g></g></svg>
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.5 KiB

After

Width:  |  Height:  |  Size: 6.6 KiB

139
public/assets/small-letter/ks_l1.svg
View File

@ -7,131 +7,106 @@
viewBox="0 0 100 100" viewBox="0 0 100 100"
version="1.1" version="1.1"
id="svg5" id="svg5"
xml:space="preserve"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"> xmlns:svg="http://www.w3.org/2000/svg"><defs
<defs id="defs2"><linearGradient
id="defs2"> id="swatch6"><stop
<marker style="stop-color:#808080;stop-opacity:1;"
offset="0"
id="stop6" /></linearGradient><marker
style="overflow:visible" style="overflow:visible"
id="Arrow2-36" id="Arrow2-36-3"
refX="0" refX="0"
refY="0" refY="0"
orient="auto-start-reverse" orient="auto-start-reverse"
markerWidth="7.6999998" markerWidth="7.6999998"
markerHeight="5.5999999" markerHeight="5.5999999"
viewBox="0 0 7.7 5.6" viewBox="0 0 7.7 5.6"
preserveAspectRatio="xMidYMid"> preserveAspectRatio="xMidYMid"><path
<path
transform="scale(0.7)" transform="scale(0.7)"
d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z" 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" style="fill:context-stroke;fill-rule:evenodd;stroke:none"
id="arrow2L-0" /> id="arrow2L-0-6" /></marker></defs><g
</marker> id="g9"
</defs> style="display:inline"><path
<g style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7.023;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
id="g1" d="M 33.897256,10.914479 C 33.616971,9.8851391 33.786514,71.343218 33.786514,71.343218"
style="display:inline"> id="path127-7" /><g
<path id="g4983-5"
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7.02288;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1" transform="matrix(1.5341872,0,0,1.4840821,-18.065036,-1.352247)"
d="M 33.911427,11.027112 C 33.631142,9.9977722 33.800685,71.455847 33.800685,71.455847" style="display:inline"><text
id="path127" />
<g
id="g4983"
transform="matrix(1.5341872,0,0,1.4840821,-18.050865,-1.2396139)"
style="display:inline">
<text
xml:space="preserve" 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" 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.887978" x="32.887978"
y="12.794106" y="12.794106"
id="text9342" id="text9342-3"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
id="tspan9340" id="tspan9340-5"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1" style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="32.887978" x="32.887978"
y="12.794106">1</tspan></text> y="12.794106">1</tspan></text><circle
<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.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448" id="path9448-6"
cx="-34.067326" cx="-34.067326"
cy="-10.754245" cy="-10.754245"
transform="rotate(-178.67073)" transform="rotate(-178.67073)"
r="1.2760839" /> r="1.2760839" /></g><path
</g> 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-36-3);paint-order:stroke fill markers"
<path d="m 33.859011,29.420135 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.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-36);paint-order:stroke fill markers" id="path13743-2" /></g><g
d="m 33.873182,29.532764 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471" id="g10"
id="path13743" /> style="display:none"><path
</g>
<g
id="g3"
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" 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 53.121566,35.007804 C 52.980692,35.185632 34.558514,61.649272 34.558514,61.649272" d="M 58.816429,43.133531 C 56.694269,44.70809 37.161399,59.276133 35.853105,60.460409"
id="path15674" /> id="path15674-9" /><g
<g id="g21551-1"
id="g21551" transform="matrix(1.0493551,-0.80462172,0.75631798,1.1250384,-11.344737,78.798908)"
transform="matrix(1.0709125,-0.77569872,0.72534851,1.1452501,-18.674442,70.434291)" style="display:inline"><text
style="display:inline">
<text
xml:space="preserve" 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" 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" x="54.113926"
y="-23.497944" y="-23.497944"
id="text15678" id="text15678-2"
transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
id="tspan15676" id="tspan15676-7"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1" style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
x="54.113926" x="54.113926"
y="-23.497944">2</tspan></text> y="-23.497944">2</tspan></text><circle
<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.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle15680" id="circle15680-0"
cx="-54.018658" cx="-54.018658"
cy="25.946033" cy="25.946033"
r="1.2760839" r="1.2760839"
transform="rotate(-144.24458)" /> transform="rotate(-144.24458)" /></g><path
</g> style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.411819;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-36-3);paint-order:stroke fill markers"
<path d="m 48.976421,50.160424 c 1.491381,-1.085308 7.26986,-5.212171 7.26986,-5.212171"
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-36);paint-order:stroke fill markers" id="path15682-9" /></g><g
d="m 44.081818,46.966203 c 1.269428,-1.730977 6.21501,-8.34923 6.21501,-8.34923" id="g11"
id="path15682" /> style="display:none"><path
</g> style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:6.88793;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
<g d="M 44.011809,54.273077 59.185821,71.265479"
id="g2" id="path1108-3" /><path
style="display:none"> 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-36-3);paint-order:normal"
<path d="M 53.607403,65.037959 47.429246,58.315175"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:6.90976;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1" id="path9576-6" /><g
d="M 40.051918,54.212516 55.451943,71.504821" id="g21538-0"
id="path1108" /> transform="matrix(1.2270494,0,0,1.2270494,-27.438185,-36.914981)"
<path style="display:inline"><ellipse
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-36);paint-order:normal"
d="M 48.935982,65.561819 43.108673,58.532742"
id="path9576" />
<g
id="g21538"
transform="matrix(1.2270494,0,0,1.2270494,-30.897128,-36.279825)"
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" 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" id="circle9582-6"
cx="-74.661598" cx="-74.661598"
cy="60.70055" cy="60.70055"
transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)" transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
rx="1.2146922" rx="1.2146922"
ry="1.1834064" /> ry="1.1834064" /><text
<text
xml:space="preserve" 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" 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" x="59.531094"
y="75.579971" y="75.579971"
id="text9714" id="text9714-2"
transform="scale(0.98702867,1.0131418)"><tspan transform="scale(0.98702867,1.0131418)"><tspan
id="tspan9712" id="tspan9712-6"
style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal" style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="59.531094" x="59.531094"
y="75.579971">3</tspan></text> y="75.579971">3</tspan></text></g></g></svg>
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.5 KiB

After

Width:  |  Height:  |  Size: 6.6 KiB

139
public/assets/small-letter/ks_l2.svg
View File

@ -7,131 +7,106 @@
viewBox="0 0 100 100" viewBox="0 0 100 100"
version="1.1" version="1.1"
id="svg5" id="svg5"
xml:space="preserve"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"> xmlns:svg="http://www.w3.org/2000/svg"><defs
<defs id="defs2"><linearGradient
id="defs2"> id="swatch6"><stop
<marker style="stop-color:#808080;stop-opacity:1;"
offset="0"
id="stop6" /></linearGradient><marker
style="overflow:visible" style="overflow:visible"
id="Arrow2-36" id="Arrow2-36-3"
refX="0" refX="0"
refY="0" refY="0"
orient="auto-start-reverse" orient="auto-start-reverse"
markerWidth="7.6999998" markerWidth="7.6999998"
markerHeight="5.5999999" markerHeight="5.5999999"
viewBox="0 0 7.7 5.6" viewBox="0 0 7.7 5.6"
preserveAspectRatio="xMidYMid"> preserveAspectRatio="xMidYMid"><path
<path
transform="scale(0.7)" transform="scale(0.7)"
d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z" 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" style="fill:context-stroke;fill-rule:evenodd;stroke:none"
id="arrow2L-0" /> id="arrow2L-0-6" /></marker></defs><g
</marker> id="g9"
</defs> style="display:none"><path
<g style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7.023;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
id="g1" d="M 33.897256,10.914479 C 33.616971,9.8851391 33.786514,71.343218 33.786514,71.343218"
style="display:none"> id="path127-7" /><g
<path id="g4983-5"
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7.02288;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1" transform="matrix(1.5341872,0,0,1.4840821,-18.065036,-1.352247)"
d="M 33.911427,11.027112 C 33.631142,9.9977722 33.800685,71.455847 33.800685,71.455847" style="display:inline"><text
id="path127" />
<g
id="g4983"
transform="matrix(1.5341872,0,0,1.4840821,-18.050865,-1.2396139)"
style="display:inline">
<text
xml:space="preserve" 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" 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.887978" x="32.887978"
y="12.794106" y="12.794106"
id="text9342" id="text9342-3"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
id="tspan9340" id="tspan9340-5"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1" style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="32.887978" x="32.887978"
y="12.794106">1</tspan></text> y="12.794106">1</tspan></text><circle
<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.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448" id="path9448-6"
cx="-34.067326" cx="-34.067326"
cy="-10.754245" cy="-10.754245"
transform="rotate(-178.67073)" transform="rotate(-178.67073)"
r="1.2760839" /> r="1.2760839" /></g><path
</g> 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-36-3);paint-order:stroke fill markers"
<path d="m 33.859011,29.420135 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.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-36);paint-order:stroke fill markers" id="path13743-2" /></g><g
d="m 33.873182,29.532764 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471" id="g10"
id="path13743" /> style="display:inline"><path
</g>
<g
id="g3"
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" 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 53.121566,35.007804 C 52.980692,35.185632 34.558514,61.649272 34.558514,61.649272" d="M 58.816429,43.133531 C 56.694269,44.70809 37.161399,59.276133 35.853105,60.460409"
id="path15674" /> id="path15674-9" /><g
<g id="g21551-1"
id="g21551" transform="matrix(1.0493551,-0.80462172,0.75631798,1.1250384,-11.344737,78.798908)"
transform="matrix(1.0709125,-0.77569872,0.72534851,1.1452501,-18.674442,70.434291)" style="display:inline"><text
style="display:inline">
<text
xml:space="preserve" 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" 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" x="54.113926"
y="-23.497944" y="-23.497944"
id="text15678" id="text15678-2"
transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
id="tspan15676" id="tspan15676-7"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1" style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
x="54.113926" x="54.113926"
y="-23.497944">2</tspan></text> y="-23.497944">2</tspan></text><circle
<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.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle15680" id="circle15680-0"
cx="-54.018658" cx="-54.018658"
cy="25.946033" cy="25.946033"
r="1.2760839" r="1.2760839"
transform="rotate(-144.24458)" /> transform="rotate(-144.24458)" /></g><path
</g> style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.411819;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-36-3);paint-order:stroke fill markers"
<path d="m 48.976421,50.160424 c 1.491381,-1.085308 7.26986,-5.212171 7.26986,-5.212171"
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-36);paint-order:stroke fill markers" id="path15682-9" /></g><g
d="m 44.081818,46.966203 c 1.269428,-1.730977 6.21501,-8.34923 6.21501,-8.34923" id="g11"
id="path15682" /> style="display:none"><path
</g> style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:6.88793;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
<g d="M 44.011809,54.273077 59.185821,71.265479"
id="g2" id="path1108-3" /><path
style="display:none"> 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-36-3);paint-order:normal"
<path d="M 53.607403,65.037959 47.429246,58.315175"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:6.90976;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1" id="path9576-6" /><g
d="M 40.051918,54.212516 55.451943,71.504821" id="g21538-0"
id="path1108" /> transform="matrix(1.2270494,0,0,1.2270494,-27.438185,-36.914981)"
<path style="display:inline"><ellipse
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-36);paint-order:normal"
d="M 48.935982,65.561819 43.108673,58.532742"
id="path9576" />
<g
id="g21538"
transform="matrix(1.2270494,0,0,1.2270494,-30.897128,-36.279825)"
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" 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" id="circle9582-6"
cx="-74.661598" cx="-74.661598"
cy="60.70055" cy="60.70055"
transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)" transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
rx="1.2146922" rx="1.2146922"
ry="1.1834064" /> ry="1.1834064" /><text
<text
xml:space="preserve" 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" 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" x="59.531094"
y="75.579971" y="75.579971"
id="text9714" id="text9714-2"
transform="scale(0.98702867,1.0131418)"><tspan transform="scale(0.98702867,1.0131418)"><tspan
id="tspan9712" id="tspan9712-6"
style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal" style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="59.531094" x="59.531094"
y="75.579971">3</tspan></text> y="75.579971">3</tspan></text></g></g></svg>
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.5 KiB

After

Width:  |  Height:  |  Size: 6.6 KiB

139
public/assets/small-letter/ks_l3.svg
View File

@ -7,131 +7,106 @@
viewBox="0 0 100 100" viewBox="0 0 100 100"
version="1.1" version="1.1"
id="svg5" id="svg5"
xml:space="preserve"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"> xmlns:svg="http://www.w3.org/2000/svg"><defs
<defs id="defs2"><linearGradient
id="defs2"> id="swatch6"><stop
<marker style="stop-color:#808080;stop-opacity:1;"
offset="0"
id="stop6" /></linearGradient><marker
style="overflow:visible" style="overflow:visible"
id="Arrow2-36" id="Arrow2-36-3"
refX="0" refX="0"
refY="0" refY="0"
orient="auto-start-reverse" orient="auto-start-reverse"
markerWidth="7.6999998" markerWidth="7.6999998"
markerHeight="5.5999999" markerHeight="5.5999999"
viewBox="0 0 7.7 5.6" viewBox="0 0 7.7 5.6"
preserveAspectRatio="xMidYMid"> preserveAspectRatio="xMidYMid"><path
<path
transform="scale(0.7)" transform="scale(0.7)"
d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z" 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" style="fill:context-stroke;fill-rule:evenodd;stroke:none"
id="arrow2L-0" /> id="arrow2L-0-6" /></marker></defs><g
</marker> id="g9"
</defs> style="display:none"><path
<g style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7.023;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
id="g1" d="M 33.897256,10.914479 C 33.616971,9.8851391 33.786514,71.343218 33.786514,71.343218"
style="display:none"> id="path127-7" /><g
<path id="g4983-5"
style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7.02288;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1" transform="matrix(1.5341872,0,0,1.4840821,-18.065036,-1.352247)"
d="M 33.911427,11.027112 C 33.631142,9.9977722 33.800685,71.455847 33.800685,71.455847" style="display:inline"><text
id="path127" />
<g
id="g4983"
transform="matrix(1.5341872,0,0,1.4840821,-18.050865,-1.2396139)"
style="display:inline">
<text
xml:space="preserve" 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" 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.887978" x="32.887978"
y="12.794106" y="12.794106"
id="text9342" id="text9342-3"
transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
id="tspan9340" id="tspan9340-5"
style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1" style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
x="32.887978" x="32.887978"
y="12.794106">1</tspan></text> y="12.794106">1</tspan></text><circle
<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.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="path9448" id="path9448-6"
cx="-34.067326" cx="-34.067326"
cy="-10.754245" cy="-10.754245"
transform="rotate(-178.67073)" transform="rotate(-178.67073)"
r="1.2760839" /> r="1.2760839" /></g><path
</g> 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-36-3);paint-order:stroke fill markers"
<path d="m 33.859011,29.420135 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.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-36);paint-order:stroke fill markers" id="path13743-2" /></g><g
d="m 33.873182,29.532764 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471" id="g10"
id="path13743" /> style="display:none"><path
</g>
<g
id="g3"
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" 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 53.121566,35.007804 C 52.980692,35.185632 34.558514,61.649272 34.558514,61.649272" d="M 58.816429,43.133531 C 56.694269,44.70809 37.161399,59.276133 35.853105,60.460409"
id="path15674" /> id="path15674-9" /><g
<g id="g21551-1"
id="g21551" transform="matrix(1.0493551,-0.80462172,0.75631798,1.1250384,-11.344737,78.798908)"
transform="matrix(1.0709125,-0.77569872,0.72534851,1.1452501,-18.674442,70.434291)" style="display:inline"><text
style="display:inline">
<text
xml:space="preserve" 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" 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" x="54.113926"
y="-23.497944" y="-23.497944"
id="text15678" id="text15678-2"
transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
id="tspan15676" id="tspan15676-7"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1" style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
x="54.113926" x="54.113926"
y="-23.497944">2</tspan></text> y="-23.497944">2</tspan></text><circle
<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.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
id="circle15680" id="circle15680-0"
cx="-54.018658" cx="-54.018658"
cy="25.946033" cy="25.946033"
r="1.2760839" r="1.2760839"
transform="rotate(-144.24458)" /> transform="rotate(-144.24458)" /></g><path
</g> style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.411819;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-36-3);paint-order:stroke fill markers"
<path d="m 48.976421,50.160424 c 1.491381,-1.085308 7.26986,-5.212171 7.26986,-5.212171"
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-36);paint-order:stroke fill markers" id="path15682-9" /></g><g
d="m 44.081818,46.966203 c 1.269428,-1.730977 6.21501,-8.34923 6.21501,-8.34923" id="g11"
id="path15682" /> style="display:inline"><path
</g> style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:6.88793;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
<g d="M 44.011809,54.273077 59.185821,71.265479"
id="g2" id="path1108-3" /><path
style="display:inline"> 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-36-3);paint-order:normal"
<path d="M 53.607403,65.037959 47.429246,58.315175"
style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:6.90976;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1" id="path9576-6" /><g
d="M 40.051918,54.212516 55.451943,71.504821" id="g21538-0"
id="path1108" /> transform="matrix(1.2270494,0,0,1.2270494,-27.438185,-36.914981)"
<path style="display:inline"><ellipse
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-36);paint-order:normal"
d="M 48.935982,65.561819 43.108673,58.532742"
id="path9576" />
<g
id="g21538"
transform="matrix(1.2270494,0,0,1.2270494,-30.897128,-36.279825)"
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" 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" id="circle9582-6"
cx="-74.661598" cx="-74.661598"
cy="60.70055" cy="60.70055"
transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)" transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
rx="1.2146922" rx="1.2146922"
ry="1.1834064" /> ry="1.1834064" /><text
<text
xml:space="preserve" 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" 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" x="59.531094"
y="75.579971" y="75.579971"
id="text9714" id="text9714-2"
transform="scale(0.98702867,1.0131418)"><tspan transform="scale(0.98702867,1.0131418)"><tspan
id="tspan9712" id="tspan9712-6"
style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal" style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
x="59.531094" x="59.531094"
y="75.579971">3</tspan></text> y="75.579971">3</tspan></text></g></g></svg>
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.5 KiB

After

Width:  |  Height:  |  Size: 6.6 KiB

6
src/pages/guided-tracing/d.astro
View File

@ -72,15 +72,15 @@ import Layout from "../../layouts/Layout.astro";
cloudHeight = 250; cloudHeight = 250;
canvasScale = 0.195; canvasScale = 0.195;
canvasHeight = 20; canvasHeight = 20;
letterHeight = 65; letterHeight = 90;
letterScale = 1; letterScale = 1.3;
backgroundScale = 1; backgroundScale = 1;
sunScale = 0.2; sunScale = 0.2;
sunScalePlus = 0.25; sunScalePlus = 0.25;
sunWidth = 200; sunWidth = 200;
sunHeight = 100; sunHeight = 100;
animatedVideScale = 0.7; animatedVideScale = 0.9;
animatedDHeight = 20; animatedDHeight = 20;
helpButtonHeight = customHeight / 2 + 40; helpButtonHeight = customHeight / 2 + 40;
helpButtonWidth = customWidth / 1.32; helpButtonWidth = customWidth / 1.32;