VSinerva/freesewing
1
0
Fork 0
Code Activity

Merge pull request #5998 from nataliasayang/develop

Browse source 
Adds Lumira and Lumina line drawings and fixes Lucy line drawing
This commit is contained in:
Joost De Cock 2024-02-10 14:25:27 +01:00 • committed by GitHub
commit 1cbfa5e9fc
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 379 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

8
sites/shared/components/designs/linedrawings/index.mjs
View file

@ -14,6 +14,8 @@ import { Bruce, BruceFront, BruceBack } from 'shared/components/designs/linedraw
import { Diana, DianaFront, DianaBack } from 'shared/components/designs/linedrawings/diana.mjs'
import { Florence, FlorenceFront } from 'shared/components/designs/linedrawings/florence.mjs'
import { Lucy, LucyFront } from 'shared/components/designs/linedrawings/lucy.mjs'
import { Lumina, LuminaFront, LuminaBack } from 'shared/components/designs/linedrawings/lumina.mjs'
import { Lumira, LumiraFront, LumiraBack } from 'shared/components/designs/linedrawings/lumira.mjs'
import { Noble, NobleFront, NobleBack } from 'shared/components/designs/linedrawings/noble.mjs'
import { Hortensia, HortensiaFront } from 'shared/components/designs/linedrawings/hortensia.mjs'
import { Simon, SimonFront, SimonBack } from 'shared/components/designs/linedrawings/simon.mjs'
@ -40,6 +42,8 @@ export const lineDrawingsFront = {
diana: DianaFront,
florence: FlorenceFront,
lucy: LucyFront,
lumina: LuminaFront,
lumira: LumiraFront,
noble: NobleFront,
hortensia: HortensiaFront,
simon: SimonFront,
@ -57,6 +61,8 @@ export const lineDrawingsBack = {
brian: BrianBack,
bruce: BruceBack,
diana: DianaBack,
lumina: LuminaBack,
lumira: LumiraBack,
noble: NobleBack,
simon: SimonBack,
tristan: TristanBack,
@ -78,6 +84,8 @@ export const lineDrawings = {
diana: Diana,
florence: Florence,
lucy: Lucy,
lumina: Lumina,
lumira: Lumira,
noble: Noble,
hortensia: Hortensia,
simon: Simon,

34
sites/shared/components/designs/linedrawings/lucy.mjs
View file

@ -40,7 +40,39 @@ export const Front = ({ stroke }) => (
<>
<path
key="outline"
d="m 119.31362,29.903342 1.43903,0.01296 m -19.3545,0.01513 -0.24132,49.456665 m -18.956517,-51.83541 -5.27992,-0.928 c -1.116,-0.104 -2.8,-0.344 -4.724,-0.996 -6.32,-2.14 -8.076,-6.28 -14.576,-12.576 -4.82,-4.6680003 -8.388,-8.1240003 -14.22,-9.8120003 -1.68,-0.484 -6.312,-1.768 -11.764,-0.492 -6.532,1.528 -11.496,6.084 -15.836,10.0720003 -1.636,1.5 -2.66,2.62 -4.888,4.244 -3.2999998,2.404 -6.4119998,3.856 -8.5879998,4.72 l 1.28,1.608 c 2.092,-0.864 5.084,-2.316 8.2519998,-4.724 2.136,-1.624 3.116,-2.748 4.68,-4.252 4.156,-3.992 8.912,-8.5600003 15.204,-10.0880003 5.252,-1.272 9.74,0.02 11.364,0.512 5.644,1.7 9.124,5.1760003 13.816,9.8680003 6.332,6.332 8.099355,10.311223 14.219355,12.467223 1.864,0.656 11.008155,2.668019 11.008155,2.668019 l 1.302101,0.05941 m 37.062386,-2.35865 4.896,-0.92 c 1.116,-0.104 2.8,-0.344 4.724,-0.996 6.32,-2.14 8.076,-6.28 14.576,-12.576 4.82,-4.6680003 8.388,-8.1240003 14.22,-9.8120003 1.68,-0.484 6.312,-1.768 11.764,-0.492 6.532,1.528 11.496,6.084 15.836,10.0720003 1.636,1.5 2.66,2.62 4.888,4.244 3.3,2.404 6.412,3.856 8.588,4.72 l -1.28,1.608 c -2.092,-0.864 -5.084,-2.316 -8.252,-4.724 -2.136,-1.624 -3.116,-2.748 -4.68,-4.252 -4.156,-3.992 -8.912,-8.5600003 -15.204,-10.0880003 -5.252,-1.272 -9.74,0.02 -11.364,0.512 -5.644,1.7 -9.124,5.1760003 -13.816,9.8680003 -6.332,6.332 -8.064,10.488 -14.184,12.644 -1.864,0.656 -10.47174,2.563612 -10.47174,2.563612 m -0.0246,1.064388 c 3.1531,16.08495 12.8723,36.23223 13.8522,41.08248 1.10403,5.46469 0.0918,25.54178 0.0168,34.169651 -0.17157,19.74774 -2.6,21.94532 -19.78648,23.17898 H 88.117783 c -17.18648,-1.23366 -19.6149,-3.43124 -19.78647,-23.17898 -0.075,-8.627871 -1.08719,-28.704961 0.0168,-34.169651 0.9799,-4.85025 10.6991,-24.99753 13.8522,-41.08248 v -3.428 h 19.225997 19.26387 z M 88.805293,127.91469 c -16.20535,-1.18707 -18.49514,-3.30163 -18.65692,-22.30339 -0.0707,-8.301938 -1.02512,-27.620618 0.0159,-32.878878 0.92396,-4.66703 10.08832,-24.05324 13.06142,-39.53058 l 0.224311,-3.298503 35.863616,3e-6 0.24033,3.2985 c 2.9731,15.47734 12.13746,34.86355 13.06142,39.53058 1.041,5.25826 0.0865,24.57694 0.0159,32.878878 -0.16178,19.00176 -2.45157,21.11632 -18.65692,22.30339 z"
d="m 99.879935,29.9096
v 51.027589
l 1.313145,-0.005 1.31315,-0.005
V 29.899627
m 16.80739,0.0037 1.43903,0.01296
m -19.50294,-4.95e-4 -0.0929,49.47229
m -18.956517,-51.83541 -5.27992,-0.928
c -1.116,-0.104 -2.8,-0.344 -4.724,-0.996 -6.32,-2.14 -8.076,-6.28 -14.576,-12.576 -4.82,-4.6680003 -8.388,-8.1240003 -14.22,-9.8120003 -1.68,-0.484 -6.312,-1.768 -11.764,-0.492 -6.532,1.528 -11.496,6.084 -15.836,10.0720003 -1.636,1.5 -2.66,2.62 -4.888,4.244 -3.2999998,2.404 -6.4119998,3.856 -8.5879998,4.72
l 1.28,1.608
c 2.092,-0.864 5.084,-2.316 8.2519998,-4.724 2.136,-1.624 3.116,-2.748 4.68,-4.252 4.156,-3.992 8.912,-8.5600003 15.204,-10.0880003 5.252,-1.272 9.74,0.02 11.364,0.512 5.644,1.7 9.124,5.1760003 13.816,9.8680003 6.332,6.332 8.099355,10.311223 14.219355,12.467223 1.864,0.656 11.008155,2.668019 11.008155,2.668019
l 1.302101,0.05941
m 37.062386,-2.35865 4.896,-0.92
c 1.116,-0.104 2.8,-0.344 4.724,-0.996 6.32,-2.14 8.076,-6.28 14.576,-12.576 4.82,-4.6680003 8.388,-8.1240003 14.22,-9.8120003 1.68,-0.484 6.312,-1.768 11.764,-0.492 6.532,1.528 11.496,6.084 15.836,10.0720003 1.636,1.5 2.66,2.62 4.888,4.244 3.3,2.404 6.412,3.856 8.588,4.72
l -1.28,1.608
c -2.092,-0.864 -5.084,-2.316 -8.252,-4.724 -2.136,-1.624 -3.116,-2.748 -4.68,-4.252 -4.156,-3.992 -8.912,-8.5600003 -15.204,-10.0880003 -5.252,-1.272 -9.74,0.02 -11.364,0.512 -5.644,1.7 -9.124,5.1760003 -13.816,9.8680003 -6.332,6.332 -8.064,10.488 -14.184,12.644 -1.864,0.656 -10.47174,2.563612 -10.47174,2.563612
m -0.0246,1.064388
c 3.1531,16.08495 12.8723,36.23223 13.8522,41.08248 1.10403,5.46469 0.0918,25.54178 0.0168,34.169651 -0.17157,19.74774 -2.6,21.94532 -19.78648,23.17898
H 88.117783
c -17.18648,-1.23366 -19.6149,-3.43124 -19.78647,-23.17898 -0.075,-8.627871 -1.08719,-28.704961 0.0168,-34.169651 0.9799,-4.85025 10.6991,-24.99753 13.8522,-41.08248
v -3.428
h 19.225997 19.26387
z
M 88.805293,127.91469
c -16.20535,-1.18707 -18.49514,-3.30163 -18.65692,-22.30339 -0.0707,-8.301938 -1.02512,-27.620618 0.0159,-32.878878 0.92396,-4.66703 10.08832,-24.05324 13.06142,-39.53058
l 0.224311,-3.298503 16.339296,1e-6 19.52432,2e-6 0.24033,3.2985
c 2.9731,15.47734 12.13746,34.86355 13.06142,39.53058 1.041,5.25826 0.0865,24.57694 0.0159,32.878878 -0.16178,19.00176 -2.45157,21.11632 -18.65692,22.30339
z"
/>
</>
)

160
sites/shared/components/designs/linedrawings/lumina.mjs Normal file
View file

@ -0,0 +1,160 @@
import { LineDrawingWrapper, thin, dashed } from './shared.mjs'
const strokeScale = 0.5
export const Lumina = ({
className = 'w-64', // CSS classes to apply
stroke = 1, // Stroke width to use
}) => {
// Normalize stroke across designs
stroke = stroke * strokeScale
return (
<LineDrawingWrapper viewBox="0 0 187 127" {...{ className, stroke }}>
<Front stroke={stroke} />
<Back stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* React component for the front
*/
export const LuminaFront = ({
className = 'w-64', // CSS classes to apply
stroke = 1, // Stroke width to use
}) => {
// Normalize stroke across designs
stroke = stroke * strokeScale
return (
<LineDrawingWrapper viewBox="0 0 94 127" {...{ className, stroke }}>
<Front stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* React component for the back
*/
export const LuminaBack = ({
className = 'w-64', // CSS classes to apply
stroke = 1, // Stroke width to use
}) => {
// Normalize stroke across designs
stroke = stroke * strokeScale
return (
<LineDrawingWrapper viewBox="94 0 94 127" {...{ className, stroke }}>
<Back stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* SVG elements for the front
*/
export const Front = ({ stroke }) => (
<>
<path
key="stitches"
{...dashed(stroke)}
{...thin(stroke)}
d="m 73.001713,119.90179
c 0,0 -15.325416,1.97711 -21.001496,-0.21969
m 21.219465,-0.7338
c 0,0 -15.713778,2.05035 -21.38986,-0.14645
m -37.054436,0.97127
c 0,0 15.184181,1.98891 20.807954,-0.22097
m -21.023915,-0.73818
c 0,0 15.568967,2.06256 21.192739,-0.14733"
/>
<path
key="folds"
opacity={0.3}
d="m 46.89927,56.981705
c -0.674688,0.04498 -1.354667,0.02381 -2.032,-0.04498 -0.674688,-0.07938 -1.344083,-0.224896 -1.994958,-0.423333 -0.653521,-0.193146 -1.28323,-0.468313 -1.894417,-0.754063
l -0.227542,-0.103187 -0.111125,-0.04498
c -0.03175,-0.01323 -0.08202,-0.02646 -0.07937,-0.02381
h 0.01588
c 0,0 0.03969,-0.01323 0.05027,-0.03175 0.01323,-0.02381 0.01852,-0.02646 0.02381,-0.04498 0.0053,-0.01323 -0.0053,-0.03969 -0.0026,-0.03704 0.0026,0 0,0 0.01323,0.01852 0.01587,0.02381 0.04498,0.05292 0.07144,0.07937 0.05556,0.05556 0.116417,0.111125 0.179917,0.161396 0.251354,0.211667 0.526521,0.407458 0.804333,0.592667 1.103313,0.759354 2.33098,1.325562 3.608917,1.740958 1.277938,0.418042 2.608792,0.661458 3.952875,0.804333 -0.677333,-0.01323 -1.352021,-0.07673 -2.024062,-0.171979 -0.669396,-0.103187 -1.336146,-0.248708 -1.989667,-0.436562 -1.307042,-0.381 -2.558521,-0.960438 -3.696229,-1.717146 -0.283104,-0.193146 -0.558271,-0.394229 -0.820209,-0.619125 -0.06614,-0.05556 -0.129645,-0.116417 -0.193145,-0.179917 -0.03175,-0.0344 -0.0635,-0.0635 -0.09525,-0.111125 -0.01323,-0.01587 -0.0344,-0.05292 -0.05027,-0.0926 -0.0079,-0.0291 -0.01058,-0.100542 0.02646,-0.142875 0.01852,-0.02646 0.06615,-0.05027 0.07673,-0.04762 0.01587,-0.0026 0.03175,-0.0053 0.04762,-0.0053 0.08731,0.0079 0.116417,0.02646 0.164042,0.04233
l 0.121708,0.05292 0.232834,0.10848
c 0.608541,0.293687 1.222375,0.55827 1.857375,0.777875 1.267354,0.4445 2.611437,0.642937 3.963458,0.664104
z"
/>
<path
key="outline"
d="M 69.955282,121.18495
C 69.106026,122.24652 75.110374,83.187497 76.597093,52.024475 77.265327,38.017666 74.513865,22.885673 72.796562,18.306198
M 17.891199,121.4196
c 0.849256,1.06157 -5.155092,-37.997453 -6.641811,-69.160477 -0.668234,-14.006809 1.908916,-29.278251 3.626219,-33.857726
m 28.98995,39.279875 0.003,-37.254165
m 8.148599,100.715533 0.08287,-0.0134
c 7.903327,1.89572 20.85026,0.0419 20.85026,0.0419 0.09239,-0.52639 0.142278,-1.0408 0.191478,-1.54963 1.056507,-10.92569 3.194941,-22.488113 5.255204,-32.507923
C 87.678539,41.97403 80.470024,20.49199 74.974879,4.8746537 53.944103,6.0323127 33.269789,5.9842897 12.757432,4.8521182 7.2530994,20.430048 0.02167241,41.930424 9.3122024,87.113667
c 2.0602626,10.01981 4.1987086,21.582233 5.2552096,32.507923 0.05175,0.53518 0.104256,1.07654 0.209159,1.60921 0,0 12.956824,1.83259 20.883422,-0.002 1.487993,-24.698753 5.671335,-64.205823 8.194596,-63.484806 2.518248,-0.71941 6.69,38.629513 8.162567,63.398646
z
M 8.6975824,17.164303
c 20.4733386,4.519247 49.3381366,4.28906 70.2441736,-0.02692"
/>
</>
)
/*
* SVG elements for the back
*/
const Back = ({ stroke }) => (
<>
<path
key="outline"
d="m 117.70875,121.58103
c 1.16344,1.09005 -5.43565,-39.363383 -7.47239,-71.362536 -0.91545,-14.382623 2.16142,-29.193125 4.51405,-33.895471
m 53.9369,105.342327
c -1.17072,1.08594 5.46969,-39.214783 7.51918,-71.09314 0.92119,-14.328329 -2.38412,-29.050584 -4.75148,-33.735179
m -28.33385,40.852958 0.003,-32.006135
M 108.50528,15.568896
c 5.02347,0.799817 13.38683,1.111983 20.63878,3.391093 7.62109,2.39512 14.01474,6.741554 14.01474,6.741554 0,0 5.93198,-4.119429 13.18562,-6.325286 7.41923,-2.256211 16.22114,-2.608228 21.47244,-3.363636
M 151.33585,121.31483
c 7.94306,1.91293 20.87339,0.0564 20.87339,0.0564 0.0839,-0.61471 0.142,-1.21293 0.1991,-1.80362 1.0565,-10.92569 3.19494,-22.488113 5.25521,-32.507923 9.28156,-45.139627 2.07305,-66.621664 -3.4221,-82.2390003 -21.03077,1.157659 -41.70509,1.109636 -62.21746,-0.022536 -5.50433,15.5779293 -12.735762,37.0783083 -3.44523,82.2615453 2.06027,10.01981 4.19871,21.582234 5.25521,32.507924 0.059,0.60992 0.11894,1.22786 0.22471,1.85238 0,0 12.95025,1.84616 20.86772,-0.0378 1.47038,-24.737904 5.66614,-64.41452 8.19476,-63.69209 2.52535,-0.721562 6.71352,38.851387 8.21469,63.62472
z"
/>
<path
key="folds"
opacity={0.3}
d="m 142.13749,57.690062
c -0.80276,0.476597 -1.63436,0.86832 -2.46597,1.240456 -0.84122,0.346022 -1.69685,0.633286 -2.55249,0.887905 -1.72089,0.502711 -3.48024,0.757331 -5.2444,0.822618 -1.75934,0.05223 -3.5283,-0.07834 -5.26362,-0.450481 -0.87006,-0.169746 -1.7305,-0.411309 -2.59095,-0.665929 -0.85083,-0.293792 -1.70166,-0.594113 -2.53326,-0.972778 1.71608,0.483125 3.43697,0.894434 5.16748,1.142525 1.7305,0.248091 3.47062,0.359079 5.20593,0.293792 3.47543,-0.104459 6.92684,-0.900963 10.27728,-2.298108
z
m 1.02869,-0.685515
c 3.35045,1.397145 6.80185,2.193649 10.27728,2.298108 1.73531,0.06529 3.47543,-0.0457 5.20594,-0.293792 1.73051,-0.241563 3.4514,-0.652872 5.16748,-1.142525 -0.8316,0.378665 -1.67763,0.678986 -2.53327,0.972778 -0.85564,0.25462 -1.72089,0.496183 -2.59095,0.665929 -1.74012,0.365608 -3.50427,0.502711 -5.26362,0.450481 -1.75935,-0.06529 -3.51869,-0.319907 -5.24439,-0.822618 -0.86045,-0.254619 -1.71609,-0.541883 -2.5525,-0.887905 -0.83641,-0.365608 -1.6632,-0.763859 -2.46597,-1.240456
z"
/>
<path
key="stitches"
{...dashed(stroke)}
{...thin(stroke)}
d="m 172.28677,120.0259
c 0,0 -15.32541,1.97711 -21.00149,-0.21969
m 21.21946,-0.7338
c 0,0 -15.71377,2.05035 -21.38985,-0.14645
m -37.05461,0.97127
c 0,0 15.18428,1.98891 20.80808,-0.22097
m -21.02404,-0.73818
c 0,0 15.56906,2.06256 21.19287,-0.14733"
/>
</>
)

178
sites/shared/components/designs/linedrawings/lumira.mjs Normal file
View file

@ -0,0 +1,178 @@
import { LineDrawingWrapper, thin, dashed } from './shared.mjs'
const strokeScale = 0.5
export const Lumira = ({
className = 'w-64', // CSS classes to apply
stroke = 1, // Stroke width to use
}) => {
// Normalize stroke across designs
stroke = stroke * strokeScale
return (
<LineDrawingWrapper viewBox="0 0 187 220" {...{ className, stroke }}>
<Front stroke={stroke} />
<Back stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* React component for the front
*/
export const LumiraFront = ({
className = 'w-64', // CSS classes to apply
stroke = 1, // Stroke width to use
}) => {
// Normalize stroke across designs
stroke = stroke * strokeScale
return (
<LineDrawingWrapper viewBox="0 0 94 220" {...{ className, stroke }}>
<Front stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* React component for the back
*/
export const LumiraBack = ({
className = 'w-64', // CSS classes to apply
stroke = 1, // Stroke width to use
}) => {
// Normalize stroke across designs
stroke = stroke * strokeScale
return (
<LineDrawingWrapper viewBox="94 0 94 220" {...{ className, stroke }}>
<Back stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* SVG elements for the front
*/
export const Front = ({ stroke }) => (
<>
<path
key="stitches"
{...dashed(stroke)}
{...thin(stroke)}
d="m 70.552919,212.38392
c 0,0 -12.646166,1.99677 -17.329932,-0.22186
m 17.509796,-0.74109
c 0,0 -12.966635,2.07072 -17.650401,-0.14791
m -36.029081,0.98067
c 0,0 12.646166,1.99677 17.329932,-0.22186
m -17.509796,-0.74109
c 0,0 12.966635,2.07072 17.650401,-0.14791"
/>
<path
key="folds"
opacity={0.3}
d="m 57.534797,210.87985
c -1.120226,-0.84702 -2.007445,-2.07392 -2.661657,-3.42402 -0.64525,-1.35523 -1.066455,-2.85421 -1.178478,-4.38398 0.457052,1.43737 0.94099,2.82854 1.572797,4.13244 0.622846,1.31417 1.3846,2.52053 2.267338,3.67042
z
m 11.036469,0.30801
c 0.07618,-1.17043 0.206121,-2.30493 0.29574,-3.44969 0.10306,-1.13963 0.165793,-2.27926 0.291258,-3.44969 0.233007,1.1499 0.250931,2.3306 0.156832,3.49589 -0.107542,1.1653 -0.322625,2.32546 -0.74383,3.39835
z
m -38.367886,-0.4881
c 0,-0.62115 0.02689,-1.23717 0.03585,-1.85318 0.01792,-0.61602 0.06721,-1.2269 0.07169,-1.84292 0.01344,-1.23203 0.03137,-2.45892 0.009,-3.68582 -0.01344,-1.2269 -0.05377,-2.45893 -0.09858,-3.68583 -0.04929,-1.23203 -0.129946,-2.45893 -0.192679,-3.69609 0.125466,0.60062 0.219565,1.2115 0.318145,1.82238 0.08066,0.61088 0.156831,1.2269 0.219564,1.84291 0.129946,1.23203 0.183717,2.4692 0.206121,3.71149 0.01344,1.2423 -0.01792,2.47947 -0.116503,3.71663 -0.107542,1.23203 -0.264373,2.46406 -0.448091,3.68069
z
m -10.451572,-0.18523
c -0.425686,-1.83778 -0.636288,-3.72689 -0.734868,-5.61601 -0.08514,-1.89424 -0.05825,-3.79876 0.183717,-5.67761 0.112022,1.89425 0.165793,3.76797 0.264373,5.64681 0.08514,1.87885 0.215084,3.74743 0.291259,5.64681
z
M 46.911397,57.386992
c -0.674686,0.04497 -1.354668,0.02382 -2.032001,-0.04497 -0.674686,-0.07938 -1.344083,-0.224897 -1.994957,-0.423336 -0.653522,-0.193146 -1.283228,-0.46831 -1.894419,-0.754059
l -0.227541,-0.103188 -0.111126,-0.04497
c -0.03177,-0.01324 -0.08202,-0.02644 -0.07937,-0.02382 0.0053,0 0.01057,0 0.01586,0 0,0 0.0397,-0.01324 0.05027,-0.03173 0.01322,-0.02382 0.01851,-0.02644 0.02379,-0.04497 0.0053,-0.01325 -0.0053,-0.03968 -0.0027,-0.03706 0.0027,0 0,0 0.01322,0.01853 0.01586,0.02382 0.04498,0.05292 0.07144,0.07938 0.05556,0.05556 0.116414,0.111124 0.179917,0.161396 0.251352,0.211663 0.52652,0.407458 0.804331,0.592663 1.103316,0.759357 2.33098,1.325563 3.608917,1.740957 1.27794,0.418044 2.608791,0.661462 3.952875,0.804337 -0.677334,-0.01325 -1.352019,-0.07673 -2.024061,-0.171982 -0.669398,-0.103187 -1.336148,-0.248706 -1.98967,-0.43656 -1.307039,-0.381 -2.55852,-0.960439 -3.696226,-1.717148 -0.283104,-0.193146 -0.558272,-0.394229 -0.820207,-0.619126 -0.06615,-0.05556 -0.129647,-0.116417 -0.19315,-0.179912 -0.03177,-0.03439 -0.0635,-0.0635 -0.09525,-0.111129 -0.01322,-0.01586 -0.03441,-0.05292 -0.05027,-0.0926 -0.0079,-0.02911 -0.01058,-0.100544 0.02644,-0.142875 0.01851,-0.02644 0.06615,-0.05026 0.07673,-0.04764 0.01586,-0.0026 0.03177,-0.0053 0.04762,-0.0053 0.08732,0.008 0.116419,0.02644 0.164042,0.04235
l 0.12171,0.05291 0.232832,0.108481
c 0.608543,0.29369 1.222378,0.558274 1.857376,0.777878 1.267356,0.444496 2.61144,0.642935 3.963458,0.664101
z"
/>
<path
key="outline"
d="m 43.866714,58.149296 0.0028,-35.753942
m 8.506427,105.859036
c 0.263735,6.20435 0.294754,9.71392 -0.667225,18.61793 -2.795518,25.87511 1.772041,67.09064 1.772041,67.09064 6.310757,1.92281 16.61504,0.0493 16.61504,0.0493 3.236711,-8.09177 3.902418,-32.79428 1.913503,-67.21258 -0.553085,-9.57117 0.378338,-18.84872 1.144592,-26.77281 1.056506,-10.92569 3.194941,-22.488114 5.255204,-32.507924
C 87.690662,42.379319 80.482146,20.897279 74.987001,5.279942 53.956225,6.437601 33.281911,6.389578 12.769554,5.257402 7.265221,20.835333 0.033794,42.335709 9.324324,87.518956
c 2.060263,10.01981 4.1987,21.582234 5.25521,32.507924 0.76625,7.92409 1.69768,17.20164 1.14459,26.77281 -1.98891,34.4183 -1.32321,59.12081 1.9135,67.21258 0,0 10.30429,1.87351 16.61504,-0.0493 0,0 4.56756,-41.21553 1.77204,-67.09064 -0.96197,-8.90401 -0.930956,-12.41358 -0.66722,-18.61793 0.999734,-23.51861 5.74827,-70.893864 8.50923,-70.105024 2.760956,-0.78885 7.509496,46.586404 8.509227,70.105014
z
M 8.395945,19.104799
c 20.473339,4.519247 50.070246,4.271629 70.976283,-0.04435"
/>
</>
)
/*
* SVG elements for the back
*/
const Back = ({ stroke }) => (
<>
<path
key="outline"
d="m 143.13328,58.095276 0.003,-32.006133
m -8.51223,102.111287
c -0.26373,6.20435 -0.29475,9.71392 0.66722,18.61793 2.79552,25.87511 -1.77204,67.09064 -1.77204,67.09064 -6.31075,1.92281 -16.61504,0.0493 -16.61504,0.0493 -3.23672,-8.09177 -3.90242,-32.79428 -1.91351,-67.21258 0.5531,-9.57117 -0.37834,-18.84872 -1.14459,-26.77281 -1.05651,-10.92569 -3.19494,-22.488114 -5.25521,-32.507924 -9.290528,-45.183237 -2.0591,-66.683616 3.44523,-82.261547 20.51237,1.132172 41.18669,1.180195 62.21746,0.02254 5.49515,15.617337 12.70366,37.099374 3.4221,82.238997 -2.06027,10.01981 -4.1987,21.582234 -5.25521,32.507924 -0.76625,7.92409 -1.69768,17.20164 -1.14459,26.77281 1.98892,34.4183 1.32321,59.12081 -1.9135,67.21258 0,0 -10.30429,1.87351 -16.61504,-0.0493 0,0 -4.56756,-41.21553 -1.77204,-67.09064 0.96197,-8.90401 0.93096,-12.41358 0.66722,-18.61793 -0.99973,-23.51861 -5.74827,-70.893864 -8.50923,-70.105014 -2.76096,-0.78884 -7.50949,46.586414 -8.50923,70.105024
z
M 108.5174,15.974185
c 10.30264,1.640345 34.65352,10.132647 34.65352,10.132647 0,0 24.27266,-8.194966 34.65806,-9.688922"
/>
<path
key="folds"
opacity={0.3}
d="m 142.14962,58.095352
c -0.80277,0.476596 -1.63437,0.868319 -2.46597,1.240456 -0.84122,0.346022 -1.69686,0.633285 -2.5525,0.887905 -1.72089,0.502711 -3.48024,0.757331 -5.24439,0.822618 -1.75935,0.05223 -3.52831,-0.07834 -5.26362,-0.450481 -0.87006,-0.169747 -1.73051,-0.411309 -2.59095,-0.665929 -0.85083,-0.293792 -1.70167,-0.594113 -2.53327,-0.972779 1.71608,0.483125 3.43698,0.894434 5.16748,1.142525 1.73051,0.248092 3.47063,0.35908 5.20594,0.293793 3.47543,-0.10446 6.92683,-0.900963 10.27728,-2.298108
z
m 1.02869,-0.685515
c 3.35045,1.397145 6.80184,2.193648 10.27728,2.298107 1.73531,0.06529 3.47543,-0.0457 5.20593,-0.293792 1.73051,-0.241562 3.4514,-0.652871 5.16748,-1.142525 -0.8316,0.378666 -1.67762,0.678987 -2.53326,0.972779 -0.85564,0.25462 -1.72089,0.496182 -2.59095,0.665929 -1.74012,0.365608 -3.50428,0.502711 -5.26363,0.450481 -1.75934,-0.06529 -3.51869,-0.319907 -5.24439,-0.822618 -0.86044,-0.25462 -1.71608,-0.541883 -2.55249,-0.887905 -0.83642,-0.365608 -1.66321,-0.76386 -2.46597,-1.240456
z
m -13.6344,153.416053
c 1.12022,-0.84702 2.00744,-2.07392 2.66166,-3.42402 0.64525,-1.35523 1.06645,-2.8542 1.17847,-4.38397 -0.45705,1.43737 -0.94099,2.82853 -1.57279,4.13244 -0.62285,1.31416 -1.38461,2.52052 -2.26734,3.67042
z
m -11.03647,0.30801
c -0.0762,-1.17043 -0.20612,-2.30492 -0.29574,-3.44969 -0.10306,-1.13962 -0.1658,-2.27926 -0.29126,-3.44968 -0.23301,1.14989 -0.25093,2.33059 -0.15683,3.49589 0.10754,1.16529 0.32263,2.32545 0.74383,3.39834
z
m 38.36788,-0.4881
c 0,-0.62115 -0.0269,-1.23716 -0.0359,-1.85318 -0.0179,-0.61602 -0.0672,-1.2269 -0.0717,-1.84291 -0.0135,-1.23203 -0.0313,-2.45893 -0.009,-3.68583 0.0135,-1.22689 0.0538,-2.45893 0.0986,-3.68582 0.0493,-1.23204 0.12995,-2.45893 0.19268,-3.6961 -0.12546,0.60062 -0.21956,1.2115 -0.31814,1.82238 -0.0807,0.61089 -0.15683,1.2269 -0.21957,1.84292 -0.12994,1.23203 -0.18372,2.46919 -0.20612,3.71149 -0.0135,1.2423 0.0179,2.47946 0.1165,3.71663 0.10754,1.23203 0.26438,2.46406 0.44809,3.68069
z
m 10.45158,-0.18522
c 0.42568,-1.83778 0.63628,-3.72689 0.73486,-5.61601 0.0851,-1.89425 0.0583,-3.79877 -0.18371,-5.67761 -0.11202,1.89425 -0.1658,3.76796 -0.26438,5.64681 -0.0851,1.87884 -0.21508,3.74743 -0.29125,5.64681
z"
/>
<path
key="stitches"
{...dashed(stroke)}
{...thin(stroke)}
d="m 169.81949,212.32995
c 0,0 -12.64617,1.99677 -17.32994,-0.22186
m 17.5098,-0.74109
c 0,0 -12.96663,2.07072 -17.6504,-0.14791
m -36.02908,0.98067
c 0,0 12.64616,1.99677 17.32993,-0.22186
M 116.14,211.23681
c 0,0 12.96664,2.07072 17.65041,-0.14791"
/>
</>
)