VSinerva/freesewing
1
0
Fork 0
Code Activity

wip: Work on design docs

Browse source
This commit is contained in:
joostdecock 2024-10-06 11:49:14 +02:00
parent 0a3b4dae1d
commit a4b184325a
51 changed files with 6147 additions and 263 deletions
Download patch file Download diff file Expand all files Collapse all files

133
i18n/designs.mjs Normal file
View file

@ -0,0 +1,133 @@
/*
* This file is auto-generated by the reconfigure script
* Any changes will be overwritten next time the repo is reconfigured
*/
import { i18n as aaron } from '@freesewing/aaron'
import { i18n as albert } from '@freesewing/albert'
import { i18n as bee } from '@freesewing/bee'
import { i18n as bella } from '@freesewing/bella'
import { i18n as benjamin } from '@freesewing/benjamin'
import { i18n as bent } from '@freesewing/bent'
import { i18n as bibi } from '@freesewing/bibi'
import { i18n as bob } from '@freesewing/bob'
import { i18n as breanna } from '@freesewing/breanna'
import { i18n as brian } from '@freesewing/brian'
import { i18n as bruce } from '@freesewing/bruce'
import { i18n as carlita } from '@freesewing/carlita'
import { i18n as carlton } from '@freesewing/carlton'
import { i18n as cathrin } from '@freesewing/cathrin'
import { i18n as charlie } from '@freesewing/charlie'
import { i18n as cornelius } from '@freesewing/cornelius'
import { i18n as diana } from '@freesewing/diana'
import { i18n as examples } from '@freesewing/examples'
import { i18n as florence } from '@freesewing/florence'
import { i18n as florent } from '@freesewing/florent'
import { i18n as gozer } from '@freesewing/gozer'
import { i18n as hi } from '@freesewing/hi'
import { i18n as holmes } from '@freesewing/holmes'
import { i18n as hortensia } from '@freesewing/hortensia'
import { i18n as huey } from '@freesewing/huey'
import { i18n as hugo } from '@freesewing/hugo'
import { i18n as jaeger } from '@freesewing/jaeger'
import { i18n as jane } from '@freesewing/jane'
import { i18n as legend } from '@freesewing/legend'
import { i18n as lily } from '@freesewing/lily'
import { i18n as lucy } from '@freesewing/lucy'
import { i18n as lumina } from '@freesewing/lumina'
import { i18n as lumira } from '@freesewing/lumira'
import { i18n as lunetius } from '@freesewing/lunetius'
import { i18n as magde } from '@freesewing/magde'
import { i18n as noble } from '@freesewing/noble'
import { i18n as octoplushy } from '@freesewing/octoplushy'
import { i18n as onyx } from '@freesewing/onyx'
import { i18n as opal } from '@freesewing/opal'
import { i18n as otis } from '@freesewing/otis'
import { i18n as paco } from '@freesewing/paco'
import { i18n as penelope } from '@freesewing/penelope'
import { i18n as plugintest } from '@freesewing/plugintest'
import { i18n as rendertest } from '@freesewing/rendertest'
import { i18n as sandy } from '@freesewing/sandy'
import { i18n as shelly } from '@freesewing/shelly'
import { i18n as shin } from '@freesewing/shin'
import { i18n as simon } from '@freesewing/simon'
import { i18n as simone } from '@freesewing/simone'
import { i18n as skully } from '@freesewing/skully'
import { i18n as sven } from '@freesewing/sven'
import { i18n as tamiko } from '@freesewing/tamiko'
import { i18n as teagan } from '@freesewing/teagan'
import { i18n as tiberius } from '@freesewing/tiberius'
import { i18n as titan } from '@freesewing/titan'
import { i18n as trayvon } from '@freesewing/trayvon'
import { i18n as tristan } from '@freesewing/tristan'
import { i18n as uma } from '@freesewing/uma'
import { i18n as umbra } from '@freesewing/umbra'
import { i18n as wahid } from '@freesewing/wahid'
import { i18n as walburga } from '@freesewing/walburga'
import { i18n as waralee } from '@freesewing/waralee'
import { i18n as yuri } from '@freesewing/yuri'
export const designs = {
aaron: aaron.en,
albert: albert.en,
bee: bee.en,
bella: bella.en,
benjamin: benjamin.en,
bent: bent.en,
bibi: bibi.en,
bob: bob.en,
breanna: breanna.en,
brian: brian.en,
bruce: bruce.en,
carlita: carlita.en,
carlton: carlton.en,
cathrin: cathrin.en,
charlie: charlie.en,
cornelius: cornelius.en,
diana: diana.en,
examples: examples.en,
florence: florence.en,
florent: florent.en,
gozer: gozer.en,
hi: hi.en,
holmes: holmes.en,
hortensia: hortensia.en,
huey: huey.en,
hugo: hugo.en,
jaeger: jaeger.en,
jane: jane.en,
legend: legend.en,
lily: lily.en,
lucy: lucy.en,
lumina: lumina.en,
lumira: lumira.en,
lunetius: lunetius.en,
magde: magde.en,
noble: noble.en,
octoplushy: octoplushy.en,
onyx: onyx.en,
opal: opal.en,
otis: otis.en,
paco: paco.en,
penelope: penelope.en,
plugintest: plugintest.en,
rendertest: rendertest.en,
sandy: sandy.en,
shelly: shelly.en,
shin: shin.en,
simon: simon.en,
simone: simone.en,
skully: skully.en,
sven: sven.en,
tamiko: tamiko.en,
teagan: teagan.en,
tiberius: tiberius.en,
titan: titan.en,
trayvon: trayvon.en,
tristan: tristan.en,
uma: uma.en,
umbra: umbra.en,
wahid: wahid.en,
walburga: walburga.en,
waralee: waralee.en,
yuri: yuri.en,
}

15
i18n/optiongroups.yaml Normal file
View file

@ -0,0 +1,15 @@
advanced: Advanced
backPockets: Back pockets
closure: Closure
collar: Collar
conditional: Conditional
construction: Construction
cuffs: Cuffs
darts: Darts
elastic: Elastic
fit: Fit
frontPockets: Front pockets
length: Length
pockets: Pockets
style: Style
test: Test

1
packages/react-components/package.json
View file

@ -28,6 +28,7 @@
"./xray": "./src/pattern-xray/index.mjs",
"./editor": "./src/editor/index.mjs",
"./icons": "./src/editor/swizzle/components/icons.mjs",
"./linedrawings": "./src/linedrawings/index.mjs",
"./popout": "./src/popout.mjs",
"./methods": "./src/editor/swizzle/methods/index.mjs"
},

99
packages/react-components/src/linedrawings/aaron.mjs Normal file
View file

@ -0,0 +1,99 @@
import React from 'react'
import { LineDrawingWrapper, thin, dashed } from './shared.mjs'
const strokeScale = 0.5
export const Aaron = ({
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 148 119" {...{ className, stroke }}>
<Front stroke={stroke} />
<Back stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* React component for the front
*/
export const AaronFront = ({
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 74 119" {...{ className, stroke }}>
<Front stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* React component for the back
*/
export const AaronBack = ({
className = 'w-64', // CSS classes to apply
stroke = 1, // Stroke width to use
}) => {
// Normalize stroke across designs
stroke = stroke * strokeScale
return (
<LineDrawingWrapper viewBox="74 0 74 119" {...{ className, stroke }}>
<Back stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* SVG elements for the front
*/
export const Front = ({ stroke }) => (
<>
<path
key="stitches"
{...dashed(stroke)}
{...thin(stroke)}
d="m2.6292 110.88c0.63236 0.09 2.8764 0.43138 3.514 0.51605 10.485 1.4129 20.582 1.9817 30.207 1.9182h1.6774c9.6256 0.0635 19.719-0.50536 30.207-1.9182 1.0372-0.14023 2.069-0.28575 3.093-0.43921m-9.9665-107.51c-0.20109 1.8706-0.62209 5.9021-0.86022 8.63-0.46831 5.3208-0.5371 7.4242-0.55827 8.1518-0.12964 4.5614-0.17992 6.9003 0.55827 9.6811 0.4789 1.8018 1.053 3.8814 2.7861 6.1145 0.36248 0.46567 2.196 2.7728 5.5748 4.5852 0.75407 0.40481 1.8246 0.91658 2.4693 1.1012m-58.791-38.15c0.20109 1.8706 0.62209 5.7878 0.86022 8.5157 0.46831 5.3208 0.5371 7.4242 0.55827 8.1518 0.12964 4.5614 0.17991 6.9003-0.55827 9.6811-0.4789 1.8018-1.053 3.8814-2.7861 6.1145-0.36247 0.46567-2.196 2.7728-5.5748 4.5852-0.75406 0.40481-1.9396 0.90647-2.4873 1.1234m0.11863 70.162c0.63235 0.09 2.7735 0.37423 3.4111 0.45889 10.485 1.4129 20.582 1.9817 30.207 1.9182h1.6775c9.6255 0.0635 19.719-0.50535 30.207-1.9182 1.0372-0.14023 2.069-0.28575 3.093-0.4392m-15.352-109.64c-0.65352 4.5191-2.724 14.228-2.8802 14.77-0.0979 0.33602-0.12965 0.59531-0.30956 0.87842-0.25136 0.39952-0.58738 0.61912-0.77259 0.73289-9.0341 4.359-22.81 4.5807-30.194 0-0.1852-0.11641-0.52122-0.33337-0.77258-0.73289-0.17992-0.28575-0.21167-0.5424-0.30956-0.87842-0.17727-0.60589-2.659-12.398-2.995-14.716m36.052 2.1867c-9.6445 4.951-24.147 4.747-33.635 0"
/>
<path
key="folds"
opacity={0.3}
d="m4.3282 54.821c0.10055 1.487 0.17728 2.9792 0.19844 4.4688 0.0185 1.4896-8e-3 2.9818-0.0926 4.4741-0.0953 1.4922-0.24342 2.9792-0.47361 4.4556-0.22489 1.4764-0.52916 2.9395-0.91281 4.3815 0.18256-1.4817 0.34925-2.958 0.50271-4.4344 0.14552-1.4764 0.27252-2.9554 0.35719-4.4344 0.0953-1.479 0.14552-2.9633 0.20902-4.4503l0.082-2.2304c0.045-0.74083 0.0714-1.487 0.12964-2.2304zm1.8494 50.21c4.7837-0.42069 9.652-0.26194 14.38 0.73025 2.3627 0.46831 4.6964 1.0345 7.0458 1.5134 2.3495 0.48948 4.7069 0.93398 7.0697 1.3652 2.3574 0.44714 4.7202 0.84402 7.1014 1.1139 2.3866 0.28046 4.7678 0.54769 7.1596 0.67469 2.3892 0.12965 4.789 0.0714 7.1755-0.15081 2.3892-0.20638 4.7598-0.59531 7.1067-1.1218-2.3151 0.64293-4.6884 1.0848-7.0776 1.3811-2.3918 0.27517-4.8075 0.381-7.2205 0.29898-2.413-0.0635-4.8075-0.34925-7.1967-0.60325-2.3945-0.25665-4.7784-0.64029-7.1438-1.0742-2.3627-0.44714-4.7228-0.90752-7.075-1.4155-2.3522-0.50535-4.6937-1.0583-7.03-1.5875-1.1695-0.25665-2.3442-0.48683-3.5295-0.65881-1.1827-0.17463-2.376-0.28575-3.5719-0.37571-2.3892-0.17992-4.7943-0.19579-7.194-0.09zm6.1172-19.913c1.7648-0.69585 3.5745-1.2859 5.4001-1.8098 1.8309-0.51329 3.6909-0.92604 5.5668-1.2515 1.8732-0.33602 3.7624-0.55827 5.6409-0.80433l5.6436-0.73554c3.7624-0.48684 7.538-0.87578 11.202-1.8045 1.8388-0.43921 3.6592-0.96573 5.4557-1.5663 0.89959-0.29633 1.7939-0.60854 2.6802-0.94191 0.88636-0.33602 1.7674-0.68527 2.6458-1.0451-1.7066 0.8308-3.4634 1.561-5.2414 2.2304-1.7859 0.65088-3.601 1.225-5.4398 1.7145-0.92075 0.24606-1.8442 0.47096-2.7808 0.65881-0.93663 0.18786-1.8759 0.34396-2.8152 0.48684-1.8785 0.28575-3.7597 0.5371-5.6409 0.78581l-5.6515 0.68792c-1.8838 0.22225-3.765 0.45772-5.6356 0.7276-1.8706 0.27517-3.728 0.64029-5.5642 1.1007-1.8415 0.4445-3.6618 0.9816-5.4663 1.5663zm-1.0663-12.306c0.62177 0.18521 1.2435 0.37306 1.86 0.56621 0.61912 0.1905 1.233 0.39158 1.86 0.55033 0.62442 0.17198 1.2435 0.3519 1.8732 0.50006 0.62706 0.15611 1.2515 0.3228 1.8838 0.45509 2.5188 0.5715 5.0615 1.0292 7.6226 1.3494 2.5612 0.32809 5.1356 0.52917 7.7179 0.61119 2.5823 0.0794 5.17 0.0582 7.7629-0.0503-2.5744 0.31221-5.17 0.47096-7.7682 0.46302-2.5982 3e-3 -5.1991-0.17727-7.7788-0.50006-2.5797-0.33338-5.1408-0.81492-7.6544-1.4737-0.62971-0.15611-1.2541-0.33602-1.8785-0.52123-0.62442-0.17727-1.2409-0.38365-1.8574-0.58473-0.61912-0.19579-1.2224-0.43656-1.8309-0.6641-0.60589-0.22755-1.2118-0.46303-1.8124-0.70115z"
/>
<path
key="outline"
d="m54.356 1.8383c-6.0877 5.9635-28.882 6.1419-34.769 0m18.224 114.83c9.6255 0.0635 19.719-0.50536 30.207-1.9182 1.1271-0.15081 2.2463-0.31221 3.3576-0.4789v-74.798c-0.50007-0.20903-1.1668-0.51859-1.9182-0.9578-2.9051-1.7066-4.482-3.8761-4.7942-4.3154-1.4896-2.1008-1.9844-4.0587-2.3971-5.7547-0.635-2.6167-0.59266-4.8154-0.47889-9.1096 0.0185-0.68527 0.0767-2.6644 0.47889-7.6729 0.26459-3.2835 0.52652-6.0034 0.71967-7.911l-8.6307-1.9182s-2.5453 13.29-2.7173 13.912c-0.09 0.32279-0.11642 0.56621-0.28046 0.83873-0.22754 0.381-0.53181 0.59002-0.6985 0.6985-6.8987 4.0814-21.715 3.6852-27.376 0-0.16668-0.11112-0.47095-0.3175-0.6985-0.6985-0.16139-0.27252-0.1905-0.51858-0.28045-0.83873-0.17198-0.62177-2.7173-13.912-2.7173-13.912l-8.6307 1.9182c0.19314 1.9076 0.45508 4.6276 0.71966 7.911 0.40217 5.0059 0.46038 6.985 0.4789 7.6729 0.11377 4.2942 0.1561 6.4929-0.4789 9.1096-0.41275 1.696-0.90752 3.6512-2.3971 5.7547-0.31221 0.43921-1.8891 2.6088-4.7942 4.3154-0.75142 0.44186-1.4182 0.74877-1.9182 0.9578v74.798c1.1112 0.16669 2.2304 0.32809 3.3576 0.4789 10.485 1.4129 20.582 1.9817 30.207 1.9182z"
/>
</>
)
/*
* SVG elements for the back
*/
const Back = ({ stroke }) => (
<>
<path
key="outline"
d="m93.73 1.8383-8.6307 1.9182c0.19315 1.9076 0.45508 4.6276 0.71967 7.911 0.40216 5.0059 0.46037 6.985 0.47889 7.6729 0.11377 4.2942 0.15611 6.4929-0.47889 9.1096-0.41275 1.696-0.90752 3.6512-2.3971 5.7547-0.31221 0.43921-1.8891 2.6088-4.7942 4.3154-0.75141 0.44186-1.4182 0.74877-1.9182 0.9578v74.798c1.1112 0.16669 2.2304 0.32809 3.3576 0.4789 10.485 1.4129 20.582 1.9817 30.207 1.9182h1.6774c9.6255 0.0635 19.719-0.50536 30.207-1.9182 1.1271-0.15081 2.2463-0.31221 3.3576-0.4789v-74.798c-0.50006-0.20903-1.1668-0.51859-1.9182-0.9578-2.9051-1.7066-4.482-3.8761-4.7942-4.3154-1.4896-2.1008-1.9844-4.0587-2.3971-5.7547-0.635-2.6167-0.59267-4.8154-0.4789-9.1096 0.0185-0.68527 0.0767-2.6644 0.4789-7.6729 0.26458-3.2835 0.52652-6.0034 0.71967-7.911l-8.6307-1.9182c-6.0877 5.9635-28.879 6.1419-34.766 0z"
/>
<path
key="folds"
opacity={0.3}
d="m140.01 65.37c-0.23548 1.6722-0.55033 3.3338-0.89693 4.99-0.36248 1.651-0.78052 3.2914-1.2409 4.9212-0.23548 0.81227-0.48154 1.6219-0.73819 2.4289-0.27516 0.79904-0.53181 1.606-0.8255 2.4024-0.29368 0.79375-0.57414 1.5928-0.89164 2.3786l-0.46567 1.1827-0.49212 1.1695c-1.3494 3.1062-2.8787 6.133-4.5879 9.054-0.86783 1.4526-1.7595 2.8919-2.7067 4.2916-0.95779 1.3917-1.9368 2.7728-2.9766 4.1037 0.94456-1.4023 1.8759-2.8072 2.7596-4.2439 0.89959-1.4261 1.7462-2.884 2.5691-4.3524 0.80433-1.479 1.6087-2.958 2.3521-4.4715 0.37307-0.75406 0.73025-1.5161 1.0874-2.2807 0.34131-0.76993 0.6985-1.5319 1.0186-2.3098 1.3467-3.085 2.5056-6.2521 3.511-9.4668 0.50535-1.606 0.96308-3.2306 1.3785-4.863 0.42862-1.6351 0.79375-3.2835 1.1456-4.9345zm-58.735-15.105c0.73025 2.4553 1.4843 4.9001 2.3098 7.3237 0.80963 2.4262 1.6695 4.8366 2.585 7.2258 1.8283 4.7784 3.8338 9.4853 6.0563 14.089 2.1828 4.6249 4.617 9.1255 7.1808 13.549 2.5797 4.4185 5.3419 8.7286 8.2391 12.951-1.5399-2.0452-3.0083-4.146-4.4556-6.26-1.4235-2.1299-2.7993-4.2942-4.1328-6.4823-0.65617-1.1007-1.3229-2.196-1.9447-3.3179l-0.94456-1.6748-0.91811-1.6907c-0.62177-1.1218-1.1933-2.2675-1.7912-3.4026-0.5715-1.1483-1.1589-2.2886-1.7066-3.4475-0.54504-1.1615-1.0954-2.3178-1.6087-3.4925-0.25929-0.58737-0.52916-1.1668-0.78052-1.7568l-0.75406-1.7701-0.37571-0.88371-1.0795-2.6749c-0.47096-1.1933-0.91546-2.3945-1.36-3.5957-0.87048-2.4104-1.6907-4.8392-2.45-7.2866-0.74877-2.4527-1.4526-4.916-2.069-7.403z"
/>
<path
key="stitches"
{...dashed(stroke)}
{...thin(stroke)}
d="m145.43 110.89c-0.63235 0.09-2.4763 0.41995-3.1139 0.50462-10.485 1.4129-20.582 1.9817-30.207 1.9182h-1.6775c-9.6255 0.0635-19.719-0.50536-30.207-1.9182-1.0372-0.14023-2.4462-0.41148-3.4702-0.56494m10.051-107.27c0.20109 1.8706 0.57637 5.7878 0.8145 8.5157 0.46831 5.3208 0.5371 7.4242 0.55827 8.1518 0.12964 4.5614 0.17991 6.9003-0.55827 9.6811-0.4789 1.8018-1.053 3.8814-2.7861 6.1145-0.36248 0.46567-2.196 2.7728-5.5748 4.5852-0.75406 0.40481-1.9701 0.9085-2.5178 1.1254m58.774-38.288c-0.20108 1.8706-0.55351 5.9021-0.79163 8.63-0.46832 5.3208-0.53711 7.4242-0.55827 8.1518-0.12965 4.5614-0.17992 6.9003 0.55827 9.6811 0.47889 1.8018 1.053 3.8814 2.7861 6.1145 0.36248 0.46567 2.196 2.7728 5.5748 4.5852 0.75406 0.40481 1.7796 0.77502 2.3273 0.99197m2.3e-4 70.236c-0.63236 0.09-2.3963 0.43138-3.0339 0.51604-10.485 1.4129-20.582 1.9817-30.207 1.9182h-1.6774c-9.6256 0.0635-19.719-0.50535-30.207-1.9182-1.0372-0.14023-2.4805-0.37719-3.5045-0.53064m53.025-109.57c-4.9848 7.6282-32.798 7.553-37.46 0.0313"
/>
</>
)

99
packages/react-components/src/linedrawings/albert.mjs Normal file
View file

@ -0,0 +1,99 @@
import React from 'react'
import { LineDrawingWrapper, thin, dashed } from './shared.mjs'
const strokeScale = 0.6
export const Albert = ({
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 128 141" {...{ className, stroke }}>
<Front stroke={stroke} />
<Back stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* React component for the front
*/
export const AlbertFront = ({
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 64 141" {...{ className, stroke }}>
<Front stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* React component for the back
*/
export const AlbertBack = ({
className = 'w-64', // CSS classes to apply
stroke = 1, // Stroke width to use
}) => {
// Normalize stroke across designs
stroke = stroke * strokeScale
return (
<LineDrawingWrapper viewBox="64 0 64 141" {...{ className, stroke }}>
<Back stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* SVG elements for the front
*/
export const Front = ({ stroke }) => (
<>
<path
key="stitches"
{...dashed(stroke)}
{...thin(stroke)}
d="m 45.751762,25.686058 h -13.6234 -0.53181 -13.62604 M 1.3094621,132.6216 c 0.6694,0.17992 1.70392,0.44979 2.97657,0.74612 7.7972699,1.81769 14.1051699,2.20509 18.7882899,2.47761 1.84415,0.10848 5.37898,0.22225 8.43227,0.24871 h 0.65088 c 3.05329,-0.0265 6.58812,-0.14287 8.43227,-0.24871 4.68312,-0.27252 11.05165,-0.67204 18.84892,-2.48973 1.27,-0.29633 2.30716,-0.5662 2.97656,-0.74612 M 14.700182,74.292648 h 34.2609 m -3.36014,-49.58819 h -13.38527 -0.52123 -13.38527 M 1.2567821,133.40323 c 0.6694,0.17992 1.70392,0.44979 2.97656,0.74612 7.7972799,1.81769 14.1657999,2.21721 18.8489199,2.48973 1.84415,0.10848 5.37898,0.22225 8.43227,0.24871 h 0.65088 c 3.05329,-0.0265 6.58812,-0.14287 8.43227,-0.24871 4.68312,-0.27252 11.05164,-0.67204 18.84891,-2.48973 1.27,-0.29633 2.30717,-0.5662 2.97657,-0.74612 M 44.677552,23.249248 c 0.0926,1.29117 0.26723,3.92906 0.61913,6.12511 0.48154,2.98714 1.3626,8.24177 4.20952,14.3801 2.15371,4.64608 4.48204,7.747 5.19906,8.67833 1.20385,1.56369 3.13002,3.33904 4.01108,4.24921 m -39.6875,-33.43275 c -0.0926,1.29117 -0.26722,3.92906 -0.61912,6.12511 -0.48154,2.98714 -1.3626,8.24177 -4.20952,14.3801 -2.15371,4.64608 -4.4820399,7.747 -5.1990599,8.67833 -1.20386,1.56369 -3.13002,3.33904 -4.01109,4.24921 m 9.7471599,16.93065 h 34.2609 M 24.584442,2.756377 c 2.68565,-0.0603 3.34536,4.5240499 3.26972,9.273867 -0.0744,4.674224 -0.20054,9.477174 -0.15249,11.049694 M 24.806542,1.8705199 c 5.81722,-2.00006997 3.81977,17.9116981 4.28573,21.1945281 M 39.234022,2.733557 c -2.68564,-0.0603 -3.34535,4.5240499 -3.26972,9.273877 0.0744,4.674214 0.20054,9.477164 0.1525,11.049694 m 2.89512,-21.2094281 c -5.81722,-2.00006997 -3.81976,17.9117081 -4.28573,21.1945381 m 10.27284,0.0509 c -0.12302,-1.75154 -0.28706,-4.73869 -0.49484,-7.37394 -0.13669,-1.73567 -0.2898,-3.563944 -0.74363,-5.9002141 -0.1613,-0.82814 -0.41829,-2.013477 -0.99242,-3.442227 -0.36908,-0.92075 -0.72449,-1.78064 -1.48726,-2.70404 -0.74635,-0.92604 -1.46718,-1.547217 -2.45605,-1.825027 m 4.30146,21.3327581 c 0.0902,-1.77535 0.10389,-4.19365 0,-6.24152 -0.19685,-3.854987 -0.32261,-6.873884 -1.45719,-10.1891011 -0.1269,-0.56082 -0.59463,-2.23219 -2.46601,-4.305197 M 18.830412,22.968128 c 0.12302,-1.75154 0.28706,-4.73869 0.49484,-7.37394 0.1367,-1.73567 0.2898,-3.563934 0.74363,-5.9002041 0.1613,-0.82815 0.41829,-2.013477 0.99242,-3.442227 0.36908,-0.92075 0.72449,-1.78065 1.48726,-2.70404 0.74635,-0.92605 1.46718,-1.547217 2.45605,-1.825027 m -4.30146,21.3327481 c -0.0902,-1.77535 -0.10389,-4.19364 0,-6.24152 0.19685,-3.854987 0.32261,-6.8738741 1.45719,-10.1891011 0.1269,-0.56082 0.59463,-2.23219 2.46601,-4.305197"
/>
<path
key="folds"
opacity={0.3}
d="m 58.242742,71.070038 c -0.65352,2.70404 -1.43669,5.37634 -2.29923,8.02217 -0.87048,2.64319 -1.87325,5.24669 -2.90248,7.82637 -1.01864,2.59027 -2.12196,5.1488 -3.34698,7.6544 -1.23296,2.50031 -2.58498,4.94771 -4.10369,7.289272 -3.05064,4.67783 -6.67014,8.96673 -10.69181,12.82435 -2.01348,1.92617 -4.12221,3.7518 -6.29973,5.48746 -2.1881,1.71979 -4.43441,3.3655 -6.75216,4.90273 2.24896,-1.63512 4.46087,-3.31787 6.58812,-5.10381 2.13784,-1.77271 4.20688,-3.62479 6.17802,-5.57742 1.96056,-1.96056 3.86292,-3.97933 5.62504,-6.11981 1.77007,-2.13254 3.40519,-4.37356 4.90802,-6.69925 1.52136,-2.315102 2.87603,-4.736042 4.11692,-7.215192 0.61648,-1.24089 1.19856,-2.50031 1.76477,-3.76766 0.55827,-1.27 1.10067,-2.54794 1.63777,-3.82852 2.17488,-5.11175 4.05871,-10.34257 5.57742,-15.69509 z m -0.68792,4.97152 c -0.49741,2.58763 -1.08479,5.15938 -1.70656,7.72055 -0.3175,1.28058 -0.65352,2.55587 -1.01071,3.82322 l -0.52652,1.90765 c -0.17727,0.635 -0.37306,1.26471 -0.55827,1.89706 -1.50283,5.05619 -3.26231,10.035652 -5.19642,14.946312 -1.98437,4.8895 -4.15395,9.70492 -6.54314,14.40657 -0.59531,1.17739 -1.21973,2.33891 -1.83356,3.50573 -0.63765,1.15358 -1.24884,2.32304 -1.9103,3.46339 l -0.98425,1.7145 -1.0107,1.70127 c -0.66411,1.14036 -1.37319,2.24896 -2.06375,3.37079 1.29645,-2.29393 2.61143,-4.57729 3.83116,-6.91091 0.635,-1.15359 1.22767,-2.33098 1.8415,-3.4925 0.59002,-1.1774 1.19327,-2.34686 1.76477,-3.53219 2.30982,-4.73075 4.47675,-9.53029 6.41615,-14.42244 1.97114,-4.87891 3.71739,-9.847792 5.2996,-14.866932 1.58486,-5.0218 2.97921,-10.1018 4.191,-15.23207 z m -41.9391,15.54427 c 2.59292,-1.03452 5.29696,-1.8362 8.06185,-2.30716 1.38113,-0.24871 2.76755,-0.42069 4.15132,-0.60854 l 4.15395,-0.53975 c 1.38377,-0.17463 2.77019,-0.34925 4.14602,-0.54505 0.69057,-0.0952 1.37584,-0.20108 2.05582,-0.32808 0.67733,-0.13229 1.35996,-0.28046 2.03464,-0.43921 2.70404,-0.64823 5.36046,-1.50812 7.94809,-2.55852 -2.50561,1.23825 -5.13557,2.23838 -7.84755,2.96069 -0.67733,0.18256 -1.35731,0.34925 -2.04787,0.49212 -0.69056,0.14023 -1.38113,0.2593 -2.07169,0.37042 -1.38377,0.21431 -2.77019,0.39158 -4.15396,0.57415 l -4.15925,0.51064 c -1.38641,0.15875 -2.77283,0.32015 -4.14866,0.51859 -1.37584,0.20372 -2.74373,0.46037 -4.09575,0.78581 -1.35467,0.30956 -2.69346,0.6985 -4.02696,1.11389 z m -0.78581,-9.05668 c 0.92339,0.24606 1.82298,0.55827 2.74902,0.78846 0.46037,0.1217 0.9181,0.25135 1.38112,0.35718 0.46302,0.11113 0.92075,0.23019 1.38642,0.32544 1.85473,0.4101 3.72269,0.74083 5.60652,0.97631 1.88119,0.24342 3.7756,0.39423 5.67267,0.46567 1.8997,0.0661 3.80206,0.0688 5.71235,0.0185 -1.89177,0.25665 -3.80471,0.39158 -5.71765,0.39423 -1.91558,0.0132 -3.83116,-0.11642 -5.73352,-0.35454 -1.8997,-0.24606 -3.78618,-0.6059 -5.63827,-1.10067 -0.46302,-0.11906 -0.92339,-0.25135 -1.38112,-0.39158 -0.46038,-0.13494 -0.91281,-0.2884 -1.36525,-0.44186 -0.45508,-0.15081 -0.89694,-0.33073 -1.34144,-0.50535 -0.44714,-0.17198 -0.889,-0.34925 -1.33085,-0.53181 z"
/>
<path
key="outline"
d="m 45.482092,23.144478 c -0.1285,-1.77271 -0.298,-4.79954 -0.51398,-7.46919 -0.14217,-1.75684 -0.30073,-3.608914 -0.77097,-5.974294 -0.16677,-0.83873 -0.55824,-2.36836 -1.02796,-3.4845571 -0.41794,-0.9931479 -0.88589,-1.9951999 -1.57745,-2.8214899 -0.59541,-0.711399 -0.85786,-0.978839 -2.152,-1.764739 -6.85497,-2.73578 -4.79698,15.18946 -5.25758,21.47559 m -15.95764,-0.002 c 0.1285,-1.77271 0.298,-4.79954 0.51398,-7.46919 0.14217,-1.75684 0.30073,-3.608914 0.77097,-5.9742941 0.16677,-0.83873 0.55824,-2.36836 1.02796,-3.484557 0.41794,-0.993148 0.88589,-1.9952 1.57745,-2.82149 0.59541,-0.711399 0.85786,-0.978839 2.152,-1.764739 6.85497,-2.73578 4.79698,15.1894601 5.25758,21.4755901 m 2.67006,116.664372 c 3.06388,-0.0265 6.61458,-0.14288 8.46402,-0.24871 4.699,-0.27252 11.09133,-0.67204 18.92036,-2.48973 1.27529,-0.29633 2.3151,-0.56621 2.98714,-0.74613 l -3.73327,-80.904292 c -0.889,-0.91281 -2.36659,-2.30596 -3.33284,-3.63628 -2.02333,-2.7857 -3.8287,-5.7492 -5.26509,-9.03832 -1.68787,-3.86498 -3.50612,-9.88126 -4.16947,-14.6028 -0.24494,-1.74344 -0.45301,-3.50075 -0.58327,-4.91868 -2.33203,-0.0485 -6.55702,-0.0408 -13.35108,-0.0408 h -0.52123 -13.38527 c -0.0926,1.29646 -0.26723,3.14854 -0.62177,5.35252 -0.48419,3.00038 -1.37054,8.27617 -4.23069,14.43831 -2.16693,4.66725 -4.5058499,7.77875 -5.2281599,8.71273 -1.2118,1.57163 -2.3495,2.82046 -3.23586,3.73327 l -3.73856,80.904292 c 0.67204,0.17992 1.71185,0.4498 2.98715,0.74613 7.8263699,1.81769 14.2186999,2.21721 18.9203499,2.48973 1.84944,0.10848 5.40015,0.22225 8.46402,0.24871 z m 16.80369,-66.116802 v -2.46592 h -16.95979 -0.34132 -16.95979 v 2.46592 18.80129 h 16.86984 0.52122 16.86984 z m -27.80553,-50.54427 c -0.0902,-1.77536 -0.10389,-4.19365 0,-6.24152 0.19684,-3.854987 0.3226,-6.8738841 1.45719,-10.1891111 0.48937,-1.4261 1.16319,-3.01332 2.79534,-5.317847 m 17.16437,21.7282281 c 0.0902,-1.77536 0.10389,-4.19365 0,-6.24152 -0.19684,-3.854987 -0.2083,-6.702432 -1.34288,-10.0176591 -0.48938,-1.4261 -1.23335,-3.10687 -2.86551,-5.411387 M 24.348072,3.098207 c 4.01259,-0.23034 2.83304,8.893627 3.02286,19.914291 M 39.547282,3.106097 c -4.01259,-0.23034 -2.83304,8.893617 -3.02286,19.914291"
/>
</>
)
/*
* SVG elements for the front
*/
const Back = ({ stroke }) => (
<>
<path
key="stitches"
{...dashed(stroke)}
{...thin(stroke)}
d="m 87.114972,2.2491977 c 0.92477,-0.244877 0.0726,-0.13752 1.41391,-0.229515 2.18052,0.350681 2.3819,3.092209 2.93839,4.91401 1.7545,8.1034703 1.69158,22.4431003 2.41018,30.1866003 0.17811,1.94939 0.56663,3.735 1.07695,5.34667 m 1.1626,3.00107 c 2.09578,4.54441 4.874578,7.11198 5.131268,7.33527 6.14785,5.49488 9.61454,5.4155 12.40621,6.7594 m -18.827578,-35.37351 2.11426,0.01 m -2.19717,-0.96012 2.27693,0.01 m 12.421728,0.95568 -10.463098,-0.002 m 10.393998,-0.9715 -10.345118,-0.002 m -16.76423,0.9755 10.4631,-0.002 m -10.394,-0.9715 10.34513,-0.002 M 87.424962,1.8582837 c 0.92477,-0.244877 0.11396,-0.162324 1.47179,-0.25432 2.12893,0.336711 2.77652,3.009088 3.40968,5.509323 1.80648,8.1034663 2.2748,22.0214263 2.79879,29.7649163 0.10656,1.16635 0.28845,2.27408 0.52668,3.32099 m 1.1626,3.74357 c 2.12198,5.34326 5.401588,8.37495 5.681528,8.61846 6.14786,5.49488 9.61455,5.41549 12.40622,6.7594 M 104.35377,1.8734467 c -0.92477,-0.244877 -0.11396,-0.162324 -1.47178,-0.25432 -2.12894,0.336712 -2.77652,3.009088 -3.409678,5.509324 -1.80649,8.1034723 -2.2748,22.0214223 -2.79879,29.7649123 -0.88644,9.70189 -6.98453,15.347 -7.37082,15.68302 -6.14785,5.49488 -9.61455,5.4155 -12.40621,6.7594 M 104.66377,2.2643607 c -0.92477,-0.244877 -0.0726,-0.13752 -1.41391,-0.229515 -2.18052,0.350681 -2.3819,3.092209 -2.93839,4.914011 -1.754508,8.1034663 -1.691578,22.4431063 -2.410178,30.1865963 -0.88644,9.70189 -6.98453,15.34699 -7.37082,15.68301 -6.14785,5.49488 -9.61455,5.4155 -12.40622,6.7594 m 28.917588,-37.8428 c -0.38808,-6.19847 -0.93413,-14.1569583 -3.48556,-19.2183453 m 1.24681,0.170932 c 1.68973,1.854406 2.12815,4.533185 2.27241,5.264885 0.9885,4.4603283 1.48778,9.1446983 1.82636,13.7729283 m -24.164958,-0.006 c 0.38808,-6.19847 0.93413,-14.1569523 3.48555,-19.2183383 m -1.2468,0.171361 c -1.68973,1.854407 -2.12816,4.533186 -2.27241,5.264886 -0.9885,4.4603273 -1.48779,9.1446913 -1.82636,13.7729313 m 0.17297,0.0661 c -0.0926,1.29116 -0.26723,3.92906 -0.61913,6.1251 -0.48154,2.98715 -1.3626,8.24177 -4.20952,14.38011 -2.1537,4.64608 -4.48204,7.747 -5.19906,8.67833 -1.20385,1.56369 -2.67741,2.87027 -3.55847,3.78044 m 39.234888,-32.96393 c 0.0926,1.29116 0.26723,3.92906 0.61912,6.1251 0.48154,2.98715 1.36261,8.24177 4.20952,14.38011 2.15371,4.64608 4.48204,7.747 5.19907,8.67833 1.20385,1.56369 2.68549,2.93492 3.56655,3.84509 m 0.31488,0.10514 c -0.0794,0.30956 -0.22225,0.75671 -0.49741,1.24354 -0.69057,1.21973 -1.74625,1.86796 -2.98715,2.48973 -1.28587,0.64558 -3.28083,1.51871 -5.97429,2.24102 m 1.15886,-1.3732 1.24356,79.660757 M 69.008412,54.910223 c 0.0794,0.30956 0.22225,0.75671 0.49742,1.24354 0.69056,1.21973 1.74625,1.86796 2.98714,2.48973 1.28588,0.64558 3.28084,1.51871 5.9743,2.24102 m -1.16152,-1.3732 -1.24354,79.660757 m 38.364248,-2.4068 c 2.51619,-0.26194 5.79438,-0.9525 9.21015,-2.73844 0.91281,-0.47625 1.61163,-0.88461 2.36041,-1.3979 m -11.60463,3.41841 c 2.51619,-0.26194 5.79438,-0.9525 9.21015,-2.73844 0.91281,-0.47625 1.74095,-0.9816 2.48973,-1.49489 m -11.73692,0.55298 h -18.237728 -0.62177 -18.23508 m 37.094578,0.79375 h -18.237728 -0.62177 -18.23508 m 0.0556,3.70152 c -2.51619,-0.26194 -5.79438,-0.9525 -9.21015,-2.73844 -0.91281,-0.47625 -1.74096,-0.9816 -2.48973,-1.49489 m 11.60463,3.41841 c -2.51619,-0.26194 -5.79438,-0.9525 -9.21015,-2.73844 -0.91281,-0.47625 -1.59548,-0.86845 -2.34425,-1.38174"
/>
<path
key="folds"
opacity={0.3}
d="m 83.981182,24.959383 c 0.381,3.33905 0.82021,6.67015 1.37054,9.98273 0.52652,3.31788 1.16417,6.61194 1.85738,9.90071 0.68792,3.28613 1.37583,6.57225 2.21721,9.82134 0.4101,1.62718 0.87577,3.2385 1.35202,4.84452 0.49741,1.60073 1.00806,3.19616 1.58221,4.77043 1.11125,3.16177 2.39977,6.26005 3.83116,9.28952 0.72496,1.51078 1.47638,3.00832 2.27013,4.48469 0.80169,1.47109 1.616598,2.93688 2.476498,4.37621 1.7145,2.88396 3.55864,5.68854 5.51921,8.41375 1.94733,2.73315 4.02431,5.37633 6.17008,7.96131 -2.23838,-2.50825 -4.35769,-5.12233 -6.38175,-7.80785 -2.00819,-2.69875 -3.89467,-5.48746 -5.65944,-8.35554 -3.524248,-5.73617 -6.458478,-11.84275 -8.728598,-18.18746 -2.26484,-6.35 -3.79413,-12.93283 -5.05354,-19.53154 -0.64294,-3.29671 -1.23825,-6.61194 -1.7145,-9.9404 -0.45773,-3.3311 -0.84667,-6.67014 -1.10861,-10.02242 z m -0.003,6.33942 c 0.49477,6.55373 1.16945,13.08894 2.03729,19.59769 0.87048,6.50875 1.90764,12.99369 3.18558,19.43364 1.23561,6.4479 2.7305,12.84553 4.37356,19.20346 0.39952,1.59279 0.84667,3.17236 1.27,4.75986 0.45509,1.57691 0.88371,3.16177 1.35732,4.73604 0.89958,3.159117 1.8997,6.289137 2.8866,9.421807 -0.53975,-1.55046 -1.10067,-3.09562 -1.60867,-4.65931 l -0.77787,-2.33892 -0.74877,-2.349497 c -0.50271,-1.56633 -0.9525,-3.14589 -1.4314,-4.72017 -0.4445,-1.5822 -0.91546,-3.15647 -1.34144,-4.74662 l -0.64558,-2.38125 c -0.21431,-0.79375 -0.40481,-1.59279 -0.60854,-2.38919 -0.4101,-1.59279 -0.78581,-3.19352 -1.16152,-4.79425 -0.38629,-1.59808 -0.72231,-3.20939 -1.08479,-4.81277 -0.33867,-1.60866 -0.67469,-3.21733 -0.99748,-4.83129 -1.23561,-6.45848 -2.286,-12.95665 -3.06917,-19.48656 -0.20637,-1.62984 -0.37306,-3.26761 -0.54504,-4.90273 -0.17727,-1.63513 -0.33073,-3.27025 -0.46831,-4.90802 -0.25929,-3.26761 -0.48419,-6.54844 -0.62177,-9.83192 z"
/>
<path
key="outline"
d="m 105.10249,2.6876327 c -0.77226,-0.303159 -1.01296,-0.365982 -2.00516,-0.336891 -3.219362,0.763391 -3.927298,15.9920513 -4.597178,32.5001013 -1.27488,21.70817 -19.33703,24.19482 -19.97997,24.89861 m 30.868938,-37.96242 c -0.76683,-5.72922 -1.13835,-13.9627343 -3.40093,-18.0635323 -2.24026,-3.13116397 -3.42769,-2.634702 -4.67402,-1.74126 -2.645078,2.275017 -4.191878,15.6714923 -4.861768,32.1795423 -1.27487,21.70817 -19.33702,24.19482 -19.97996,24.89861 m 5.90537,-37.27336 c 0.76683,-5.72922 1.13835,-13.9627343 3.40092,-18.0635323 2.24027,-3.13116397 3.4277,-2.634702 4.67403,-1.74126 2.64507,2.275017 4.19188,15.6714923 4.86176,32.1795423 0.0993,1.69052 0.30037,3.26447 0.58711,4.73008 m 1.13702,4.18188 c 4.819118,13.53685 17.714388,15.39396 18.255828,15.98665 M 86.664442,2.6876277 c 0.77225,-0.303154 1.01295,-0.365977 2.00516,-0.336886 3.21936,0.763392 3.9273,15.9920513 4.59718,32.5001013 0.18007,3.06615 0.69504,5.74884 1.44853,8.09719 m 1.20249,3.07762 c 5.361998,11.48744 16.819248,13.16586 17.328938,13.7238 m -6.68039,-38.02327 c -0.17857,-5.64063 -0.68565,-11.626356 -2.2784,-16.4967743 -0.29898,-0.899583 -0.54504,-1.653646 -1.19062,-2.878667 M 85.200582,21.726183 c 0.17857,-5.64063 0.68564,-11.626356 2.27839,-16.4967743 0.29898,-0.899583 0.54505,-1.653646 1.19063,-2.878667 M 114.42943,135.54199 h -18.235078 -0.62177 -18.23773 m 45.370748,-81.766827 3.48456,81.401697 c -0.74877,0.51065 -1.57692,1.016 -2.48973,1.4949 -3.41577,1.78594 -6.69396,2.4765 -9.21014,2.73844 l -1.24355,-79.660747 c 2.69346,-0.72232 4.68842,-1.59544 5.9743,-2.24102 1.24089,-0.62177 2.29658,-1.27 2.98714,-2.48973 0.27517,-0.48684 0.42069,-0.93663 0.49742,-1.24354 -1.93675,-1.97644 -4.30742,-4.77044 -6.47171,-8.46403 -2.17752,-3.71475 -3.25702,-6.83154 -3.98198,-8.96143 -0.66939,-1.96321 -1.83885,-5.75998 -2.48973,-10.70504 -0.20373,-1.54782 -0.31221,-2.87073 -0.37306,-3.85763 H 99.157022 m -1.96784,0 h -0.97366 -0.66411 -0.94192 m -1.9513,0 h -10.28038 c -0.0609,0.98954 -0.16934,2.30981 -0.37307,3.85763 -0.65087,4.94241 -1.82033,8.74183 -2.48972,10.70504 -0.72761,2.12989 -1.80711,5.24668 -3.98198,8.96143 -2.16429,3.69359 -4.53496,6.48759 -6.47171,8.46403 0.0794,0.30956 0.22225,0.7567 0.49742,1.24354 0.69056,1.21973 1.74625,1.86796 2.98714,2.48973 1.28588,0.64558 3.28083,1.5187 5.97429,2.24102 l -1.24354,79.660747 c -2.51619,-0.26194 -5.79437,-0.9525 -9.21014,-2.73844 -0.91282,-0.47625 -1.74096,-0.98161 -2.48973,-1.4949 l 3.48456,-81.401697"
/>
</>
)

58
packages/react-components/src/linedrawings/bee.mjs Normal file
View file

File diff suppressed because one or more lines are too long

99
packages/react-components/src/linedrawings/bella.mjs Normal file
View file

@ -0,0 +1,99 @@
import React from 'react'
import { LineDrawingWrapper, thin, dashed } from './shared.mjs'
const strokeScale = 0.5
export const Bella = ({
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 154 89" {...{ className, stroke }}>
<Front stroke={stroke} />
<Back stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* React component for the front
*/
export const BellaFront = ({
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 77 89" {...{ className, stroke }}>
<Front stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* React component for the back
*/
export const BellaBack = ({
className = 'w-64', // CSS classes to apply
stroke = 1, // Stroke width to use
}) => {
// Normalize stroke across designs
stroke = stroke * strokeScale
return (
<LineDrawingWrapper viewBox="77 0 77 89" {...{ className, stroke }}>
<Back stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* SVG elements for the front
*/
export const Front = ({ stroke }) => (
<>
<path
key="stitches"
{...dashed(stroke)}
{...thin(stroke)}
d="m 52.952993,6.6931889 c -3.40842,3.4341601 -9.59006,3.5857201 -13.76413,3.7037901 -4.17407,0.11808 -9.08209,-0.6672501 -12.55681,-3.6683601 m 27.61528,-1.16272 c -0.36346,2.20357 -0.86053,4.275 -1.50638,6.1935701 -0.76472,2.27168 -2.57487,4.97719 -3.89792,6.05901 -2.37715,2.51352 -5.43883,3.75706 -9.14977,3.84587 -4.03175,-0.15292 -5.0981,-0.79048 -8.41579,-3.12701 -2.46811,-2.30835 -3.64124,-4.37869 -4.50688,-6.56646 -0.85207,-2.1535301 -1.45251,-4.4020601 -1.56864,-6.3444901 m 47.78595,5.8850601 c -3.40715,10.58105 -6.52658,17.900843 -3.53692,27.572333 0.89243,2.88693 2.34201,5.22395 4.34136,7.43254 M 6.3959329,11.513529 c 3.40714,10.58105 6.5265801,17.900843 3.53692,27.572333 -0.89244,2.88694 -2.34201,5.22396 -4.34136,7.43255 m 4.9054801,32.040537 c 1.07421,0.37835 2.62202,0.88371 4.52173,1.35731 3.45545,0.8599 6.18595,1.143 8.58837,1.35731 6.28915,0.55827 12.11263,0.79375 16.0483,0.79507 3.93568,10e-4 9.75916,-0.2368 16.04831,-0.79507 2.40241,-0.21431 5.13291,-0.49741 8.58837,-1.35731 1.89706,-0.47096 3.44752,-0.97631 4.52173,-1.35731"
/>
<path
key="folds"
opacity={0.3}
d="M 7.2315396,58.639239 19.177926,54.785496 7.1738296,58.315909 Z m 65.1083164,-0.2256 -11.946386,-3.853743 12.004096,3.530413 z m -19.718523,25.18428 2.48047,-25.863023 -2.89388,25.829943 z m -25.67127,0.2256 -2.48047,-25.863023 2.89388,25.829943 z"
/>
<path
key="outline"
d="m 53.153093,5.1741089 c -4.9666,3.74351 -7.32157,3.84783 -13.41128,3.99834 -6.0897,0.15051 -9.24674,-0.79512 -13.39895,-3.99834 m 47.99013,39.6848631 -5.42396,35.811347 c -1.07421,0.381 -2.62467,0.88636 -4.52173,1.35731 -3.45546,0.8599 -6.18596,1.143 -8.58837,1.35732 -6.28915,0.55827 -12.11263,0.79639 -16.05096,0.79507 -3.93832,-0.001 -9.76179,-0.2368 -16.05094,-0.79507 -2.40242,-0.21432 -5.13292,-0.49742 -8.58838,-1.35732 -1.8997,-0.4736 -3.44752,-0.97895 -4.52172,-1.35731 L 5.1629729,44.858972 c 1.83875,-2.55568 3.13415,-4.84744 3.77587,-8.02626 1.9596101,-9.70708 -1.00841,-15.355613 -3.77587,-24.877323 L 26.342863,5.1741089 c 0.14817,1.09538 0.41275,2.667 0.90488,4.52173 0.59679,2.1655001 2.17675,5.5503801 4.84433,7.9013601 2.13448,1.88114 5.14379,3.01114 7.58103,2.98574 2.86131,-0.0519 5.84491,-1.12057 8.08998,-3.25372 2.03764,-1.93602 3.46705,-4.0472 4.48514,-7.6333801 0.49212,-1.85473 0.75671,-3.42635 0.90487,-4.52173 l 21.1799,6.7812801 c -2.76746,9.52171 -5.73548,15.170243 -3.77587,24.877323 0.64172,3.17882 1.93712,5.47058 3.77587,8.02626"
/>
</>
)
/*
* SVG elements for the front
*/
const Back = ({ stroke }) => (
<>
<path
key="outline"
d="m 118.26405,9.1525289 c -6.08971,0.15051 -9.24675,-0.79513 -13.39896,-3.99834 L 82.908123,11.735779 c 2.76746,9.52172 5.73547,15.170243 3.77586,24.877333 -0.64172,3.17882 -1.93712,5.47057 -3.77586,8.02625 l 5.64885,36.488687 c 1.47902,0.32015 2.9845,0.62442 4.52173,0.90488 8.831787,1.61395 17.176747,2.24895 24.976667,2.24614 7.79991,-0.003 16.14487,-0.63783 24.97666,-2.24914 1.53459,-0.28046 3.04271,-0.58208 4.52173,-0.90487 l 5.64886,-36.488507 c -1.83875,-2.55551 -3.13415,-4.84727 -3.77587,-8.02609 -1.95961,-9.70708 1.0084,-15.355613 3.77587,-24.877503 l -21.5273,-6.5789401 c -4.9666,3.74368 -7.32157,3.848 -13.41127,3.99851 z"
/>
<path
key="folds"
opacity={0.3}
d="m 132.18589,83.576999 1.40316,-45.369 -1.88843,45.43331 z m -28.85628,-0.14173 -1.40316,-45.369 1.88843,45.46839 z"
/>
<path
key="stitches"
{...dashed(stroke)}
{...thin(stroke)}
d="m 151.94214,11.371109 c -3.40715,10.58105 -6.52658,17.900843 -3.53692,27.572333 0.89244,2.88694 2.34201,5.22396 4.34136,7.43254 M 84.192643,11.315319 c 3.40715,10.58105 6.52658,17.900833 3.53693,27.572323 -0.89244,2.88694 -2.34202,5.22396 -4.34137,7.43255 m 5.17142,32.688547 c 1.47902,0.32014 2.9845,0.62442 4.52173,0.90487 8.831787,1.61396 17.176737,2.24896 24.975337,2.24765 7.79859,-0.001 16.14355,-0.63633 24.97534,-2.24765 1.53459,-0.28045 3.04271,-0.58208 4.52173,-0.90487 M 132.89735,5.6149289 c -2.28793,2.04691 -5.10963,3.67333 -8.0686,4.31739 -2.44872,0.5330101 -4.99586,0.3514401 -6.97783,0.4044001 -1.98197,0.053 -4.95247,-0.10054 -7.31247,-0.7507401 -2.8688,-0.79035 -5.1148,-2.23633 -7.0212,-3.88288"
/>
</>
)

52
packages/react-components/src/linedrawings/benjamin.mjs Normal file
View file

@ -0,0 +1,52 @@
import React from 'react'
import { LineDrawingWrapper } from './shared.mjs'
const strokeScale = 0.5
export const Benjamin = ({
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 138 53" {...{ className, stroke }}>
<Front stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* React component for the front
*/
export const BenjaminFront = ({
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 138 53" {...{ className, stroke }}>
<Front stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* SVG elements for the front
*/
export const Front = ({ stroke }) => (
<>
<path
key="folds"
opacity={0.3}
d="m 68.275,19.943197 c -2.025,3.925 -0.75,5.325 -0.75,9.2 h -0.05 c -0.1,-2.375 -1.35,-4.8 -0.55,-7.175 0.3,-0.775 0.725,-1.5 1.3,-2.05 0.025,0 0.05,0.025 0.05,0.025 z m 0.6,13.675 c 0.45,-1.15 0.825,-2.2 1,-3.375 0.2,-1.875 -0.075,-4.225 0.35,-6.075 H 70.3 c -0.15,1.925 0.3,4.2 0.325,6.125 -0.05,1.3 -0.725,2.525 -1.675,3.35 -0.025,0.025 -0.075,-0.025 -0.075,-0.025 z m -6.25,-4.95 c -2.65,1.675 -5.8,2.925 -8.975,2.325 1.525,-0.375 3.025,-0.6 4.525,-1 1.475,-0.4 2.95,-0.975 4.45,-1.325 z m 0.125,-4.25 c -1.475,-0.475 -2.9,-1.175 -4.325,-1.675 -1.45,-0.525 -2.925,-0.875 -4.425,-1.375 3.225,-0.375 6.275,1.15 8.75,3.05 z m -18.7,1.975 c 1.55,0.15 3.075,0.25 4.6,0.2 1.525,-0.075 3.025,-0.3 4.575,-0.525 3.1,-0.4 6.25,-0.3 9.325,0.3 -1.55,0.025 -3.1,-0.025 -4.625,0.05 -3.1,0.05 -6.15,0.775 -9.25,0.725 -1.575,-0.025 -3.125,-0.3 -4.625,-0.75 z m 31.125,2.275 c 1.5,0.35 2.975,0.925 4.45,1.325 1.5,0.4 3,0.625 4.525,1 -3.175,0.625 -6.325,-0.65 -8.975,-2.325 z m -0.125,-4.25 c 2.5,-1.9 5.525,-3.4 8.75,-3.05 -1.475,0.5 -2.95,0.85 -4.425,1.375 -1.425,0.5 -2.85,1.2 -4.325,1.675 z m 18.7,1.975 c -1.5,0.45 -3.025,0.725 -4.6,0.775 -3.1,0.05 -6.15,-0.7 -9.25,-0.725 -1.525,-0.075 -3.075,-0.025 -4.625,-0.05 3.05,-0.6 6.225,-0.7 9.325,-0.3 1.55,0.2 3.05,0.45 4.575,0.525 1.5,0.025 3.025,-0.075 4.575,-0.225 z"
/>
<path
key="outline"
d="m 82.5,39.268193 c 0,0 4.775,3.875 6.775,4.875 2,1 7.1,3.125 7.1,3.125 l 0.575,-1.125 M 82.525,11.893197 c 0,0 7.25,-5.5000001 14.75,-6.7500001 l 0.25,1.25 M 55.275,39.268193 c 0,0 -4.775,3.875 -6.775,4.875 -2,1 -7.075,3.125 -7.075,3.125 l -0.575,-1.125 M 57,12.943197 m -1.75,-1.05 c 0,0 -7.25,-5.5000001 -14.75,-6.7500001 l -0.25,1.25 m 14.375,5.0000001 h 28.5 m 20,0 c 0.65,0 12.475,0 19.75,0.475 1.775,0.125 4.35,0.325 7.55,1.425 0.975,0.35 1.75,0.6 2.275,0.85 l 0.025,0.35 m -28.475,19.15 c 6.35,-0.025 14.525,-0.9 22.525,-3.15 2.1,-0.6 4.075,-1.25 5.975,-1.95 v -14.05 c -1.3,0.425 -2.625,0.825 -3.975,1.2 -8.625,2.35 -17.3,3.15 -24.525,2.975 m -69.5,-7.275 c -0.65,0 -12.475,0 -19.75,0.475 -1.775,0.125 -4.35,0.325 -7.55,1.425 -0.975,0.35 -1.75,0.6 -2.275,0.85 l -0.025,0.35 m 28.6,19.15 c -6.35,-0.025 -14.65,-0.9 -22.65,-3.15 -2.1,-0.6 -4.075,-1.25 -5.975,-1.95 v -14.05 c 1.3,0.425 2.625,0.825 3.975,1.2 8.625,2.35 17.425,3.15 24.65,2.975 m 39.75,1.225 c 0.225,0.625 1.5,4.35 1.25,7.75 -0.1,1.3 -0.75,5.25 -0.75,5.25 l -0.825,0.25 c -3.825,0.425 -4.275,0.825 -4.925,0.5 -0.5,-0.25 -1.475,-0.2 -2.25,-0.25 -0.575,-0.05 -2.5,-0.25 -2.5,-0.25 -0.25,-1.075 -1.025,-5.475 -1.025,-6.775 0,-4 1.275,-5.875 1.5,-6.5 z m 0,0 c 3.1,-3.9 5.625,-6.025 7.825,-7.25 2.275,-1.275 4.975,-2.35 9.475,-4.1250001 1.55,-0.625 2.85,-1.1 3.725,-1.425 l 6.35,-1.425 c 0.575,1.35 1.35,3.275 2.175,5.6250001 1.575,4.45 0.975,8.875 1.225,15.125 0.05,1.55 0.3,7.4 -0.75,11.299996 -0.775,2.85 -0.875,3.45 -0.9,4.1 -0.025,0.45 -0.05,1.175 -0.3,2.125 -0.175,0.675 -0.35,1.4 -0.9,2.125 -0.475,0.625 -1,1 -1.375,1.225 -2.275,-0.8 -4.125,-1.55 -5.475,-2.125 -5.575,-2.4 -6.025,-3.35 -11.4,-5.625 -2.45,-1.05 -3.425,-1.3 -5.175,-2.425 -2.15,-1.424996 -3.05,-3.074996 -4,-4.224996 m -10.5,0.25 c -0.95,1.15 -1.55,2.55 -3.7,3.949996 -1.725,1.125 -2.7,1.4 -5.175,2.425 -5.375,2.275 -5.8,3.2 -11.4,5.625 -1.35,0.575 -3.2,1.325 -5.475,2.125 -0.35,-0.225 -0.9,-0.6 -1.375,-1.225 -0.55,-0.725 -0.75,-1.45 -0.9,-2.125 -0.25,-0.975 -0.275,-1.675 -0.3,-2.125 -0.05,-0.65 -0.175,-2.075 -0.95,-4.9 -1.05,-3.899996 -0.775,-15.999996 -0.5,-17.999996 0.375,-2.75 0.25,-3 1,-7.625 0.4,-2.4500001 1.6,-4.2750001 2.175,-5.6250001 l 6.35,1.425 c 0.875,0.325 2.175,0.825 3.725,1.425 4.5,1.7750001 7.2,2.8500001 9.475,4.1250001 2.175,1.225 4.45,3.35 7.525,7.25"
/>
</>
)

99
packages/react-components/src/linedrawings/bent.mjs Normal file
View file

@ -0,0 +1,99 @@
import React from 'react'
import { LineDrawingWrapper, thin, dashed } from './shared.mjs'
const strokeScale = 0.5
export const Bent = ({
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 210 100" {...{ className, stroke }}>
<Front stroke={stroke} />
<Back stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* React component for the front
*/
export const BentFront = ({
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 110 100" {...{ className, stroke }}>
<Front stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* React component for the back
*/
export const BentBack = ({
className = 'w-64', // CSS classes to apply
stroke = 1, // Stroke width to use
}) => {
// Normalize stroke across designs
stroke = stroke * strokeScale
return (
<LineDrawingWrapper viewBox="110 0 110 100" {...{ className, stroke }}>
<Back stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* SVG elements for the front
*/
export const Front = ({ stroke }) => (
<>
<path
key="stitches"
{...dashed(stroke)}
{...thin(stroke)}
d="m 60.68625,3.2106857 c -3.49033,2.88802 -6.11627,2.60249 -10.28923,2.70742 -4.17295,0.10494 -6.24977,-0.27315 -9.72449,-2.65196 m 21.40696,-0.79189 c -0.24934,1.5189 -0.55753,2.89562 -1.13985,4.01572 C 55.95804,16.072326 43.67653,14.149876 40.59035,7.069566 39.90685,5.5015157 39.41621,4.0031457 39.29797,2.5697757 m 38.8812,90.6255203 c -17.98203,3.57254 -37.50468,3.35217 -54.10199,0.0609 m 75.89309,-2.66175 -12.47516,2.51618 M 2.5612303,90.594446 15.03637,93.110626"
/>
<path
key="folds"
opacity={0.3}
d="m 80.888499,8.187321 -1.825625,7.784041 c -0.55298,2.606146 -1.068917,5.220229 -1.500188,7.850188 -0.449792,2.624666 -0.836083,5.262562 -1.166812,7.905749 -0.17198,1.320271 -0.320146,2.645834 -0.460375,3.971396 -0.145521,1.325563 -0.269875,2.651125 -0.386292,3.979334 0.08467,-1.330855 0.177271,-2.659063 0.291042,-3.989917 0.119062,-1.328208 0.251354,-2.653771 0.404812,-3.979333 0.301625,-2.651125 0.687917,-5.289021 1.124479,-7.921625 0.449792,-2.629959 0.963084,-5.246688 1.547813,-7.850188 0.616479,-2.59027 1.304396,-5.169958 1.971146,-7.749645 z m -59.420125,0 c 0.66675,2.579687 1.352021,5.159375 1.973792,7.752291 0.584729,2.600854 1.098021,5.220229 1.547812,7.850188 0.436563,2.632604 0.822855,5.270499 1.12448,7.921624 0.153458,1.325563 0.28575,2.651125 0.404812,3.979334 0.113771,1.328208 0.206375,2.659062 0.291042,3.989916 -0.116417,-1.328208 -0.240771,-2.65377 -0.386292,-3.979333 -0.140229,-1.325562 -0.288396,-2.648479 -0.460375,-3.971396 -0.330729,-2.643187 -0.717021,-5.281083 -1.166812,-7.90575 -0.433917,-2.629958 -0.947209,-5.244041 -1.500188,-7.850187 z"
/>
<path
key="outline"
d="m 60.88802,2.1951157 c -0.0738,0.85214 -0.22146,2.06862 -0.67064,3.22089 -1.69119,4.1677803 -5.79125,6.4419003 -9.81416,6.4180203 -3.85255,-0.0229 -7.63239,-2.16097 -9.24399,-6.4180203 -0.44834,-1.19574 -0.59798,-2.38491 -0.67064,-3.22089 m 20.39943,-0.0662 c -3.68096,2.66655 -5.95551,2.74086 -10.46887,2.84807 -4.51335,0.10721 -6.85316,-0.56637 -9.93056,-2.84807 m 0,5e-5 -16.34791,3.97873 c -0.59532,0.17198 -1.84944,0.61912 -2.97128,1.7832903 -1.24883,1.29381 -7.79991,21.57413 -8.71802,26.14348 -0.69432,3.45931 -2.77637,10.71022 -4.60615,19.42997 -2.5142297,11.98162 -3.4345597,26.73653 -5.4850497,38.23861 -0.0714,0.39688 -0.14288,0.80963 -0.20638,1.15623 l 12.4777497,2.37596 6.08928,-36.73188 6.38847,-19.12166 -3.06387,55.85354 c 0.67468,0.13229 1.19327,0.33602 2.47385,0.59531 13.90174,2.663044 36.14894,2.678174 49.39771,0 1.28058,-0.25929 1.79916,-0.46302 2.47385,-0.59531 l -3.06652,-55.85354 6.5223,19.7207 5.95545,36.13284 12.4804,-2.37596 c -0.0635,-0.3466 -0.13494,-0.75935 -0.20638,-1.15623 C 97.983,79.961996 96.97867,64.831546 94.43502,52.721296 92.67331,44.333776 90.65939,37.395016 89.98488,34.034466 89.06678,29.465116 82.5157,9.184796 81.26686,7.890986 80.14503,6.7268157 78.8909,6.2796757 78.29559,6.1076957 l -17.40757,-3.97873"
/>
</>
)
/*
* SVG elements for the back
*/
const Back = ({ stroke }) => (
<>
<path
key="outline"
d="m 184.95972,94.975946 c -1.22238,-11.23421 -2.0373,-22.2885 -2.44211,-28.85546 -0.46831,-7.5856 -0.56092,-14.56531 -0.59531,-17.23231 -0.0476,-3.82058 -0.0291,-7.06702 0,-9.50648 1.34331,4.88743 5.68179,14.33057 7.88834,24.09456 3.05654,13.52519 3.96711,27.66601 4.58941,31.16631 l 13.07306,-1.78329 -5.60917,-38.62123 c -4.64608,-22.06095 -10.27906,-38.1582 -11.03047,-40.99983 -0.0371,-0.14287 -0.36778,-1.44198 -1.18798,-2.97127 -0.64294,-1.19592 -1.40759,-2.57969 -2.97127,-3.5639403 -0.47096,-0.29633 -0.89694,-0.48154 -1.18798,-0.59531 l -18.05586,-3.82145 c -3.68096,2.66655 -5.9555,2.74086 -10.46886,2.84807 -4.51335,0.10721 -6.85317,-0.56638 -9.93057,-2.84807 l -16.80294,3.82145 c -0.29104,0.11112 -0.71702,0.29633 -1.18798,0.59531 -1.56369,0.9842503 -2.32833,2.3680203 -2.97127,3.5639403 -0.82286,1.52929 -1.15094,2.8284 -1.18798,2.97127 -0.75142,2.84163 -6.38175,18.93888 -11.03048,40.99983 l -5.60652,38.62123 13.07306,1.78329 c 0.65048,-3.65717 1.81192,-18.94217 5.00454,-32.99786 2.06664,-9.09861 6.21414,-17.68212 7.47321,-22.26301 0.0291,2.43946 0.0476,5.6859 0,9.50648 -0.0317,2.66435 -0.12435,9.64671 -0.59531,17.23231 -0.40481,6.56696 -1.21973,17.75354 -2.44211,28.85546 0.67469,0.13229 1.19328,0.33602 2.47386,0.59531 13.90174,2.663044 36.00606,2.678164 49.25483,0 1.28058,-0.25929 1.79917,-0.46302 2.47386,-0.59531"
/>
<path
key="folds"
opacity={0.3}
d="m 198.33202,91.249626 c 0,0 -1.6918,-24.40297 -4.36562,-34.39583 -2.67383,-9.99286 -10.58334,-25.26771 -10.58334,-25.26771 0,0 7.27927,15.42762 9.92188,25.4 2.6426,9.97238 5.02708,34.26354 5.02708,34.26354 z m -80.84365,0.41373 c 0,0 1.6918,-24.40297 4.36563,-34.39583 2.67382,-9.99286 10.58333,-25.26771 10.58333,-25.26771 0,0 -7.27927,15.42762 -9.92187,25.4 -2.64261,9.97238 -5.02709,34.26354 -5.02709,34.26354 z m 69.83937,-84.07135 -1.82298,7.38188 c -0.55298,2.47385 -1.06892,4.95564 -1.50019,7.45066 -0.45244,2.49238 -0.83608,4.99798 -1.16946,7.51152 -0.17198,1.25678 -0.32014,2.51355 -0.46037,3.77296 -0.14552,1.25942 -0.26988,2.52148 -0.3863,3.78354 0.0847,-1.2647 0.17728,-2.52941 0.29105,-3.79147 0.11906,-1.26207 0.25135,-2.52413 0.40481,-3.78355 0.30162,-2.51883 0.68792,-5.02708 1.12448,-7.52739 0.44979,-2.49767 0.96308,-4.98211 1.54781,-7.45067 0.62177,-2.45798 1.3044,-4.90008 1.97115,-7.34748 z m -59.41748,0 c 0.66675,2.44475 1.34937,4.8895 1.97114,7.34748 0.58473,2.46856 1.09802,4.953 1.54782,7.45067 0.43656,2.50031 0.82285,5.00856 1.12448,7.52739 0.15345,1.25942 0.28575,2.52148 0.40481,3.78355 0.11377,1.26206 0.20637,2.52677 0.29104,3.79147 -0.11642,-1.26206 -0.24077,-2.52412 -0.38629,-3.78354 -0.14023,-1.25941 -0.2884,-2.51883 -0.46038,-3.77296 -0.33337,-2.51354 -0.71702,-5.0165 -1.16946,-7.51152 -0.43391,-2.49766 -0.9472,-4.97945 -1.50018,-7.45066 z"
/>
<path
key="stitches"
{...dashed(stroke)}
{...thin(stroke)}
d="m 184.71704,93.211716 c -17.98204,3.57253 -37.23002,3.04815 -53.82734,-0.24317 m 76.2775,-2.41481 -12.98642,1.94409 m -85.67087,-1.94415 12.9701,1.94419"
/>
</>
)

99
packages/react-components/src/linedrawings/bibi.mjs Normal file
View file

@ -0,0 +1,99 @@
import React from 'react'
import { LineDrawingWrapper, thin, dashed } from './shared.mjs'
const strokeScale = 0.5
export const Bibi = ({
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 170 90" {...{ className, stroke }}>
<Front stroke={stroke} />
<Back stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* React component for the front
*/
export const BibiFront = ({
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 85 90" {...{ className, stroke }}>
<Front stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* React component for the back
*/
export const BibiBack = ({
className = 'w-64', // CSS classes to apply
stroke = 1, // Stroke width to use
}) => {
// Normalize stroke across designs
stroke = stroke * strokeScale
return (
<LineDrawingWrapper viewBox="85 0 85 90" {...{ className, stroke }}>
<Back stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* SVG elements for the front
*/
export const Front = ({ stroke }) => (
<>
<path
key="stitches"
{...dashed(stroke)}
{...thin(stroke)}
d="m 51.779709,4.4354272 c -3.178132,2.6245716 -5.352405,2.321948 -9.152107,2.4173197 -3.799694,0.09541 -5.69075,-0.2480656 -8.85467,-2.4100521 M 53.571002,3.0225117 C 53.244801,17.268394 32.490143,17.17025 32.028546,3.0214915 M 67.85005,83.570653 c -12.883744,1.342898 -35.273054,0.941978 -48.22536,0.01527 M 81.602885,34.106116 68.162638,38.784072 M 5.8824761,34.420045 18.371275,38.750312"
/>
<path
key="folds"
opacity={0.3}
d="M 70.59442,7.8820746 C 65.45604,19.582046 64.572162,27.123324 65.356704,32.595955 M 15.872468,7.8820746 c 5.138378,11.6999714 6.193153,19.1064544 5.40861,24.5790854"
/>
<path
key="outline"
d="M 33.463622,2.6758086 18.577976,6.2614815 C 18.035908,6.4179536 16.893966,6.8240942 15.872468,7.8820746 10.792223,20.038985 7.9638598,24.104892 5.224788,36.970028 l 12.421894,4.398489 3.634397,-8.907357 c -1.856518,7.622293 1.273767,13.188354 0.959961,18.456751 -0.976284,16.390523 -2.892219,25.189064 -3.127854,35.381693 18.522439,1.450034 30.663149,1.242285 49.3425,0.370571 C 67.3318,76.597187 65.398713,67.634449 64.44056,50.999681 64.136947,45.728582 66.845449,39.967465 65.356704,32.595955 l 3.358143,8.655629 13.44487,-4.586026 C 79.151143,22.830528 76.600622,19.324724 70.59442,7.8820746 69.572937,6.8240942 68.430984,6.4177628 67.888923,6.2614815 L 52.038395,2.6758086 c 0.808937,11.6606614 -18.383254,13.0787394 -18.574773,0 z M 52.038388,2.64564 C 48.68668,5.068935 45.311708,5.2062352 42.505923,5.2338795 39.681909,5.2617034 36.265759,4.7192007 33.463622,2.64564"
/>
</>
)
/*
* SVG elements for the back
*/
const Back = ({ stroke }) => (
<>
<path
key="stitches"
{...dashed(stroke)}
{...thin(stroke)}
d="m 136.00902,2.9270757 c -2.71821,2.747446 -6.16508,3.7122931 -10.94816,3.6630589 -5.38013,-0.05538 -7.81113,-1.2662531 -10.15322,-3.6438351 m 35.18904,78.2834545 c -6.68571,1.790956 -15.92126,3.464636 -25.08206,3.378254 -8.03644,-0.07578 -16.81448,-1.59251 -22.72449,-3.273326 m 61.43806,-48.407266 -13.66997,4.534445 m -62.048312,-3.371372 13.445742,4.019055"
/>
<path
key="folds"
opacity={0.3}
d="M 152.36459,7.7441465 C 147.35394,19.141488 146.49203,24.520434 147.25707,29.851512 M 99.002982,7.7441465 c 5.010638,11.3973415 6.039198,16.6449785 5.274158,21.9760555 m 2.13593,15.294224 c -0.2505,5.618072 1.94359,10.868263 1.89777,20.247187 M 146.97672,36.97725 c -0.8854,5.478971 -2.67314,6.78947 -2.37135,17.80827"
/>
<path
key="outline"
d="m 125.28003,5.2975987 c -4.00839,-0.040472 -6.39072,-0.6345162 -9.12319,-2.6544242 l -14.51561,3.522297 c -0.52859,0.152425 -1.642143,0.54806 -2.638248,1.578675 C 93.222229,18.3724 90.210821,23.818471 87.327104,36.3762 l 13.405986,4.339466 3.54405,-9.028194 c 0.1628,6.441504 2.13531,9.365102 2.13593,13.326953 0.003,18.61597 -3.99958,27.140207 -4.24993,39.118919 0.59906,0.117106 4.39936,1.231667 5.53641,1.46127 12.3436,2.357529 24.20468,2.370914 35.9685,0 1.13705,-0.229381 6.0119,-0.983176 6.61097,-1.100284 -0.37711,-12.29561 -4.18931,-20.782157 -4.40295,-39.479905 -0.045,-3.943736 1.50697,-6.785794 1.381,-13.195645 l 3.59292,7.946573 13.90626,-4.522154 C 160.66104,23.59597 158.49047,18.842507 152.36459,7.7441465 c -0.99609,-1.030615 -2.10966,-1.426436 -2.63824,-1.578675 l -15.4565,-3.522297 c -3.26839,2.360596 -4.98233,2.6948872 -8.98982,2.6544242 z"
/>
</>
)

89
packages/react-components/src/linedrawings/bob.mjs Normal file
View file

@ -0,0 +1,89 @@
import React from 'react'
import { LineDrawingWrapper, thin, dashed } from './shared.mjs'
const strokeScale = 0.5
export const Bob = ({
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 136 87" {...{ className, stroke }}>
<Front stroke={stroke} />
<Back stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* React component for the front
*/
export const BobFront = ({
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 68 87" {...{ className, stroke }}>
<Front stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* React component for the back
*/
export const BobBack = ({
className = 'w-64', // CSS classes to apply
stroke = 1, // Stroke width to use
}) => {
// Normalize stroke across designs
stroke = stroke * strokeScale
return (
<LineDrawingWrapper viewBox="68 0 68 87" {...{ className, stroke }}>
<Back stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* SVG elements for the front
*/
export const Front = ({ stroke }) => (
<>
<path
key="stitches"
{...dashed(stroke)}
{...thin(stroke)}
d="m 60.06281,7.079377 c 0.05,0.075 0.65,0.65 1.4,2.775 0.65,1.85 1.075,6.825 1.075,13.325 v 0 c 0,0 0.05,6.875 0.1,11.625 0.125,12.5 0.3,29.6 0.15,42.2 -0.05,4.15 -3.475,7.525 -7.625,7.525 h -44.075 c -4.1500001,0 -7.5750001,-3.375 -7.6250001,-7.525 -0.15,-12.6 0.025,-29.7 0.15,-42.2 0.05,-4.75 0.1,-8.85 0.1,-11.525 v -0.125 c 0.025,-6.5 0.425,-11.475 1.075,-13.325 0.775,-2.125 1.675,-2.9500002 1.725,-3.0250002 m 7.6000001,-3.3 c -0.05,0.75 -0.25,3.5750002 -0.25,3.7000002 -0.15,7.025 1.35,12.3 4.575,16.1 3.5,4.1 8.675,6.2 15.4,6.2 7.1,0 12.375,-2.15 15.65,-6.4 4.15,-5.35 4.025,-12.775 3.55,-16.7000002 l -0.425,-2.725 m -21.25,8.4750002 c -0.825,-0.275 -1.2,-0.35 -2.3,-0.575 -6.8,-1.5 -13.85,-7.3000002 -14.175,-7.5500002 m 36.5,-0.225 c -0.35,0.25 -8.675,6.0500002 -15.475,7.4250002 -5.5,1.125 -5.6,2.875 -5.075,5.65 0.525,2.85 7,2.025 7.075,2 0.025,0 3.925,-0.6 8.05,-1.775 2.7,-0.775 5.675,-2.325 5.7,-2.35 m -35.85,0.8 c 0.05,0.025 4.4,2.075 7.125,2.775 3.8,0.975 7.075,1.45 9.375,1.05"
/>
<path
key="outline"
d="m 16.08781,16.454377 c 0,0 3.85,1.775 6.65,2.575 4.25,1.2 9.6,1.375 11.725,0.675 m 24.375,-13.5250002 c 0,0 1.15,1.8500002 1.9,3.9250002 0.5,1.4 1.025,5.55 1.05,13.075 0,0 0.05,6.875 0.1,11.625 0.125,12.475 0.3,29.575 0.15,42.175 -0.05,3.75 -3.125,6.8 -6.875,6.8 h -44.075 c -3.75,0 -6.8250001,-3.05 -6.8750001,-6.8 -0.15,-12.6 0.025,-29.7 0.15,-42.175 0.05,-4.75 0.1,-8.85 0.1,-11.525 v -0.125 c 0.025,-7.525 0.525,-11.675 1.05,-13.075 0.75,-2.075 1.9000001,-3.9250002 1.9000001,-3.9250002 m -0.6500001,-0.4 m 1.2750001,0.8 m 5.3,-2.75 c 0,0.25 -0.2,3.125 -0.225,3.3750002 -0.1,4.425 0.3,11.35 4.75,16.6 3.65,4.275 9.025,6.45 15.975,6.45 7.35,0 12.825,-2.25 16.25,-6.675 4.25,-5.475 4.225,-12.9 3.7,-17.2750002 l -0.375,-2.3 m -37.975,10.0750002 c 0.025,0.025 5.225,2.3 7.85,3.05 2.525,0.725 5.2,1.175 7.35,1.175 m -0.075,-5.425 c -9.5,-1.7 -15.425,-7.6500002 -15.725,-7.9000002 m 17.375,6.6750002 c -0.85,-0.275 -1.85,-0.55 -2.975,-0.8 -6.7,-1.475 -14.15,-7.8000002 -14.15,-7.8000002 m 36.15,0.125 c 0,0 6.475,25.1250002 -17.4,25.1250002 -22.9,0 -18.825,-25.1250002 -18.825,-25.1250002 l -7.425,2.925 c 0,0 -1.5500001,0.625 -3.1750001,3.2250002 -2,3.2 -1.975,12.725 -1.975,14 -0.025,9.425 -0.475,36.15 -0.25,53.725 0.05,4.85 4.025,8.775 8.8750001,8.775 h 44.1 c 4.85,0 8.825,-3.9 8.875,-8.775 0.225,-17.575 -0.225,-44.3 -0.25,-53.725 0,-1.275 0.025,-10.8 -1.975,-14 -1.625,-2.6000002 -3.175,-3.2250002 -3.175,-3.2250002 z m 0.425,1.95 c -0.375,0.25 -8.45,5.9250002 -15.5,7.3500002 -2.75,0.55 -3.7,1.25 -4.025,1.725 -0.3,0.425 -0.325,1.125 -0.075,2.5 0.125,0.725 1.925,1.125 3.825,1.125 0.625,0 1.25,-0.05 1.85,-0.125 0.025,0 3.825,-0.575 7.9,-1.75 2.55,-0.725 6.225,-2.725 6.25,-2.725 m -0.75,-10.1750002 c 0,0 -8.65,6.1000002 -15.375,7.4500002 -5.975,1.225 -6.25,3.4 -5.675,6.525 0.675,3.65 7.925,2.6 7.925,2.6 0,0 3.925,-0.6 8.15,-1.8 2.8,-0.8 5.3,-2.125 5.3,-2.125 m -18.7,70.1"
/>
</>
)
/*
* SVG elements for the back
*/
const Back = ({ stroke }) => (
<>
<path
key="outline"
d="m 103.38781,14.879377 a 1.35,1.35 0 0 1 -1.35,1.35 1.35,1.35 0 0 1 -1.35,-1.35 1.35,1.35 0 0 1 1.35,-1.35 1.35,1.35 0 0 1 1.35,1.35 z m 0.625,0 a 1.975,1.975 0 0 1 -1.975,1.975 1.975,1.975 0 0 1 -1.975,-1.975 1.975,1.975 0 0 1 1.975,-1.975 1.975,1.975 0 0 1 1.975,1.975 z M 85.38781,2.1293768 c 0,0 -2.875,0.275 -6.4,2.525 -2.35,1.5 -4.1,3.9750002 -4.1,3.9750002 0.05,0.325 1,0.55 3.425,2.775 2.25,2.05 4.35,3.375 10.825,5.65 3.05,1.075 11.9,2.55 14.55,1.55 0,0 3.075,-0.7 3.075,-3.7 0,-3.625 -4.075,-4.2 -4.075,-4.2 -0.85,-0.275 -1.85,-0.55 -2.975,-0.8 -6.725,-1.475 -14.325,-7.7750002 -14.325,-7.7750002 z m 36.475,13.1500002 c -1.425,6.2 -5.8,12.325 -17.575,12.325 -11,0 -15.65,-5.425 -17.625,-11.45 m -11.8,-7.525 c -1.925,3.325 -1.95,12.7 -1.95,13.975 -0.025,9.425 -0.475,36.15 -0.25,53.725 0.05,4.85 4.025,8.775 8.875,8.775 h 44.1 c 4.85,0 8.825,-3.9 8.875,-8.775 0.225,-17.575 -0.225,-44.3 -0.25,-53.725 0,-1.275 0.175,-10.575 -1.85,-13.775 m -26.9,3.225 c 0.325,-0.1 0.7,-0.175 1.1,-0.25 7.05,-1.425 16.275,-7.8250002 17.525,-9.0250002 m -18.275,14.6250002 c 3.3,0.025 6.025,-0.625 10.125,-1.775 2.55,-0.725 6.1,-2.1 7.775,-3.075 2.05,-1.175 5.625,-4.625 7.875,-5.125 m -9.525,6.675 m -0.525,-11.7250002 c 0,0 -8.65,6.1000002 -15.375,7.4500002 -1.325,0.275 -2.375,0.575 -3.175,0.95 1,0.25 3.7,1.175 3.7,4.125 0,3 -3.075,3.7 -3.075,3.7 -0.125,0.05 -0.3,0.1 -0.475,0.125 2.3,0.65 5.275,0.225 5.275,0.225 0,0 3.925,-0.6 8.15,-1.8 2.8,-0.8 6.975,-2.325 10.225,-4.625 4.1,-2.925 5.575,-3.675 5.575,-3.675 0,0 -1.175,-2.9500002 -3.675,-4.4250002 -3.025,-1.75 -7.15,-2.05 -7.15,-2.05 z m -33.275,20.7500002 c 3.65,4.275 9.025,6.45 15.975,6.45 7.35,0 12.825,-2.25 16.25,-6.675 2.05,-2.65 3.1,-5.725 3.575,-8.725 m 0.025,0 m -3.6,8.725 c -3.425,4.425 -8.9,6.675 -16.25,6.675 -6.95,0 -12.325,-2.175 -15.975,-6.45 -2.125,-2.475 -3.25,-5.125 -3.925,-7.9 m -0.5,-2.6 m -8.175,-5.225 c 0,0 1.95,0.925 3.95,2.75 2,1.825 3.825,3 10.15,5.25 2.975,1.05 9.15,2.2 11.3,2.2 0,0 3.625,-0.025 3.825,-2.55 0.175,-2.2 -3.3,-3.025 -3.3,-3.025 -12.275,-2.2 -17.95,-9.1750002 -18.275,-9.4500002 m -6.15,2.525 m 1.275,0.775 m 24.725,79.2250002 m -0.55,-70.6 a 0.25,0.25 0 0 1 -0.25,0.25 0.25,0.25 0 0 1 -0.25,-0.25 0.25,0.25 0 0 1 0.25,-0.25 0.25,0.25 0 0 1 0.25,0.25 z m -0.75,0 a 0.25,0.25 0 0 1 -0.25,0.25 0.25,0.25 0 0 1 -0.25,-0.25 0.25,0.25 0 0 1 0.25,-0.25 0.25,0.25 0 0 1 0.25,0.25 z m 0,0.75 a 0.25,0.25 0 0 1 -0.25,0.25 0.25,0.25 0 0 1 -0.25,-0.25 0.25,0.25 0 0 1 0.25,-0.25 0.25,0.25 0 0 1 0.25,0.25 z m 0.75,0 a 0.25,0.25 0 0 1 -0.25,0.25 0.25,0.25 0 0 1 -0.25,-0.25 0.25,0.25 0 0 1 0.25,-0.25 0.25,0.25 0 0 1 0.25,0.25 z"
/>
<path
key="stitches"
{...dashed(stroke)}
{...thin(stroke)}
d="m 85.08781,15.554377 c 0.75,2.9 1.975,5.325 3.7,7.35 3.5,4.1 8.675,6.2 15.4,6.2 7.1,0 12.375,-2.15 15.65,-6.4 1.825,-2.375 2.825,-5.125 3.325,-7.825 m 8.6,-6.975 c -1.325,0.3 -3.3,1.8 -5.025,3.125 -1,0.775 -1.975,1.5 -2.725,1.95 -1.675,0.975 -5.225,2.375 -7.9,3.125 -4.275,1.2 -6.9,1.8 -10.05,1.8 -0.075,0 -0.15,0 -0.225,0 m -0.475,-6.35 c 0.375,-0.1 0.75,-0.175 1.125,-0.275 6.875,-1.4 15.725,-7.3750002 17.05,-8.6750002 m -39.575,-0.1 c 0.05,0.05 0.1,0.1 0.2,0.2 2.375,2.575 7.8,7.1250002 17.525,8.8750002 h 0.025 c 0.15,0.05 3.875,0.95 3.675,3.55 -0.175,2.35 -2.9,3 -4.3,3 -2.15,0 -8.35,-1.125 -11.475,-2.225 -6.275,-2.225 -8.175,-3.4 -10.3,-5.35 -1.925,-1.75 -3.8,-2.675 -3.825,-2.675 m 55.8,1.625 c 0.475,2.65 0.925,7.075 0.95,13 0,0 0.05,6.875 0.1,11.625 0.125,12.475 0.3,29.575 0.15,42.175 -0.05,3.75 -3.125,6.8 -6.875,6.8 h -44.1 c -3.75,0 -6.825,-3.05 -6.875,-6.8 -0.15,-12.6 0.025,-29.7 0.15,-42.175 0.05,-4.75 0.1,-8.85 0.1,-11.525 v -0.125 c 0.025,-7.525 0.525,-11.675 1.05,-13.075 m 55.975,-0.225 c 0.65,1.85 1.075,6.825 1.075,13.325 v 0 c 0,0 0.05,6.875 0.1,11.625 0.125,12.5 0.3,29.6 0.15,42.2 -0.05,4.15 -3.475,7.525 -7.625,7.525 h -44.1 c -4.15,0 -7.575,-3.375 -7.625,-7.525 -0.15,-12.6 0.025,-29.7 0.15,-42.2 0.05,-4.75 0.1,-8.85 0.1,-11.525 v -0.125 c 0.025,-6.5 0.425,-11.475 1.075,-13.325"
/>
</>
)

99
packages/react-components/src/linedrawings/breanna.mjs Normal file
View file

@ -0,0 +1,99 @@
import React from 'react'
import { LineDrawingWrapper, thin, dashed } from './shared.mjs'
const strokeScale = 0.5
export const Breanna = ({
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 184 58" {...{ className, stroke }}>
<Front stroke={stroke} />
<Back stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* React component for the front
*/
export const BreannaFront = ({
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 92 58" {...{ className, stroke }}>
<Front stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* React component for the back
*/
export const BreannaBack = ({
className = 'w-64', // CSS classes to apply
stroke = 1, // Stroke width to use
}) => {
// Normalize stroke across designs
stroke = stroke * strokeScale
return (
<LineDrawingWrapper viewBox="92 0 92 58" {...{ className, stroke }}>
<Back stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* SVG elements for the front
*/
export const Front = ({ stroke }) => (
<>
<path
key="stitches"
{...dashed(stroke)}
{...thin(stroke)}
d="m 89.781282,52.489971 -7.71664,2.821724 M 2.6011443,52.489971 10.31778,55.311695 M 54.249734,2.3598183 c -0.204443,1.239508 -0.48405,2.404687 -0.847335,3.483883 -0.430155,1.27782 -1.44837,2.799669 -2.19258,3.408193 -1.337153,1.4138547 -3.059348,2.1133457 -5.146748,2.1633017 -2.267857,-0.08602 -2.867685,-0.444645 -4.733883,-1.7589427 -1.388312,-1.298447 -2.048197,-2.463013 -2.53512,-3.693634 -0.479289,-1.21136 -0.817037,-2.476159 -0.88236,-3.568775 M 29.640157,43.418409 c 0.604243,0.212821 1.474886,0.497086 2.543473,0.763486 1.943691,0.483694 3.479597,0.642938 4.830958,0.763487 3.537647,0.314027 6.813356,0.446484 9.027168,0.447227 2.21382,5.62e-4 5.489528,-0.1332 9.027173,-0.447227 1.351357,-0.120549 2.887267,-0.279793 4.83096,-0.763487 1.0671,-0.264915 1.93923,-0.549174 2.543475,-0.763486 M 53.521671,2.9939193 c -1.91724,1.931715 -5.394412,2.016967 -7.742325,2.083381 -2.347912,0.06642 -5.108676,-0.375328 -7.063206,-2.063452"
/>
<path
key="folds"
opacity={0.3}
d="m 27.803352,32.213571 6.719839,-2.16773 -6.7523,1.985858 z m 36.623424,-0.1269 -6.719835,-2.16773 6.752295,1.985858 z m -11.091667,14.166158 1.395262,-14.54795 -1.627807,14.529342 z m -14.440089,0.1269 -1.395264,-14.54795 1.627807,14.529342 z"
/>
<path
key="outline"
d="m 65.547921,5.9539063 c 0.420818,0.187322 0.971843,0.440306 1.55541,0.950132 1.15785,1.009998 1.978568,2.155179 2.066925,2.413954 0.59286,1.7071467 8.839606,16.6878187 21.089976,44.3131047 l -7.71663,2.686254 -16.995681,-31.85518 M 26.639782,5.9539063 c -0.417977,0.187322 -0.916774,0.440306 -1.496402,0.950132 -1.150014,1.009998 -1.965184,2.155179 -2.052934,2.413954 C 22.501582,11.025139 14.310626,26.005811 2.1431213,53.631097 l 7.664439,2.686254 16.8322217,-31.85518 m 38.908139,0 -3.050977,20.143883 c -0.604245,0.214312 -1.476383,0.498577 -2.543475,0.763487 -1.9437,0.483694 -3.479603,0.642938 -4.83096,0.763493 -3.537645,0.314026 -6.813353,0.447969 -9.028665,0.447226 -2.215305,-5.62e-4 -5.491007,-0.1332 -9.028653,-0.447226 -1.351361,-0.120555 -2.887268,-0.279799 -4.830964,-0.763493 -1.068581,-0.2664 -1.93923,-0.55066 -2.543467,-0.763487 L 26.639782,24.462171 c 1.034297,-1.43757 1.762959,-2.726685 2.123927,-4.514771 1.102281,-5.460232 -0.567231,-8.637532 -2.123927,-13.9934937 l 11.913688,-3.81447 c 0.08335,0.616151 0.232172,1.500188 0.508995,2.543473 0.335695,1.218094 1.224422,3.122089 2.724936,4.444515 1.200645,1.0581407 2.893383,1.6937657 4.26433,1.6794787 1.609485,-0.02919 3.28776,-0.630321 4.55061,-1.8302177 1.146173,-1.089011 1.950218,-2.27655 2.522895,-4.293776 0.276818,-1.043285 0.425648,-1.927322 0.508988,-2.543473 l 11.913697,3.81447 c -1.5567,5.3559617 -3.226207,8.5332617 -2.123932,13.9934937 0.360967,1.788086 1.08963,3.077201 2.123932,4.514771 M 53.634224,2.1394363 c -2.793713,2.105724 -4.118385,2.164404 -7.543845,2.249066 -3.425456,0.08466 -5.201291,-0.447255 -7.536909,-2.249066"
/>
</>
)
/*
* SVG elements for the back
*/
const Back = ({ stroke }) => (
<>
<path
key="outline"
d="m 157.53711,5.8287953 c 0.42082,0.187322 0.97185,0.440305 1.55541,0.950131 1.15785,1.009999 1.97857,2.155179 2.06693,2.413955 0.59287,1.7071467 8.8396,16.6878187 21.08998,44.3131047 L 174.5328,56.19224 157.53711,24.33706 M 117.99645,5.8303753 c -0.41798,0.187323 -0.91677,0.440306 -1.4964,0.950132 -1.15002,1.009998 -1.96518,2.155179 -2.05293,2.413955 -0.58887,1.7071467 -8.77983,16.6878187 -20.947328,44.3131047 l 7.664438,2.686253 16.83222,-31.855179 M 137.88417,4.3772973 c -3.42546,0.08466 -5.2013,-0.447261 -7.53692,-2.249066 l -12.3508,3.702144 c 1.5567,5.3559677 3.2262,8.5332617 2.12392,13.9934997 -0.36097,1.788086 -1.08963,3.077196 -2.12392,4.514766 l 3.17748,20.524886 c 0.83196,0.180084 1.67879,0.351237 2.54348,0.508995 4.96788,0.907847 9.66192,1.265034 14.04937,1.263454 4.38745,-0.0016 9.08149,-0.35878 14.04938,-1.265141 0.8632,-0.157759 1.71152,-0.32742 2.54347,-0.50899 l 3.17748,-20.524785 c -1.03429,-1.437474 -1.76295,-2.726589 -2.12392,-4.514675 -1.10228,-5.460233 0.56722,-8.637533 2.12392,-13.9935957 L 145.428,2.1281353 c -2.79371,2.10582 -4.11837,2.1645 -7.54383,2.249162 z"
/>
<path
key="folds"
opacity={0.3}
d="m 145.7152,46.256115 0.78928,-14.900416 -1.06224,14.921537 z m -16.23166,-0.04655 -0.78927,-14.900416 1.06224,14.933058 z"
/>
<path
key="stitches"
{...dashed(stroke)}
{...thin(stroke)}
d="m 181.77048,52.496955 -7.71664,2.821723 m -80.09602,-2.820144 7.71664,2.821724 m 19.50096,-11.516747 c 0.83195,0.180079 1.67878,0.351237 2.54348,0.50899 4.96788,0.907853 9.66191,1.26504 14.04863,1.264303 4.3867,-5.63e-4 9.08074,-0.357935 14.04863,-1.264303 0.8632,-0.157753 1.71152,-0.32742 2.54347,-0.50899 M 146.1154,2.5194944 c -1.28696,1.1513865 -2.87417,2.0662477 -4.53859,2.4285315 -1.3774,0.2998185 -2.81017,0.197685 -3.92503,0.227475 -1.11485,0.029813 -2.78576,-0.05655 -4.11326,-0.4222913 -1.6137,-0.4445715 -2.87708,-1.2579352 -3.94943,-2.18412"
/>
</>
)

99
packages/react-components/src/linedrawings/brian.mjs Normal file
View file

@ -0,0 +1,99 @@
import React from 'react'
import { LineDrawingWrapper, thin, dashed } from './shared.mjs'
const strokeScale = 0.5
export const Brian = ({
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 189 90" {...{ className, stroke }}>
<Front stroke={stroke} />
<Back stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* React component for the front
*/
export const BrianFront = ({
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 90" {...{ className, stroke }}>
<Front stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* React component for the back
*/
export const BrianBack = ({
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 90" {...{ className, stroke }}>
<Back stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* SVG elements for the front
*/
export const Front = ({ stroke }) => (
<>
<path
key="stitches"
{...dashed(stroke)}
{...thin(stroke)}
d="m 54.817624,3.0896173 c -3.141297,2.5992178 -5.504643,2.3422408 -9.260307,2.4366778 -3.755655,0.09445 -5.624793,-0.245835 -8.752041,-2.3867638 M 56.07154,2.4268303 c -0.224406,1.36701 -0.501777,2.606058 -1.025865,3.6141478 C 50.562235,14.665093 39.508876,12.934888 36.731314,6.5626091 36.116164,5.1513643 35.674588,3.8028313 35.568172,2.5127983 M 70.561252,84.075766 C 54.377425,87.291052 36.80704,87.092719 21.869461,84.130576 M 90.17324,81.735001 78.945598,83.999563 M 2.5051075,81.735001 13.732732,83.999563"
/>
<path
key="folds"
opacity={0.3}
d="m 72.999649,7.5685891 -1.643063,7.0056369 c -0.497682,2.345531 -0.962025,4.698206 -1.350169,7.065169 -0.404813,2.362199 -0.752475,4.736306 -1.050131,7.115174 -0.154782,1.188244 -0.288131,2.381251 -0.414337,3.574257 -0.130969,1.193006 -0.242888,2.386012 -0.347663,3.5814 0.0762,-1.197769 0.159544,-2.393157 0.261938,-3.590925 0.107155,-1.195387 0.226218,-2.388394 0.36433,-3.5814 0.271463,-2.386012 0.619126,-4.760119 1.012031,-7.129462 0.404813,-2.366963 0.866776,-4.72202 1.393032,-7.06517 0.554831,-2.331243 1.173957,-4.6529619 1.774032,-6.9746799 z m -53.478113,0 c 0.600075,2.321718 1.216819,4.6434369 1.776413,6.9770619 0.526256,2.340768 0.988219,4.698206 1.393031,7.065169 0.392906,2.369344 0.740569,4.743449 1.012032,7.129462 0.138112,1.193006 0.257175,2.386012 0.36433,3.5814 0.102394,1.195387 0.185738,2.393156 0.261938,3.590925 -0.104775,-1.195388 -0.216694,-2.388393 -0.347663,-3.5814 -0.126206,-1.193006 -0.259556,-2.383631 -0.414337,-3.574256 -0.297656,-2.378869 -0.645319,-4.752975 -1.050131,-7.115175 -0.390525,-2.366963 -0.852488,-4.719637 -1.350169,-7.065169 z"
/>
<path
key="outline"
d="m 54.999217,2.1756043 c -0.06642,0.766926 -0.199314,1.861758 -0.603576,2.898801 C 52.87357,8.8254071 49.183516,10.872115 45.562897,10.850623 42.095602,10.830013 38.693746,8.9057501 37.243306,5.0744053 36.8398,3.9982393 36.705124,2.9279863 36.63973,2.1756043 m 18.359487,-0.05958 c -3.312864,2.399895 -5.359959,2.466774 -9.421983,2.563263 -4.062015,0.096489 -6.167844,-0.509733 -8.937504,-2.563263 m 0,4.5e-5 -14.713119,3.5808568 c -0.535788,0.154782 -1.664496,0.557208 -2.674152,1.604961 -1.123947,1.164429 -6.543668,19.4167169 -7.369967,23.5291319 -0.624888,3.113379 -2.0224835,9.639198 -3.6692855,17.486973 -2.262806,10.783458 -4.043603,24.062877 -5.889044,34.414749 -0.06426,0.357192 -0.128592,0.728667 -0.185742,1.040607 L 13.368394,85.911712 19.801246,52.85302 24.598369,35.643526 21.840886,85.911712 c 0.607212,0.119061 1.073943,0.302418 2.226465,0.535779 12.511566,2.39674 32.534046,2.410357 44.457939,0 1.152522,-0.233361 1.619244,-0.416718 2.226465,-0.535779 l -2.759868,-50.268186 4.917571,17.74863 6.312404,32.519556 11.232358,-2.138364 C 90.39702,83.461408 90.33278,83.089933 90.26848,82.732741 88.384699,72.165796 86.528303,58.548391 84.239018,47.649166 82.653479,40.100398 81.3172,33.855514 80.710141,30.831019 79.883851,26.718604 74.464129,8.4663161 73.340173,7.3018871 72.330526,6.2541341 71.201809,5.8517081 70.66603,5.6969261 L 54.999217,2.1160693"
/>
</>
)
/*
* SVG elements for the back
*/
const Back = ({ stroke }) => (
<>
<path
key="outline"
d="m 166.66375,85.678351 c -1.10014,-10.110789 -1.83357,-20.05965 -2.1979,-25.969914 -0.42148,-6.82704 -0.50483,-13.108779 -0.53578,-15.509079 -0.0428,-3.438522 -0.0262,-6.360318 0,-8.555832 1.20898,4.398687 3.68486,12.897513 5.67076,21.685104 2.75088,12.172671 4.99914,24.899409 5.55921,28.049679 l 11.76576,-1.604961 -6.00075,-34.759107 c -4.18147,-19.854855 -8.29866,-34.34238 -8.97493,-36.899847 -0.0334,-0.128583 -0.331,-1.297782 -1.06918,-2.6741429 -0.57865,-1.076328 -1.26683,-2.321721 -2.67414,-3.207546 -0.42387,-0.266697 -0.80725,-0.433386 -1.06918,-0.535779 L 150.88734,2.2576213 c -3.31286,2.399895 -5.35995,2.466774 -9.42197,2.563263 -4.06202,0.096489 -6.16786,-0.509742 -8.93752,-2.563263 l -15.12264,3.4393048 c -0.26194,0.100008 -0.64532,0.266697 -1.06918,0.535779 -1.40732,0.885825 -2.0955,2.131218 -2.67415,3.207546 -0.74057,1.3763609 -1.03584,2.5455599 -1.06918,2.6741429 -0.67628,2.557467 -4.79108,17.044992 -8.97493,36.899847 l -5.99837,34.759107 11.76576,1.604961 c 0.58543,-3.291453 3.05947,-17.047953 5.93283,-29.698074 1.85998,-8.188749 4.16398,-15.913908 5.29714,-20.036709 0.0262,2.195514 0.0428,5.11731 0,8.555832 -0.0285,2.397915 -0.11191,8.682039 -0.53578,15.509079 -0.36433,5.910264 -1.09776,15.978186 -2.1979,25.969914 0.60722,0.119061 1.07395,0.302418 2.22648,0.535779 12.51156,2.39674 32.40545,2.410348 44.32934,0 1.15253,-0.233361 1.61926,-0.416718 2.22648,-0.535779"
/>
<path
key="folds"
opacity={0.3}
d="m 168.79497,7.0328051 -1.64069,6.6436919 c -0.49768,2.226465 -0.96202,4.460076 -1.35017,6.705594 -0.40719,2.243142 -0.75247,4.498182 -1.05251,6.760368 -0.15478,1.131102 -0.28813,2.262195 -0.41433,3.395664 -0.13097,1.133478 -0.2429,2.269332 -0.34767,3.405186 0.0762,-1.13823 0.15955,-2.276469 0.26194,-3.412323 0.10715,-1.135863 0.22622,-2.271717 0.36433,-3.405195 0.27146,-2.266947 0.61913,-4.524372 1.01203,-6.774651 0.40481,-2.247903 0.86677,-4.483899 1.39303,-6.705603 0.55959,-2.212182 1.17396,-4.4100719 1.77404,-6.6127319 z m -53.47574,0 c 0.60008,2.200275 1.21444,4.4005499 1.77403,6.6127319 0.52626,2.221704 0.98822,4.4577 1.39304,6.705603 0.3929,2.250279 0.74056,4.507704 1.01203,6.774651 0.1381,1.133478 0.25717,2.269332 0.36433,3.405195 0.10239,1.135854 0.18573,2.274093 0.26193,3.412323 -0.10477,-1.135854 -0.21669,-2.271708 -0.34766,-3.405186 -0.1262,-1.133469 -0.25956,-2.266947 -0.41434,-3.395664 -0.30003,-2.262186 -0.64532,-4.51485 -1.05251,-6.760368 -0.39052,-2.247894 -0.85248,-4.481505 -1.35016,-6.705594 z"
/>
<path
key="stitches"
{...dashed(stroke)}
{...thin(stroke)}
d="m 166.44534,84.090544 c -16.18384,3.215277 -33.50702,2.743335 -48.44461,-0.218853 m 68.64975,-2.173329 -11.68778,1.749681 m -77.10378,-1.749735 11.67309,1.749771 M 151.48929,2.6566808 c -0.93776,0.9757204 -3.04645,2.2423977 -4.3214,2.5995555 -1.74079,0.4876556 -3.49715,0.4392408 -5.77017,0.4963962 -2.11574,0.053201 -3.58611,-0.2197347 -5.11331,-0.4984868 -1.56156,-0.285025 -3.70481,-1.6371255 -4.35533,-2.7195354"
/>
</>
)

99
packages/react-components/src/linedrawings/bruce.mjs Normal file
View file

@ -0,0 +1,99 @@
import React from 'react'
import { LineDrawingWrapper, thin, dashed } from './shared.mjs'
const strokeScale = 0.6
export const Bruce = ({
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 202 78" {...{ className, stroke }}>
<Front stroke={stroke} />
<Back stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* React component for the front
*/
export const BruceFront = ({
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 101 78" {...{ className, stroke }}>
<Front stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* React component for the back
*/
export const BruceBack = ({
className = 'w-64', // CSS classes to apply
stroke = 1, // Stroke width to use
}) => {
// Normalize stroke across designs
stroke = stroke * strokeScale
return (
<LineDrawingWrapper viewBox="101 0 101 78" {...{ className, stroke }}>
<Back stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* SVG elements for the front
*/
export const Front = ({ stroke }) => (
<>
<path
key="stitches"
{...dashed(stroke)}
{...thin(stroke)}
d="m 58.695139,70.692687 c 8.628062,-3.307291 21.476229,-6.974416 37.26127,-7.056437 1.169459,-0.0053 2.320396,0.0079 3.450167,0.03969 m -40.584437,8.244414 c 8.628062,-3.307292 21.476229,-6.974417 37.26127,-7.056437 1.169459,-0.0053 2.320396,0.0079 3.450167,0.03969 M 85.841343,10.706355 H 51.244426 50.979843 16.385573 M 85.841343,9.4390006 H 51.244426 50.979843 16.385573 M 43.531868,70.692687 C 34.903806,67.385396 22.055636,63.718271 6.2705959,63.63625 c -1.16946,-0.0053 -2.32039,0.0079 -3.45016,0.03969 M 43.404868,71.920354 C 34.776806,68.613062 21.928636,64.945937 6.1435959,64.863917 c -1.16946,-0.0053 -2.32039,0.0079 -3.45016,0.03969"
/>
<path
key="seams"
{...thin(stroke)}
d="M 51.112206,59.5247 V 12.315022 m 15.566736,11.307707 c -0.195792,0.433917 -0.832116,1.537813 -1.14697,2.318334 -0.404812,1.000125 -1.317625,3.341688 -2.38125,7.408333 -0.619125,2.370667 -0.978958,4.135438 -1.322917,5.820833 -0.664104,3.264959 -1.124479,6.122459 -1.322916,7.408334 -0.431271,2.78077 -0.425979,3.214687 -0.79375,5.027083 -0.381,1.867958 -0.669396,3.288771 -1.322917,5.027083 -0.478896,1.275292 -1.096908,2.84136 -2.462158,4.815151 m 8.812158,-49.000567 c 1.156229,6.52198 2.301875,13.04925 3.439583,19.579166 2.151063,12.345459 4.796896,26.013833 6.879167,38.364583 M 35.517161,23.693373 c 0.195792,0.433917 0.860374,1.467169 1.175228,2.24769 0.404813,1.000125 1.317625,3.341688 2.38125,7.408333 0.619125,2.370667 0.978958,4.135438 1.322917,5.820833 0.664104,3.264959 1.124479,6.122459 1.322916,7.408334 0.431271,2.78077 0.42598,3.214687 0.79375,5.027083 0.381,1.867958 0.669396,3.288771 1.322917,5.027083 0.478896,1.275292 1.125166,2.84136 2.490416,4.815151 M 37.486139,12.447313 c -1.156229,6.52198 -2.301875,13.04925 -3.439583,19.579166 -2.151063,12.345459 -4.796896,26.013833 -6.879167,38.364583 m 34.517541,4.228042 c -0.66675,-2.368021 -1.54252,-5.275792 -2.500312,-7.929562 -0.230187,-0.635 -0.85725,-2.44475 -2.38125,-4.233334 -0.743479,-0.873125 -1.524,-1.785937 -2.910417,-2.38125 -1.055687,-0.452437 -2.021416,-0.529166 -2.645833,-0.529166 h -0.264583 c -0.624417,0 -1.590146,0.07673 -2.645834,0.529166 -1.386416,0.595313 -2.166937,1.508125 -2.910416,2.38125 -1.524,1.788584 -2.151063,3.598334 -2.38125,4.233334 -0.957792,2.65377 -1.833563,5.561541 -2.500313,7.929562"
/>
<path
key="outline"
d="m 100.19239,68.274396 c -1.07421,-0.01587 -2.159002,-0.01587 -3.251731,0 -13.446125,0.203729 -25.918583,2.905125 -37.26127,7.056437 M 86.169426,12.18273 h -34.925 -0.264583 -34.925 M 51.405868,2.2608555 h 33.572979 l 1.190625,9.9218745 c 0.357187,1.050396 0.709083,2.108729 1.058333,3.175 0,0 2.431521,7.440083 4.7625,16.139583 1.775354,6.627812 4.892146,19.647958 8.202085,36.777083 l -1.322918,0.79375 c -0.497417,0.20902 -1.222375,0.497416 -2.116667,0.79375 -1.987021,0.658812 -10.00125,2.344208 -15.345833,3.175 -9.136062,1.418166 -19.039417,2.182812 -21.695833,2.38125 -0.568854,-2.084917 -1.121833,-3.868209 -1.5875,-5.291667 0,0 -0.375708,-1.145646 -2.116667,-5.027083 C 55.829701,64.702521 55.469868,63.922 54.684056,63.247312 54.128431,62.768417 53.588681,62.540875 53.361139,62.453562 52.45891,62.109604 51.662514,62.141354 51.244472,62.188979 h -0.264583 c -0.418042,-0.04762 -1.214438,-0.07937 -2.116667,0.264583 -0.227541,0.08731 -0.767291,0.314855 -1.322916,0.79375 -0.785813,0.674688 -1.145646,1.455209 -1.322917,1.852084 -1.740958,3.881437 -2.116667,5.027083 -2.116667,5.027083 -0.465666,1.423458 -1.018645,3.20675 -1.5875,5.291667 -2.656416,-0.198438 -12.55977,-0.963084 -21.695836,-2.38125 -5.34458,-0.830792 -13.3588101,-2.516188 -15.3458301,-3.175 -0.89429,-0.296334 -1.61925,-0.58473 -2.11667,-0.79375 l -1.32291,-0.79375 c 3.30993,-17.129125 6.42673,-30.149271 8.2020801,-36.777083 2.33098,-8.6995 4.7625,-16.139583 4.7625,-16.139583 0.34925,-1.066271 0.70115,-2.124604 1.05833,-3.175 l 1.19063,-9.9218745 H 50.821139 Z M 2.0319759,68.274396 c 1.07421,-0.01587 2.159,-0.01587 3.25173,0 13.4461201,0.203729 25.9185791,2.905125 37.2612661,7.056437"
/>
</>
)
/*
* SVG elements for the back
*/
const Back = ({ stroke }) => (
<>
<path
key="outline"
d="m 102.30903,68.274396 c 1.07421,-0.01587 2.159,-0.01587 3.25173,0 13.44613,0.203729 25.91858,2.905125 37.26127,7.056437 M 116.3319,12.18273 h 34.925 0.26458 34.925 M 151.0982,2.2608555 h -33.57563 l -1.19062,9.9218745 c -0.35719,1.050396 -0.70909,2.108729 -1.05834,3.175 0,0 -2.43152,7.440083 -4.7625,16.139583 -1.77535,6.627812 -4.89214,19.647958 -8.20208,36.777083 l 1.32292,0.79375 c 0.49741,0.20902 1.22237,0.497416 2.11666,0.79375 1.98703,0.658812 10.00125,2.344208 15.34584,3.175 9.13606,1.418166 19.03941,2.182812 21.69583,2.38125 0.56885,-2.084917 1.12183,-3.868209 1.5875,-5.291667 0,0 0.37571,-1.145646 2.11667,-5.027083 0.17727,-0.396875 0.5371,-1.177396 1.32291,-1.852084 0.55563,-0.478895 1.09538,-0.706437 1.32292,-0.79375 0.90223,-0.343958 1.69863,-0.312208 2.11667,-0.264583 h 0.26458 c 0.41804,-0.04762 1.21444,-0.07937 2.11667,0.264583 0.22754,0.08731 0.76729,0.314855 1.32291,0.79375 0.78582,0.674688 1.14565,1.455209 1.32292,1.852084 1.74096,3.881437 2.11667,5.027083 2.11667,5.027083 0.46566,1.423458 1.01864,3.20675 1.5875,5.291667 2.65641,-0.198438 12.55977,-0.963084 21.69583,-2.38125 5.34458,-0.830792 13.35881,-2.516188 15.34583,-3.175 0.89429,-0.296334 1.61925,-0.58473 2.11667,-0.79375 l 1.32292,-0.79375 c -3.30994,-17.129125 -6.42673,-30.149271 -8.20209,-36.777083 -2.33098,-8.6995 -4.7625,-16.139583 -4.7625,-16.139583 -0.34925,-1.066271 -0.70114,-2.124604 -1.05833,-3.175 l -1.19062,-9.9218745 h -33.57298 z m 49.37125,66.0135405 c -1.07421,-0.01587 -2.159,-0.01587 -3.25173,0 -13.44613,0.203729 -25.91859,2.905125 -37.26127,7.056437"
/>
<path
key="seams"
{...thin(stroke)}
d="m 179.0382,12.447313 c 1.11125,6.328834 2.21456,12.662959 3.30729,18.997083 2.06639,11.977687 4.61169,25.24125 6.61458,37.226875 m -48.14094,5.947833 c 0.66675,-2.368021 1.54253,-5.275792 2.50032,-7.929562 0.23018,-0.635 0.85725,-2.44475 2.38125,-4.233334 0.74348,-0.873125 1.524,-1.785937 2.91041,-2.38125 1.05569,-0.452437 2.02142,-0.529166 2.64584,-0.529166 h 0.26458 c 0.62442,0 1.59015,0.07673 2.64583,0.529166 1.38642,0.595313 2.16694,1.508125 2.91042,2.38125 1.524,1.788584 2.15106,3.598334 2.38125,4.233334 0.95779,2.65377 1.83356,5.561541 2.50031,7.929562 M 123.74028,12.447313 c -1.11125,6.328834 -2.21456,12.662959 -3.30729,18.997083 -2.0664,11.977687 -4.61169,25.24125 -6.61458,37.226875"
/>
<path
key="stitches"
{...dashed(stroke)}
{...thin(stroke)}
d="m 177.58299,12.050438 c 1.11125,6.402917 2.21456,12.811125 3.30994,19.221979 2.06904,12.117916 4.61433,25.540229 6.61723,37.663437 M 125.19549,12.050438 c -1.11125,6.402917 -2.21456,12.811125 -3.30994,19.221979 -2.06904,12.117916 -4.61433,25.540229 -6.61723,37.663437 m 28.54061,1.756833 c -8.62807,-3.307291 -21.47623,-6.974416 -37.26127,-7.056437 -1.16946,-0.0053 -2.3204,0.0079 -3.45017,0.03969 m 40.58444,8.244414 c -8.62807,-3.307292 -21.47623,-6.974417 -37.26127,-7.056437 -1.16946,-0.0053 -2.3204,0.0079 -3.45017,0.03969 m 56.00171,5.78908 c 8.62806,-3.307291 21.47623,-6.974416 37.26127,-7.056437 1.16946,-0.0053 2.32039,0.0079 3.45016,0.03969 m -40.58443,8.244414 c 8.62806,-3.307292 21.47623,-6.974417 37.26127,-7.056437 1.16946,-0.0053 2.32039,0.0079 3.45016,0.03969 M 116.66242,10.706355 h 34.59427 0.26458 34.59692 M 116.66242,9.4390006 h 34.59427 0.26458 34.59692"
/>
</>
)

375
packages/react-components/src/linedrawings/carlita.mjs Normal file
View file

@ -0,0 +1,375 @@
import React from 'react'
import { LineDrawingWrapper, thin, dashed } from './shared.mjs'
const strokeScale = 0.5
export const Carlita = ({
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 194 175" {...{ className, stroke }}>
<Front stroke={stroke} />
<Back stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* React component for the front
*/
export const CarlitaFront = ({
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 97 175" {...{ className, stroke }}>
<Front stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* React component for the back
*/
export const CarlitaBack = ({
className = 'w-64', // CSS classes to apply
stroke = 1, // Stroke width to use
}) => {
// Normalize stroke across designs
stroke = stroke * strokeScale
return (
<LineDrawingWrapper viewBox="97 0 97 175" {...{ className, stroke }}>
<Back stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* SVG elements for the front
*/
export const Front = ({ stroke }) => (
<>
<path
key="stitches"
{...dashed(stroke)}
{...thin(stroke)}
d="m 23.44,83.28 5.63,0.5 -1.27,5.83
m 41.69,-6.33 -5.63,0.5 1.27,5.83
m -59.81,5.7
c 0.78,0.31 1.62,0.59 2.53,0.84 3.23,0.89 6.15,0.99 8.44,0.84
l 0.26,0.13
m 1,67.83
c 0.95,0.35 2.41,0.85 4.22,1.27 2.43,0.56 4.38,0.74 5.91,0.84 6.67,0.46 17.53,0.43 18.15,0.42
h 1.27
c 0.63,0 11.48,0.04 18.15,-0.42 1.53,-0.1 3.48,-0.28 5.91,-0.84 1.82,-0.42 3.27,-0.92 4.22,-1.27
m 1.43,-67.83 0.26,-0.13
c 2.29,0.15 5.22,0.04 8.44,-0.84 0.91,-0.25 1.75,-0.54 2.53,-0.84
m -60.44,-5.7 -4.79,-0.5
m 42.49,0.5 4.79,-0.5"
/>
<path
key="folds"
opacity={0.3}
d="m 25.66,56.47
c 0.64,1.85 1.23,3.71 1.77,5.58 0.53,1.88 1.03,3.76 1.44,5.67 0.43,1.9 0.79,3.82 1.09,5.75 0.31,1.93 0.55,3.86 0.76,5.8 -0.04,-0.97 -0.12,-1.95 -0.2,-2.92 -0.09,-0.97 -0.21,-1.94 -0.34,-2.91 -0.26,-1.94 -0.62,-3.86 -1.03,-5.78 -0.43,-1.91 -0.93,-3.8 -1.51,-5.67 -0.29,-0.93 -0.6,-1.86 -0.93,-2.78 -0.34,-0.92 -0.68,-1.83 -1.06,-2.73
z
m 41.79,0
c -0.38,0.9 -0.72,1.81 -1.06,2.73 -0.33,0.92 -0.64,1.85 -0.93,2.78 -0.58,1.87 -1.08,3.76 -1.51,5.67 -0.41,1.91 -0.77,3.84 -1.03,5.78 -0.13,0.97 -0.24,1.94 -0.34,2.91 -0.08,0.97 -0.16,1.95 -0.2,2.92 0.21,-1.94 0.46,-3.88 0.76,-5.8 0.31,-1.93 0.66,-3.84 1.09,-5.75 0.41,-1.91 0.91,-3.79 1.44,-5.67 0.54,-1.88 1.13,-3.73 1.77,-5.58
z
m -39.53,112.5 1.27,-33.35
c 0.47,-11.12 0.96,-22.23 1.66,-33.33 0.17,-2.78 0.36,-5.55 0.56,-8.33 0.19,-2.78 0.31,-5.56 0.4,-8.34 0.08,-2.78 0.11,-5.57 0.09,-8.35 -0.01,-2.78 -0.01,-5.56 -0.06,-8.35 -0.05,-2.78 -0.15,-5.57 -0.38,-8.34 -0.12,-1.39 -0.28,-2.77 -0.47,-4.15 -0.2,-1.38 -0.43,-2.75 -0.7,-4.12 -1.1,-5.46 -2.81,-10.79 -5.02,-15.89 2.16,5.13 3.82,10.46 4.87,15.92 0.27,1.36 0.49,2.74 0.69,4.11 0.19,1.38 0.34,2.76 0.45,4.14 0.23,2.77 0.32,5.55 0.36,8.33 0.04,2.78 0.03,5.56 0.04,8.34 0.01,2.78 -0.03,5.56 -0.12,8.34 -0.09,2.78 -0.23,5.56 -0.42,8.33 -0.2,2.77 -0.41,5.55 -0.58,8.33 -0.66,11.11 -1.12,22.23 -1.55,33.34
l -0.59,16.68 -0.48,16.68
z
m 37.08,0 -0.48,-16.68 -0.59,-16.68
c -0.43,-11.12 -0.89,-22.24 -1.55,-33.34 -0.17,-2.78 -0.38,-5.55 -0.58,-8.33 -0.19,-2.77 -0.33,-5.55 -0.42,-8.33 -0.09,-2.78 -0.13,-5.56 -0.12,-8.34 0.01,-2.78 0,-5.56 0.04,-8.34 0.04,-2.78 0.13,-5.56 0.36,-8.33 0.12,-1.38 0.27,-2.77 0.45,-4.14 0.2,-1.37 0.42,-2.75 0.69,-4.11 1.05,-5.46 2.71,-10.8 4.87,-15.92 -2.21,5.11 -3.91,10.44 -5.02,15.89 -0.28,1.36 -0.5,2.74 -0.7,4.12 -0.19,1.38 -0.34,2.76 -0.47,4.15 -0.23,2.77 -0.34,5.56 -0.38,8.34 -0.05,2.78 -0.05,5.57 -0.06,8.35 -0.02,2.78 0.01,5.57 0.09,8.35 0.08,2.78 0.21,5.56 0.4,8.34 0.2,2.78 0.39,5.55 0.56,8.33 0.7,11.1 1.19,22.22 1.66,33.33
l 1.27,33.35
z
m -18.66,-158.09
v 25.54
M 21.63,16.18
c 0.55,2.52 1.02,4.43 1.49,6.96 0.49,2.53 0.92,5.07 1.27,7.62 0.38,2.55 0.67,5.11 0.92,7.67 0.12,1.28 0.23,2.56 0.32,3.85 0.1,1.28 0.17,2.57 0.25,3.86 -0.01,-1.29 -0.05,-2.58 -0.1,-3.87 -0.06,-1.29 -0.14,-2.57 -0.24,-3.86 -0.2,-2.57 -0.49,-5.14 -0.85,-7.69 -0.38,-2.55 -0.81,-5.1 -1.35,-7.62 -0.27,-1.26 -0.55,-2.52 -0.87,-3.77
z
m 49.83,0 -0.82,3.15
c -0.32,1.25 -0.59,2.51 -0.87,3.77 -0.54,2.52 -0.97,5.07 -1.35,7.62 -0.35,2.56 -0.65,5.12 -0.85,7.69 -0.09,1.29 -0.18,2.57 -0.24,3.86 -0.05,1.29 -0.09,2.58 -0.1,3.87 0.08,-1.29 0.15,-2.57 0.25,-3.86 0.09,-1.28 0.2,-2.57 0.32,-3.85 0.25,-2.56 0.54,-5.12 0.92,-7.67 0.35,-2.55 0.79,-5.09 1.27,-7.62
z
M 37.48,61.54
c 0,0.7 0.57,1.27 1.27,1.27 0.7,0 1.27,-0.57 1.27,-1.27 0,-0.7 -0.57,-1.27 -1.27,-1.27 -0.7,0 -1.27,0.57 -1.27,1.27
z
m 0,22.37
c 0,0.7 0.57,1.27 1.27,1.27 0.7,0 1.27,-0.57 1.27,-1.27 0,-0.7 -0.57,-1.27 -1.27,-1.27 -0.7,0 -1.27,0.57 -1.27,1.27
z
m 0,-10.98
c 0,0.7 0.57,1.27 1.27,1.27 0.7,0 1.27,-0.57 1.27,-1.27 0,-0.7 -0.57,-1.27 -1.27,-1.27 -0.7,0 -1.27,0.57 -1.27,1.27
z
m 12.24,0
c 0,0.7 0.57,1.27 1.27,1.27 0.7,0 1.27,-0.57 1.27,-1.27 0,-0.7 -0.57,-1.27 -1.27,-1.27 -0.7,0 -1.27,0.57 -1.27,1.27
z
m 0,10.98
c 0,0.7 0.57,1.27 1.27,1.27 0.7,0 1.27,-0.57 1.27,-1.27 0,-0.7 -0.57,-1.27 -1.27,-1.27 -0.7,0 -1.27,0.57 -1.27,1.27
z
m 0,-21.95
c 0,0.7 0.57,1.27 1.27,1.27 0.7,0 1.27,-0.57 1.27,-1.27 0,-0.7 -0.57,-1.27 -1.27,-1.27 -0.7,0 -1.27,0.57 -1.27,1.27
z
m -24.27,-19.21
c -0.11,0.61 -0.3,1.21 -0.46,1.81
l -0.52,1.79 -1.06,3.58
c -0.7,2.39 -1.36,4.79 -1.97,7.21 -1.22,4.83 -2.24,9.71 -3.1,14.62 -0.83,4.91 -1.51,9.85 -2.1,14.79 -0.43,3.18 -0.63,6.65 -0.82,9.57 0.31,-2.92 0.66,-6.36 1.05,-9.54 0.64,-4.93 1.31,-9.87 2.17,-14.77 0.83,-4.91 1.86,-9.78 3.03,-14.61 0.58,-2.42 1.21,-4.83 1.88,-7.22
l 0.99,-3.6 0.48,-1.81
c 0.15,-0.6 0.33,-1.2 0.43,-1.82
z
m 42.22,0
c 0.1,0.61 0.28,1.21 0.43,1.82
l 0.48,1.81 0.99,3.6
c 0.67,2.39 1.3,4.8 1.88,7.22 1.17,4.84 2.2,9.71 3.03,14.61 0.86,4.9 1.53,9.83 2.17,14.77 0.34,2.77 0.6,3.25 1.2,9.54 -0.56,-7.2 -0.56,-5.88 -0.97,-9.57 -0.59,-4.94 -1.27,-9.88 -2.1,-14.79 -0.86,-4.91 -1.88,-9.79 -3.1,-14.62 -0.61,-2.42 -1.26,-4.82 -1.97,-7.21
l -1.06,-3.58 -0.52,-1.79
c -0.16,-0.6 -0.35,-1.2 -0.46,-1.81
z"
/>
<path
key="outline"
d="m 29.06,86.45 -0.28,9.57
c -0.01,0.39 -0.01,1.09 0,1.96 0.06,5.16 0.1,7.05 0.1,7.05 0.01,0.32 0.02,1.12 -0.2,2.09 -0.09,0.4 -0.23,0.98 -0.61,1.57 -0.07,0.11 -0.41,0.64 -1.01,1.04 0,0 -0.6,0.4 -1.41,0.52 -0.65,0.1 -2.54,0.03 -5.27,-0.21
m 3.05,-27.6 6.47,0.65 -1.46,7.58 -6.05,-0.65
m 41.46,-3.56 0.28,9.57
c 0.01,0.39 0.01,1.09 0,1.96 -0.06,5.16 -0.1,7.05 -0.1,7.05 -0.01,0.32 -0.02,1.12 0.2,2.09 0.09,0.4 0.23,0.98 0.61,1.57 0.07,0.11 0.41,0.64 1.01,1.04 0,0 0.6,0.4 1.41,0.52 0.65,0.1 2.54,0.03 5.27,-0.21
m -3.05,-27.6 -6.47,0.65 1.46,7.58 6.05,-0.65
m -65.06,4.5
c 0.78,0.31 1.62,0.59 2.53,0.84 3.23,0.89 6.15,0.99 8.44,0.84
l 0.26,0.13
m 59.84,0 0.26,-0.13
c 2.29,0.15 5.22,0.04 8.44,-0.84 0.91,-0.25 1.75,-0.54 2.53,-0.84
m -52.53,-83.95
c 0,0 -15.4,6.07 -15.92,6.66 -1.1,1.26 -1.74,2.5 -2.11,3.38 -0.43,0.99 -1.05,2.44 -1.69,4.22 -0.13,0.36 -1.25,3.52 -2.11,7.18 -2.17,9.26 -4.22,26.17 -4.22,26.17 -1.59,13.07 -2.39,19.73 -2.96,25.75 -0.58,6.16 -0.98,11.47 -1.27,15.62 0.78,0.31 1.62,0.59 2.53,0.84 3.23,0.89 6.15,0.99 8.44,0.84
l 0.26,0.13
c 0.22,-2.32 0.43,-3.39 0.58,-4.78 0.75,-6.69 2.67,-22.26 7.18,-42.21 0.72,-3.18 1.33,-5.72 1.69,-7.18 -0.17,4.98 -0.52,13.13 -1.27,23.22 -1.3,17.63 -2.5,23.28 -4.22,44.33 -1.06,13.03 -1.54,22.45 -1.69,25.33 -0.53,10.8 -0.75,20 -0.84,27.02 0.95,0.35 2.41,0.85 4.22,1.27 2.43,0.56 4.38,0.74 5.91,0.84 6.67,0.46 17.53,0.43 18.15,0.42
h 1.27
c 0.63,0 11.48,0.04 18.15,-0.42 1.53,-0.1 3.48,-0.28 5.91,-0.84 1.82,-0.42 3.27,-0.92 4.22,-1.27 -0.09,-7.01 -0.31,-16.22 -0.84,-27.02 -0.14,-2.87 -0.63,-12.3 -1.69,-25.33 -1.72,-21.05 -2.92,-26.69 -4.22,-44.33 -0.75,-10.08 -1.09,-18.24 -1.27,-23.22 0.36,1.45 0.97,4 1.69,7.18 4.5,19.95 6.43,35.53 7.18,42.21 0.16,1.39 0.36,2.46 0.58,4.78
l 0.26,-0.13
c 2.29,0.15 5.22,0.04 8.44,-0.84 0.91,-0.25 1.75,-0.54 2.53,-0.84 -0.28,-4.15 -0.69,-9.46 -1.27,-15.62 -0.56,-6.02 -1.37,-12.68 -2.96,-25.75 0,0 -2.05,-16.91 -4.22,-26.17 -0.86,-3.66 -1.98,-6.82 -2.11,-7.18 -0.64,-1.78 -1.25,-3.24 -1.69,-4.22 -0.37,-0.88 -1.01,-2.12 -2.11,-3.38 -0.51,-0.59 -15.92,-6.66 -15.92,-6.66
m -17.62,0.33
h 5.92 0.58 5.92
m -17.62,5.86 -1.77,1.95
c 6.08,15.44 8,22.1 20.66,38.2
l 0.84,112.71
m -14.54,-158.72 -5.19,5.84
c -1.46,-0.39 -2.83,-0.6 -4.94,-0.77
l 9.29,-10.13
h 6.77 0.58 6.77
l 9.29,10.13
c -1.92,0.27 -4.29,0.53 -5.15,0.48
l -4.98,-5.55
m -12.64,-4.22
c -0.08,1.71 -0.05,3.43 0.1,5.13 0.08,0.85 0.19,1.7 0.32,2.55 0.12,0.85 0.26,1.69 0.39,2.54 0.28,1.69 0.58,3.38 0.91,5.05 0.17,0.84 0.34,1.68 0.53,2.51
l 0.28,1.25 0.15,0.63 0.07,0.31 0.04,0.16
c 0.01,0.05 0.02,0.11 0.04,0.12
l 0.01,0.04
c 0.7,2.57 1.45,5.13 2.27,7.66 0.82,2.54 1.69,5.05 2.61,7.55 0.93,2.5 1.92,4.97 2.96,7.42 1.03,2.45 2.15,4.87 3.29,7.28 -1.09,-2.43 -2.14,-4.88 -3.14,-7.34 -1.01,-2.46 -1.96,-4.95 -2.87,-7.45 -0.91,-2.5 -1.77,-5.02 -2.58,-7.55 -0.8,-2.54 -1.57,-5.08 -2.28,-7.64
l 0.01,0.04 -0.31,-1.28 -0.28,-1.25
c -0.19,-0.83 -0.36,-1.67 -0.53,-2.51 -0.34,-1.67 -0.67,-3.35 -0.97,-5.04 -0.15,-0.84 -0.29,-1.69 -0.42,-2.53 -0.14,-0.84 -0.27,-1.69 -0.36,-2.54 -0.19,-1.7 -0.26,-3.41 -0.22,-5.12
z
m 12.64,0
c 0.03,1.71 -0.05,3.42 -0.24,5.12 -0.19,1.7 -0.52,3.38 -0.79,5.06 -0.29,1.69 -0.61,3.37 -0.95,5.04
l -0.53,2.51 -0.28,1.25 -0.3,1.28
v -0.03
c -0.47,1.85 -0.97,3.7 -1.51,5.54 -0.55,1.83 -1.12,3.66 -1.73,5.47 0.69,-1.79 1.33,-3.59 1.91,-5.42 0.58,-1.82 1.12,-3.67 1.6,-5.52
v -0.03
c 0,0 0.02,-0.07 0.04,-0.12
l 0.04,-0.16 0.08,-0.31 0.15,-0.62 0.29,-1.25
c 0.19,-0.84 0.37,-1.67 0.53,-2.51 0.33,-1.68 0.64,-3.37 0.92,-5.05 0.14,-0.84 0.27,-1.69 0.39,-2.54 0.13,-0.85 0.24,-1.7 0.32,-2.55 0.16,-1.71 0.18,-3.43 0.07,-5.14
z
m 4.98,9.79 2.13,2.38
C 55.2,28.91 53.14,32.48 48.66,43.68"
/>
</>
)
/*
* SVG elements for the back
*/
const Back = ({ stroke }) => (
<>
<path
key="outline"
d="m 147.21,5.4
h 7.41
c 0,0 4.64,5.07 4.64,5.07 -1.49,0.34 -3.04,0.62 -4.64,0.84 -2.53,0.34 -5.01,0.5 -7.41,0.49
m 0.24,-6.4
h -7.41
l -4.64,5.07
c 1.49,0.34 3.04,0.62 4.64,0.84 2.53,0.34 5.01,0.5 7.41,0.49
m -14.98,52.59
v -5.8
h 29.76
v 5.81
z
m -2.51,22.07 -0.28,9.57
c -0.01,0.39 -0.01,1.09 0,1.96 0.06,5.16 0.1,7.05 0.1,7.05 0.01,0.32 0.02,1.12 -0.2,2.09 -0.09,0.4 -0.23,0.98 -0.61,1.57 -0.07,0.11 -0.41,0.64 -1.01,1.04 0,0 -0.6,0.4 -1.41,0.52 -0.65,0.1 -2.54,0.03 -5.27,-0.21
m 3.05,-27.6 6.47,0.65 -1.46,7.58 -6.05,-0.65
m 23.95,-78.28
V 169.4
m 17.52,-82.95 0.28,9.57
c 0.01,0.39 0.01,1.09 0,1.96 -0.06,5.16 -0.1,7.05 -0.1,7.05 -0.01,0.32 -0.02,1.12 0.2,2.09 0.09,0.4 0.23,0.98 0.61,1.57 0.07,0.11 0.41,0.64 1.01,1.04 0,0 0.6,0.4 1.41,0.52 0.65,0.1 2.54,0.03 5.27,-0.21
m -3.05,-27.6 -6.47,0.65 1.46,7.58 6.05,-0.65
m -65.06,4.5
c 0.78,0.31 1.62,0.59 2.53,0.84 3.23,0.89 6.15,0.99 8.44,0.84
l 0.26,0.13
m 59.84,0 0.26,-0.13
c 2.29,0.15 5.22,0.04 8.44,-0.84 0.91,-0.25 1.75,-0.54 2.53,-0.84
m -52.53,-83.95
c 0,0 -15.4,6.07 -15.92,6.66 -1.1,1.26 -1.74,2.5 -2.11,3.38 -0.43,0.99 -1.05,2.44 -1.69,4.22 -0.13,0.36 -1.25,3.52 -2.11,7.18 -2.17,9.26 -4.22,26.17 -4.22,26.17 -1.59,13.07 -2.39,19.73 -2.96,25.75 -0.58,6.16 -0.98,11.47 -1.27,15.62 0.78,0.31 1.62,0.59 2.53,0.84 3.23,0.89 6.15,0.99 8.44,0.84
l 0.26,0.13
c 0.22,-2.32 0.43,-3.39 0.58,-4.78 0.75,-6.69 2.67,-22.26 7.18,-42.21 0.72,-3.18 1.33,-5.72 1.69,-7.18 -0.17,4.98 -0.52,13.13 -1.27,23.22 -1.3,17.63 -2.5,23.28 -4.22,44.33 -1.06,13.03 -1.54,22.45 -1.69,25.33 -0.53,10.8 -0.75,20 -0.84,27.02 0.95,0.35 2.41,0.85 4.22,1.27 2.43,0.56 4.38,0.74 5.91,0.84 6.67,0.46 17.53,0.43 18.15,0.42
h 1.27
c 0.63,0 11.48,0.04 18.15,-0.42 1.53,-0.1 3.48,-0.28 5.91,-0.84 1.82,-0.42 3.27,-0.92 4.22,-1.27 -0.09,-7.01 -0.31,-16.22 -0.84,-27.02 -0.14,-2.87 -0.63,-12.3 -1.69,-25.33 -1.72,-21.05 -2.92,-26.69 -4.22,-44.33 -0.75,-10.08 -1.09,-18.24 -1.27,-23.22 0.36,1.45 0.97,4 1.69,7.18 4.5,19.95 6.43,35.53 7.18,42.21 0.16,1.39 0.36,2.46 0.58,4.78
l 0.26,-0.13
c 2.29,0.15 5.22,0.04 8.44,-0.84 0.91,-0.25 1.75,-0.54 2.53,-0.84 -0.28,-4.15 -0.69,-9.46 -1.27,-15.62 -0.56,-6.02 -1.37,-12.68 -2.96,-25.75 0,0 -2.05,-16.91 -4.22,-26.17 -0.86,-3.66 -1.98,-6.82 -2.11,-7.18 -0.64,-1.78 -1.25,-3.24 -1.69,-4.22 -0.37,-0.88 -1.01,-2.12 -2.11,-3.38 -0.51,-0.59 -15.92,-6.66 -15.92,-6.66"
/>
<path
key="folds"
opacity={0.3}
d="m 159,65.25
c 0.12,0.64 0.21,1.28 0.29,1.93 0.09,0.65 0.15,1.29 0.21,1.94 0.06,0.65 0.11,1.29 0.14,1.94
l 0.05,0.97
c 0.01,0.33 0.02,0.65 0.01,0.98 -0.06,-0.32 -0.11,-0.64 -0.16,-0.96
l -0.13,-0.97
c -0.09,-0.65 -0.15,-1.29 -0.21,-1.94 -0.05,-0.65 -0.11,-1.29 -0.14,-1.94 -0.04,-0.65 -0.07,-1.3 -0.06,-1.95
z
m 0.71,-18.48
c -0.09,0.92 -0.22,1.84 -0.34,2.75 -0.06,0.46 -0.14,0.91 -0.2,1.37 -0.07,0.46 -0.13,0.91 -0.18,1.37
l -0.69,5.49
c 0,-0.92 0.04,-1.85 0.11,-2.77 0.06,-0.92 0.16,-1.84 0.28,-2.76 0.06,-0.46 0.12,-0.92 0.2,-1.37 0.08,-0.45 0.16,-0.91 0.26,-1.36 0.18,-0.91 0.36,-1.81 0.57,-2.71
z
m -24.06,18.48
c 0,0.65 -0.03,1.3 -0.06,1.95 -0.03,0.65 -0.09,1.3 -0.14,1.94 -0.06,0.65 -0.13,1.29 -0.21,1.94
l -0.13,0.97
c -0.05,0.32 -0.1,0.64 -0.16,0.96 -0,-0.33 0.01,-0.65 0.01,-0.98
l 0.05,-0.97
c 0.03,-0.65 0.09,-1.3 0.14,-1.94 0.06,-0.65 0.13,-1.29 0.21,-1.94 0.08,-0.65 0.17,-1.29 0.29,-1.93
z
m -0.71,-18.48
c 0.21,0.9 0.4,1.81 0.57,2.71 0.09,0.45 0.17,0.91 0.26,1.36 0.07,0.46 0.14,0.92 0.2,1.37 0.11,0.92 0.22,1.84 0.28,2.76 0.07,0.92 0.11,1.84 0.11,2.77
l -0.69,-5.49
c -0.06,-0.46 -0.12,-0.92 -0.18,-1.37 -0.07,-0.46 -0.14,-0.91 -0.2,-1.37 -0.13,-0.91 -0.25,-1.83 -0.34,-2.75
z
m -6.13,122.21 0.48,-16.68 0.59,-16.68
c 0.43,-11.12 0.89,-22.24 1.55,-33.34 0.17,-2.78 0.38,-5.55 0.58,-8.33 0.19,-2.77 0.33,-5.55 0.42,-8.33 0.09,-2.78 0.13,-5.56 0.12,-8.34 -0.01,-2.78 0,-5.56 -0.04,-8.34 -0.04,-2.78 -0.13,-5.56 -0.36,-8.33 -0.12,-1.38 -0.27,-2.77 -0.45,-4.14 -0.2,-1.37 -0.42,-2.75 -0.69,-4.11 -1.05,-5.46 -2.71,-10.8 -4.87,-15.92 2.21,5.11 3.91,10.44 5.02,15.89 0.28,1.36 0.5,2.74 0.7,4.12 0.19,1.38 0.34,2.76 0.47,4.15 0.23,2.77 0.34,5.56 0.38,8.34 0.05,2.78 0.05,5.57 0.06,8.35 0.02,2.78 -0.01,5.57 -0.09,8.35 -0.08,2.78 -0.21,5.56 -0.4,8.34 -0.2,2.78 -0.39,5.55 -0.56,8.33 -0.7,11.1 -1.19,22.22 -1.66,33.33
l -1.27,33.35
z
m 37.08,0 -1.27,-33.35
c -0.47,-11.12 -0.96,-22.23 -1.66,-33.33 -0.17,-2.78 -0.36,-5.55 -0.56,-8.33 -0.19,-2.78 -0.31,-5.56 -0.4,-8.34 -0.08,-2.78 -0.11,-5.57 -0.09,-8.35 0.01,-2.78 0.01,-5.56 0.06,-8.35 0.05,-2.78 0.15,-5.57 0.38,-8.34 0.12,-1.39 0.28,-2.77 0.47,-4.15 0.2,-1.38 0.43,-2.75 0.7,-4.12 1.1,-5.46 2.81,-10.79 5.02,-15.89 -2.16,5.13 -3.82,10.46 -4.87,15.92 -0.27,1.36 -0.49,2.74 -0.69,4.11 -0.19,1.38 -0.34,2.76 -0.45,4.14 -0.23,2.77 -0.32,5.55 -0.36,8.33 -0.04,2.78 -0.03,5.56 -0.04,8.34 -0.01,2.78 0.03,5.56 0.12,8.34 0.09,2.78 0.23,5.56 0.42,8.33 0.2,2.77 0.41,5.55 0.58,8.33 0.66,11.11 1.12,22.23 1.55,33.34
l 0.59,16.68 0.48,16.68
z
M 124.23,24.18
c -0.05,0.41 -0.16,0.8 -0.26,1.2
l -0.3,1.19 -0.62,2.38 -1.27,4.74
c -0.87,3.16 -1.68,6.33 -2.44,9.51 -1.51,6.37 -2.81,12.79 -3.87,19.25 -1.1,6.45 -1.97,12.94 -2.78,19.44 -0.38,3.25 -0.71,6.51 -1.02,9.77 -0.33,3.26 -0.05,0.64 -0.35,3.9 0.26,-3.26 -0.08,-0.65 0.21,-3.91 0.29,-3.26 0.61,-6.52 0.97,-9.78 0.77,-6.5 1.62,-13 2.69,-19.46 1.1,-6.46 2.43,-12.88 3.98,-19.24 0.78,-3.18 1.6,-6.35 2.49,-9.5
l 1.34,-4.72 0.65,-2.37 0.32,-1.19
c 0.1,-0.4 0.21,-0.79 0.27,-1.2
z
m 46.86,0
c 0.05,0.41 0.17,0.8 0.26,1.2
l 0.3,1.19 0.61,2.37 1.27,4.73
c 0.84,3.16 1.61,6.34 2.34,9.52 1.45,6.38 2.7,12.79 3.73,19.25 1,6.46 1.78,12.95 2.51,19.45 0.34,3.25 0.63,6.51 0.91,9.76 0.26,3.26 0.16,0.74 0.4,3.99 -0.28,-3.26 -0.23,-0.73 -0.54,-3.98 -0.3,-3.25 -0.6,-6.51 -0.96,-9.75 -0.76,-6.49 -1.58,-12.97 -2.61,-19.42 -1,-6.46 -2.21,-12.88 -3.63,-19.25 -0.71,-3.19 -1.47,-6.37 -2.29,-9.53
l -1.2,-4.75 -0.58,-2.38 -0.28,-1.19
c -0.09,-0.4 -0.19,-0.8 -0.24,-1.2
z
m -33.98,37.36
c 0,0.7 -0.57,1.27 -1.27,1.27 -0.7,0 -1.27,-0.57 -1.27,-1.27 0,-0.7 0.57,-1.27 1.27,-1.27 0.7,0 1.27,0.57 1.27,1.27
z
m 22.8,0
c 0,0.7 -0.57,1.27 -1.27,1.27 -0.7,0 -1.27,-0.57 -1.27,-1.27 0,-0.7 0.57,-1.27 1.27,-1.27 0.7,0 1.27,0.57 1.27,1.27
z
m -37.38,-45.46 0.84,3.24
c 0.32,1.25 0.59,2.51 0.87,3.77 0.54,2.52 0.97,5.07 1.35,7.62 0.35,2.56 0.65,5.12 0.85,7.69 0.09,1.29 0.18,2.57 0.24,3.86 0.05,1.29 0.09,2.58 0.1,3.87 -0.08,-1.29 -0.15,-2.57 -0.25,-3.86 -0.09,-1.28 -0.2,-2.57 -0.32,-3.85 -0.25,-2.56 -0.54,-5.12 -0.92,-7.67 -0.35,-2.55 -0.79,-5.09 -1.27,-7.62
z
m 49.81,0.15
c -0.55,2.52 -1.16,5.02 -1.64,7.55 -0.49,2.53 -0.73,4.42 -1.08,6.97 -0.38,2.55 -0.67,5.11 -0.92,7.67 -0.12,1.28 -0.23,2.56 -0.32,3.85 -0.1,1.28 -0.17,2.57 -0.25,3.86 0.01,-1.29 0.05,-2.58 0.1,-3.87 0.06,-1.29 0.14,-2.57 0.24,-3.86 0.2,-2.57 0.49,-5.14 0.85,-7.69 0.38,-2.55 0.61,-4.45 1.15,-6.98 0.27,-1.26 0.55,-2.52 0.87,-3.77
z"
/>
<path
key="stitches"
{...dashed(stroke)}
{...thin(stroke)}
d="m 124.33,83.28 5.63,0.5 -1.27,5.83
m -0.19,0 -4.79,-0.5
m 46.66,-5.83 -5.63,0.5 1.27,5.83
m 0.19,0 4.79,-0.5
m -64.78,6.2
c 0.78,0.31 1.62,0.59 2.53,0.84 3.23,0.89 6.15,0.99 8.44,0.84
l 0.26,0.13
m 1,67.83
c 0.95,0.35 2.41,0.85 4.22,1.27 2.43,0.56 4.38,0.74 5.91,0.84 6.67,0.46 17.53,0.43 18.15,0.42
h 1.27
c 0.63,0 11.48,0.04 18.15,-0.42 1.53,-0.1 3.48,-0.28 5.91,-0.84 1.82,-0.42 3.27,-0.92 4.22,-1.27
m 1.43,-67.83 0.26,-0.13
c 2.29,0.15 5.22,0.04 8.44,-0.84 0.91,-0.25 1.75,-0.54 2.53,-0.84"
/>
</>
)

357
packages/react-components/src/linedrawings/carlton.mjs Normal file
View file

@ -0,0 +1,357 @@
import React from 'react'
import { LineDrawingWrapper, thin, dashed } from './shared.mjs'
const strokeScale = 0.5
export const Carlton = ({
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 194 175" {...{ className, stroke }}>
<Front stroke={stroke} />
<Back stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* React component for the front
*/
export const CarltonFront = ({
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 97 175" {...{ className, stroke }}>
<Front stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* React component for the back
*/
export const CarltonBack = ({
className = 'w-64', // CSS classes to apply
stroke = 1, // Stroke width to use
}) => {
// Normalize stroke across designs
stroke = stroke * strokeScale
return (
<LineDrawingWrapper viewBox="97 0 97 175" {...{ className, stroke }}>
<Back stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* SVG elements for the front
*/
export const Front = ({ stroke }) => (
<>
<path
key="stitches"
{...dashed(stroke)}
{...thin(stroke)}
d="m 69.71,83.03 -5.63,0.5 1.27,5.83
m 0.19,0 4.78,-0.5
m -46.66,-5.83 5.63,0.5 -1.27,5.83
m -0.19,0 -4.79,-0.5
m 64.78,6.2
c -0.78,0.31 -1.62,0.59 -2.53,0.84 -3.23,0.89 -6.15,0.99 -8.44,0.84
l -0.26,0.13
m -1.01,67.83
c -0.95,0.35 -2.41,0.85 -4.22,1.27 -2.43,0.56 -4.38,0.74 -5.91,0.84 -6.67,0.46 -17.53,0.43 -18.15,0.42
h -1.27
c -0.63,0 -11.48,0.04 -18.15,-0.42 -1.53,-0.1 -3.48,-0.28 -5.91,-0.84 -1.82,-0.42 -3.27,-0.92 -4.22,-1.27
m -1.43,-67.83 -0.26,-0.13
c -2.29,0.15 -5.22,0.04 -8.44,-0.84 -0.91,-0.25 -1.75,-0.54 -2.53,-0.84"
/>
<path
key="folds"
opacity={0.3}
d="m 67.7,42.51
c 0.11,0.61 0.3,1.21 0.46,1.81
l 0.52,1.79 1.06,3.58
c 0.7,2.39 1.36,4.79 1.97,7.21 1.22,4.83 2.24,9.71 3.1,14.62 0.83,4.91 1.51,9.85 2.1,14.79 0.28,2.48 0.51,4.95 0.74,7.43 0.21,2.48 0.41,4.96 0.61,7.44 -0.24,-2.48 -0.49,-4.96 -0.75,-7.43 -0.26,-2.48 -0.52,-4.95 -0.82,-7.42 -0.64,-4.93 -1.31,-9.87 -2.17,-14.77 -0.83,-4.91 -1.86,-9.78 -3.03,-14.61 -0.58,-2.42 -1.21,-4.83 -1.88,-7.22
l -0.99,-3.6 -0.48,-1.81
c -0.15,-0.6 -0.33,-1.2 -0.43,-1.82
z
m -42.21,0
c -0.1,0.61 -0.28,1.21 -0.43,1.82
l -0.48,1.81 -0.99,3.6
c -0.67,2.39 -1.3,4.8 -1.88,7.22 -1.17,4.84 -2.2,9.71 -3.03,14.61 -0.86,4.9 -1.53,9.83 -2.17,14.77 -0.3,2.47 -0.57,4.94 -0.82,7.42 -0.26,2.48 -0.51,4.95 -0.75,7.43 0.19,-2.48 0.39,-4.96 0.61,-7.44 0.23,-2.48 0.46,-4.96 0.74,-7.43 0.59,-4.94 1.27,-9.88 2.1,-14.79 0.86,-4.91 1.88,-9.79 3.1,-14.62 0.61,-2.42 1.26,-4.82 1.97,-7.21
l 1.06,-3.58 0.52,-1.79
c 0.16,-0.6 0.35,-1.2 0.46,-1.81
z
m 30.18,18.79
c 0,0.7 -0.57,1.27 -1.27,1.27 -0.7,0 -1.27,-0.57 -1.27,-1.27 0,-0.7 0.57,-1.27 1.27,-1.27 0.7,0 1.27,0.57 1.27,1.27
z
m 0,22.37
c 0,0.7 -0.57,1.27 -1.27,1.27 -0.7,0 -1.27,-0.57 -1.27,-1.27 0,-0.7 0.57,-1.27 1.27,-1.27 0.7,0 1.27,0.57 1.27,1.27
z
m 0,-10.97
c 0,0.7 -0.57,1.27 -1.27,1.27 -0.7,0 -1.27,-0.57 -1.27,-1.27 0,-0.7 0.57,-1.27 1.27,-1.27 0.7,0 1.27,0.57 1.27,1.27
z
m -12.24,0
c 0,0.7 -0.57,1.27 -1.27,1.27 -0.7,0 -1.27,-0.57 -1.27,-1.27 0,-0.7 0.57,-1.27 1.27,-1.27 0.7,0 1.27,0.57 1.27,1.27
z
m 0,10.97
c 0,0.7 -0.57,1.27 -1.27,1.27 -0.7,0 -1.27,-0.57 -1.27,-1.27 0,-0.7 0.57,-1.27 1.27,-1.27 0.7,0 1.27,0.57 1.27,1.27
z
m 0,-21.95
c 0,0.7 -0.57,1.27 -1.27,1.27 -0.7,0 -1.27,-0.57 -1.27,-1.27 0,-0.7 0.57,-1.27 1.27,-1.27 0.7,0 1.27,0.57 1.27,1.27
z
m 28.11,-45.73
c -0.55,2.52 -1.02,4.37 -1.5,6.9 -0.49,2.53 -0.92,5.07 -1.27,7.62 -0.38,2.55 -0.67,5.11 -0.92,7.67 -0.12,1.28 -0.23,2.56 -0.32,3.85 -0.1,1.28 -0.17,2.57 -0.25,3.86 0.01,-1.29 0.05,-2.58 0.1,-3.87 0.06,-1.29 0.14,-2.57 0.24,-3.86 0.2,-2.57 0.49,-5.14 0.85,-7.69 0.38,-2.55 0.81,-5.1 1.35,-7.62 0.27,-1.26 0.55,-2.52 0.87,-3.77
z
m -50.01,-0.65 0.99,3.74
c 0.32,1.25 0.59,2.51 0.87,3.77 0.54,2.52 0.97,5.07 1.35,7.62 0.35,2.56 0.65,5.12 0.85,7.69 0.09,1.29 0.18,2.57 0.24,3.86 0.05,1.29 0.09,2.58 0.1,3.87 -0.08,-1.29 -0.15,-2.57 -0.25,-3.86 -0.09,-1.28 -0.2,-2.57 -0.32,-3.85 -0.25,-2.56 -0.54,-5.12 -0.92,-7.67 -0.35,-2.55 -0.79,-5.09 -1.27,-7.62
z
m 45.97,40.89
c -0.64,1.85 -1.23,3.71 -1.77,5.58 -0.53,1.88 -1.03,3.76 -1.44,5.67 -0.43,1.9 -0.79,3.82 -1.09,5.75 -0.31,1.93 -0.55,3.86 -0.76,5.8 0.04,-0.97 0.12,-1.95 0.2,-2.92 0.09,-0.97 0.21,-1.94 0.34,-2.91 0.26,-1.94 0.62,-3.86 1.03,-5.78 0.43,-1.91 0.93,-3.8 1.51,-5.67 0.29,-0.93 0.6,-1.86 0.93,-2.78 0.34,-0.92 0.68,-1.83 1.06,-2.73
z
m -41.79,0
c 0.38,0.9 0.72,1.81 1.06,2.73 0.33,0.92 0.64,1.85 0.93,2.78 0.58,1.87 1.08,3.76 1.51,5.67 0.41,1.91 0.77,3.84 1.03,5.78 0.13,0.97 0.24,1.94 0.34,2.91 0.08,0.97 0.16,1.95 0.2,2.92 -0.21,-1.94 -0.46,-3.88 -0.76,-5.8 -0.31,-1.93 -0.66,-3.84 -1.09,-5.75 -0.41,-1.91 -0.91,-3.79 -1.44,-5.67 -0.54,-1.88 -1.13,-3.73 -1.77,-5.58
z"
/>
<path
key="outline"
d="m 64.15,86.25 0.28,9.57
c 0.01,0.39 0.01,1.09 0,1.96 -0.06,5.16 -0.1,7.05 -0.1,7.05 -0.01,0.32 -0.02,1.12 0.2,2.09 0.09,0.4 0.23,0.98 0.61,1.57 0.07,0.11 0.41,0.64 1.01,1.04 0,0 0.6,0.4 1.41,0.52 0.65,0.1 2.54,0.03 5.27,-0.21
m -3.05,-27.6 -6.47,0.65 1.45,7.57 6.05,-0.65
m -41.41,-3.56 -0.28,9.57
c -0.01,0.39 -0.01,1.09 0,1.96 0.06,5.16 0.1,7.05 0.1,7.05 0.01,0.32 0.02,1.12 -0.2,2.09 -0.09,0.4 -0.23,0.98 -0.61,1.57 -0.07,0.11 -0.41,0.64 -1.01,1.04 0,0 -0.6,0.4 -1.41,0.52 -0.65,0.1 -2.54,0.03 -5.27,-0.21
m 3.05,-27.6 6.46,0.65 -1.45,7.57 -6.04,-0.65
m 64.98,4.5
c -0.78,0.31 -1.62,0.59 -2.53,0.84 -3.22,0.88 -6.14,0.99 -8.43,0.84
l -0.26,0.13
m -59.76,0 -0.26,-0.13
c -2.29,0.15 -5.21,0.04 -8.43,-0.84
C 7.14,94.91 6.3,94.62 5.52,94.31
m 52.46,-83.94
c 0,0 15.38,6.07 15.9,6.66 1.1,1.26 1.74,2.5 2.11,3.38 0.43,0.99 1.05,2.44 1.69,4.22 0.13,0.36 1.25,3.52 2.11,7.18 2.17,9.26 4.22,26.17 4.22,26.17 1.58,13.07 2.39,19.73 2.95,25.75 0.58,6.16 0.98,11.47 1.26,15.62 -0.78,0.31 -1.62,0.59 -2.53,0.84 -3.22,0.88 -6.14,0.99 -8.43,0.84
l -0.26,0.13
C 76.77,98.84 76.56,97.76 76.41,96.38 75.66,89.69 73.74,74.12 69.24,54.17 68.53,50.99 67.91,48.44 67.55,46.99
c 0.17,4.98 0.52,13.13 1.26,23.21 1.3,17.63 2.5,23.28 4.22,44.32 1.06,13.03 1.54,22.45 1.69,25.33 0.53,10.8 0.75,20 0.84,27.02 -0.95,0.35 -2.4,0.85 -4.22,1.27 -2.43,0.56 -4.38,0.74 -5.9,0.84 -6.66,0.46 -17.5,0.43 -18.13,0.42
h -1.26
c -0.63,0 -11.47,0.04 -18.13,-0.42 -1.52,-0.1 -3.48,-0.28 -5.9,-0.84 -1.82,-0.42 -3.27,-0.91 -4.22,-1.27 0.09,-7.01 0.31,-16.22 0.84,-27.02 0.14,-2.87 0.63,-12.3 1.69,-25.33 1.71,-21.04 2.91,-26.69 4.22,-44.32 0.75,-10.08 1.09,-18.24 1.26,-23.21 -0.36,1.45 -0.97,4 -1.69,7.18 -4.5,19.95 -6.42,35.52 -7.17,42.21 -0.16,1.39 -0.36,2.46 -0.58,4.78
l -0.26,-0.13
c -2.29,0.15 -5.21,0.04 -8.43,-0.84
C 6.78,99.93 5.93,99.64 5.16,99.33 5.44,95.19 5.85,89.88 6.42,83.72 6.98,77.7 7.79,71.04 9.37,57.97
c 0,0 2.05,-16.91 4.22,-26.17 0.86,-3.66 1.98,-6.82 2.11,-7.18 0.64,-1.78 1.25,-3.24 1.69,-4.22 0.37,-0.88 1.01,-2.12 2.11,-3.38 0.51,-0.59 15.9,-6.66 15.9,-6.66
m 17.6,0.33
h -5.91 -0.58 -5.91
m 17.6,5.86 1.77,1.95
c -6.07,15.44 -7.99,22.1 -20.63,38.2
L 38.47,169.41
m 14.52,-158.71 5.19,5.84
c 1.46,-0.39 2.82,-0.6 4.93,-0.77
L 53.83,5.63
H 47.07 46.48 39.72
L 30.45,15.76
c 1.91,0.27 4.29,0.53 5.14,0.48
l 4.98,-5.55
M 53.19,6.48
c 0.08,1.71 0.05,3.43 -0.1,5.13 -0.08,0.85 -0.19,1.7 -0.31,2.55 -0.12,0.85 -0.25,1.69 -0.39,2.54 -0.28,1.69 -0.58,3.37 -0.9,5.05 -0.17,0.84 -0.34,1.68 -0.52,2.51
l -0.28,1.25 -0.15,0.63 -0.07,0.31 -0.04,0.16
c -0.01,0.05 -0.02,0.11 -0.04,0.12
l -0.01,0.04
c -0.7,2.57 -1.45,5.13 -2.27,7.66 -0.82,2.53 -1.69,5.05 -2.61,7.55 -0.93,2.5 -1.91,4.97 -2.95,7.42 -1.03,2.45 -2.15,4.87 -3.29,7.27 1.09,-2.43 2.13,-4.87 3.13,-7.34 1.01,-2.46 1.95,-4.95 2.86,-7.45 0.91,-2.5 1.77,-5.02 2.58,-7.55 0.8,-2.53 1.57,-5.08 2.28,-7.64
l -0.01,0.04 0.31,-1.28 0.28,-1.25
c 0.19,-0.83 0.36,-1.67 0.53,-2.51 0.34,-1.67 0.67,-3.35 0.96,-5.04 0.15,-0.84 0.29,-1.69 0.42,-2.53 0.14,-0.84 0.27,-1.69 0.36,-2.54 0.19,-1.7 0.26,-3.41 0.22,-5.12
z
m -12.62,0
c -0.03,1.71 0.05,3.42 0.24,5.12 0.19,1.69 0.52,3.38 0.79,5.06 0.29,1.69 0.61,3.37 0.95,5.04
l 0.52,2.51 0.28,1.25 0.3,1.28
v -0.03
c 0.47,1.85 0.96,3.7 1.51,5.53 0.55,1.83 1.12,3.66 1.73,5.47
C 46.21,35.92 45.57,34.12 44.99,32.29 44.4,30.47 43.87,28.62 43.39,26.77
v -0.03
c 0,0 -0.02,-0.07 -0.04,-0.12
l -0.04,-0.16 -0.08,-0.31 -0.15,-0.62 -0.29,-1.25
C 42.61,23.43 42.43,22.6 42.27,21.76 41.93,20.08 41.63,18.39 41.35,16.7 41.2,15.86 41.08,15.01 40.96,14.16 40.83,13.32 40.72,12.47 40.64,11.61 40.49,9.9 40.46,8.18 40.57,6.48
Z
m -4.98,9.79 -2.13,2.38
c 4.58,10.08 6.64,13.65 11.11,24.85"
/>
</>
)
/*
* SVG elements for the back
*/
const Back = ({ stroke }) => (
<>
<path
key="outline"
d="m 147.24,5.15
h 7.41
c 0,0 4.64,5.07 4.64,5.07 -1.49,0.34 -3.04,0.62 -4.64,0.84 -2.53,0.34 -5.01,0.5 -7.41,0.49
m 0.24,-6.4
h -7.41
l -4.64,5.07
c 1.49,0.34 3.04,0.62 4.64,0.84 2.53,0.34 5.01,0.5 7.41,0.49
m -14.98,52.59
V 58.34
h 29.76
v 5.81
z
m -2.51,22.06 -0.28,9.57
c -0.01,0.39 -0.01,1.09 0,1.96 0.06,5.16 0.1,7.05 0.1,7.05 0.01,0.32 0.02,1.12 -0.2,2.09 -0.09,0.4 -0.23,0.98 -0.61,1.57 -0.07,0.11 -0.41,0.64 -1.01,1.04 0,0 -0.6,0.4 -1.41,0.52 -0.65,0.1 -2.54,0.03 -5.27,-0.21
m 3.05,-27.6 6.47,0.65 -1.46,7.57 -6.05,-0.65
m 23.94,-78.28
v 157.66
m 17.52,-82.95 0.28,9.57
c 0.01,0.39 0.01,1.09 0,1.96 -0.06,5.16 -0.1,7.05 -0.1,7.05 -0.01,0.32 -0.02,1.12 0.2,2.09 0.09,0.4 0.23,0.98 0.61,1.57 0.07,0.11 0.41,0.64 1.01,1.04 0,0 0.6,0.4 1.41,0.52 0.65,0.1 2.54,0.03 5.27,-0.21
m -3.05,-27.6 -6.47,0.65 1.46,7.57 6.05,-0.65
m -65.07,4.5
c 0.78,0.31 1.62,0.59 2.53,0.84 3.23,0.89 6.15,0.99 8.44,0.84
l 0.26,0.13
m 59.85,0 0.26,-0.13
c 2.29,0.15 5.22,0.04 8.44,-0.84 0.91,-0.25 1.75,-0.54 2.53,-0.84
m -52.53,-83.95
c 0,0 -15.4,6.07 -15.92,6.66 -1.1,1.26 -1.74,2.5 -2.11,3.38 -0.43,0.99 -1.05,2.44 -1.69,4.22 -0.13,0.36 -1.25,3.52 -2.11,7.18 -2.17,9.26 -4.22,26.17 -4.22,26.17 -1.59,13.07 -2.39,19.73 -2.96,25.75 -0.58,6.16 -0.98,11.47 -1.27,15.62 0.78,0.31 1.62,0.59 2.53,0.84 3.23,0.89 6.15,0.99 8.44,0.84
l 0.26,0.13
c 0.22,-2.32 0.43,-3.39 0.58,-4.78 0.75,-6.69 2.67,-22.26 7.18,-42.21 0.72,-3.18 1.33,-5.72 1.69,-7.18 -0.17,4.98 -0.52,13.13 -1.27,23.22 -1.3,17.63 -2.5,23.28 -4.22,44.33 -1.06,13.03 -1.54,22.45 -1.69,25.33 -0.53,10.8 -0.75,20 -0.84,27.02 0.95,0.35 2.41,0.85 4.22,1.27 2.43,0.56 4.38,0.74 5.91,0.84 6.67,0.46 17.53,0.43 18.15,0.42
h 1.27
c 0.63,0 11.48,0.04 18.15,-0.42 1.53,-0.1 3.48,-0.28 5.91,-0.84 1.82,-0.42 3.27,-0.92 4.22,-1.27 -0.09,-7.01 -0.31,-16.22 -0.84,-27.02 -0.14,-2.87 -0.63,-12.3 -1.69,-25.33 -1.72,-21.05 -2.92,-26.69 -4.22,-44.33 -0.75,-10.08 -1.09,-18.24 -1.27,-23.22 0.36,1.45 0.97,4 1.69,7.18 4.5,19.95 6.43,35.53 7.18,42.21 0.16,1.39 0.36,2.46 0.58,4.78
l 0.26,-0.13
c 2.29,0.15 5.22,0.04 8.44,-0.84 0.91,-0.25 1.75,-0.54 2.53,-0.84 -0.28,-4.15 -0.69,-9.46 -1.27,-15.62 -0.56,-6.02 -1.37,-12.68 -2.96,-25.75 0,0 -2.05,-16.91 -4.22,-26.17 -0.86,-3.66 -1.98,-6.82 -2.11,-7.18 -0.64,-1.78 -1.25,-3.24 -1.69,-4.22 -0.37,-0.88 -1.01,-2.12 -2.11,-3.38 -0.51,-0.59 -15.92,-6.66 -15.92,-6.66"
/>
<path
key="folds"
opacity={0.3}
d="m 159.93,61.3
c 0,0.7 -0.57,1.27 -1.27,1.27 -0.7,0 -1.27,-0.57 -1.27,-1.27 0,-0.7 0.57,-1.27 1.27,-1.27 0.7,0 1.27,0.57 1.27,1.27
z
m -22.8,0
c 0,0.7 -0.57,1.27 -1.27,1.27 -0.7,0 -1.27,-0.57 -1.27,-1.27 0,-0.7 0.57,-1.27 1.27,-1.27 0.7,0 1.27,0.57 1.27,1.27
z
M 159.03,65
c 0.12,0.64 0.21,1.28 0.29,1.93 0.09,0.65 0.15,1.29 0.21,1.94 0.06,0.65 0.11,1.29 0.14,1.94
l 0.05,0.97
c 0.01,0.33 0.02,0.65 0.01,0.98 -0.06,-0.32 -0.11,-0.64 -0.16,-0.96
l -0.13,-0.97
c -0.09,-0.65 -0.15,-1.29 -0.21,-1.94 -0.05,-0.65 -0.11,-1.29 -0.14,-1.94 -0.04,-0.65 -0.07,-1.3 -0.06,-1.95
z
m 0.71,-18.48
c -0.09,0.92 -0.22,1.84 -0.34,2.75 -0.06,0.46 -0.14,0.91 -0.2,1.37 -0.07,0.46 -0.13,0.91 -0.18,1.37
l -0.69,5.49
c 0,-0.92 0.04,-1.85 0.11,-2.77 0.06,-0.92 0.16,-1.84 0.28,-2.76 0.06,-0.46 0.12,-0.92 0.2,-1.37 0.08,-0.45 0.16,-0.91 0.26,-1.36 0.18,-0.91 0.36,-1.81 0.57,-2.71
z
M 135.68,65
c 0,0.65 -0.03,1.3 -0.06,1.95 -0.03,0.65 -0.09,1.3 -0.14,1.94 -0.06,0.65 -0.13,1.29 -0.21,1.94
l -0.13,0.97
c -0.05,0.32 -0.1,0.64 -0.16,0.96 -0,-0.33 0.01,-0.65 0.01,-0.98
l 0.05,-0.97
c 0.03,-0.65 0.09,-1.3 0.14,-1.94 0.06,-0.65 0.13,-1.29 0.21,-1.94 0.08,-0.65 0.17,-1.29 0.29,-1.93
z
m -0.71,-18.48
c 0.21,0.9 0.4,1.81 0.57,2.71 0.09,0.45 0.17,0.91 0.26,1.36 0.07,0.46 0.14,0.92 0.2,1.37 0.11,0.92 0.22,1.84 0.28,2.76 0.07,0.92 0.11,1.84 0.11,2.77
l -0.69,-5.49
c -0.06,-0.46 -0.12,-0.92 -0.18,-1.37 -0.07,-0.46 -0.14,-0.91 -0.2,-1.37 -0.13,-0.91 -0.25,-1.83 -0.34,-2.75
z
m -10.71,-22.58
c -0.05,0.41 -0.16,0.8 -0.26,1.2
l -0.3,1.19 -0.62,2.38 -1.27,4.74
c -0.87,3.16 -1.68,6.33 -2.44,9.51 -1.51,6.37 -2.81,12.79 -3.87,19.25 -1.1,6.45 -1.97,12.94 -2.78,19.44 -0.38,3.25 -0.71,6.51 -1.02,9.77 -0.33,3.26 -0.15,0.74 -0.45,4 0.26,-3.26 0.02,-0.75 0.3,-4.01 0.29,-3.26 0.61,-6.52 0.97,-9.78 0.77,-6.5 1.62,-13 2.69,-19.46 1.1,-6.46 2.43,-12.88 3.98,-19.24 0.78,-3.18 1.6,-6.35 2.49,-9.5
l 1.34,-4.72 0.65,-2.37 0.32,-1.19
c 0.1,-0.4 0.21,-0.79 0.27,-1.2
z
m 46.86,0
c 0.05,0.41 0.17,0.8 0.26,1.2
l 0.3,1.19 0.61,2.37 1.27,4.73
c 0.84,3.16 1.61,6.34 2.34,9.52 1.45,6.38 2.7,12.79 3.73,19.25 1,6.46 1.78,12.95 2.51,19.45 0.34,3.25 0.63,6.51 0.91,9.76 0.26,3.26 0.04,0.9 0.28,4.16 -0.28,-3.25 -0.58,-6.51 -0.89,-9.76 -0.3,-3.25 -0.14,-0.89 -0.49,-4.13 -0.76,-6.49 -1.58,-12.97 -2.61,-19.42 -1,-6.46 -2.21,-12.88 -3.63,-19.25 -0.71,-3.19 -1.47,-6.37 -2.29,-9.53
l -1.2,-4.75 -0.58,-2.38 -0.28,-1.19
c -0.09,-0.4 -0.19,-0.8 -0.24,-1.2
z
m -48.56,-7.99 0.83,3.13
c 0.32,1.25 0.59,2.51 0.87,3.77 0.54,2.52 0.97,5.07 1.35,7.62 0.35,2.56 0.65,5.12 0.85,7.69 0.09,1.29 0.18,2.57 0.24,3.86 0.05,1.29 0.09,2.58 0.1,3.87 -0.08,-1.29 -0.15,-2.57 -0.25,-3.86 -0.09,-1.28 -0.2,-2.57 -0.32,-3.85 -0.25,-2.56 -0.54,-5.12 -0.92,-7.67 -0.35,-2.55 -0.79,-5.09 -1.27,-7.62
z
m 49.83,-0.05
c -0.55,2.52 -0.99,4.46 -1.46,7 -0.49,2.53 -0.92,5.07 -1.27,7.62 -0.38,2.55 -0.67,5.11 -0.92,7.67 -0.12,1.28 -0.23,2.56 -0.32,3.85 -0.1,1.28 -0.17,2.57 -0.25,3.86 0.01,-1.29 0.05,-2.58 0.1,-3.87 0.06,-1.29 0.14,-2.57 0.24,-3.86 0.2,-2.57 0.49,-5.14 0.85,-7.69 0.38,-2.55 0.81,-5.1 1.35,-7.62 0.27,-1.26 0.55,-2.52 0.87,-3.77
z"
/>
<path
key="stitches"
{...dashed(stroke)}
{...thin(stroke)}
d="m 124.36,83.03 5.63,0.5 -1.27,5.83
m -0.19,0 -4.79,-0.5
m -5.26,75.86
c 0.95,0.35 2.41,0.85 4.22,1.27 2.43,0.56 4.38,0.74 5.91,0.84 6.67,0.46 17.53,0.43 18.15,0.42
h 1.27
c 0.63,0 11.48,0.04 18.15,-0.42 1.53,-0.1 3.48,-0.28 5.91,-0.84 1.82,-0.42 3.27,-0.92 4.22,-1.27
m -5.9,-81.68 -5.63,0.5 1.27,5.83
m 0.19,0 4.79,-0.5
m 6.72,8.03 0.26,-0.13
c 2.29,0.15 5.22,0.04 8.44,-0.84 0.91,-0.25 1.75,-0.54 2.53,-0.84
m -82.74,-0
c 0.78,0.31 1.62,0.59 2.53,0.84 3.23,0.89 6.15,0.99 8.44,0.84
l 0.26,0.13"
/>
</>
)

752
packages/react-components/src/linedrawings/cathrin.mjs Normal file
View file

@ -0,0 +1,752 @@
import React from 'react'
import { LineDrawingWrapper, thin, dashed } from './shared.mjs'
const strokeScale = 0.5
export const Cathrin = ({
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 288 159" {...{ className, stroke }}>
<Front stroke={stroke} />
<Back stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* React component for the front
*/
export const CathrinFront = ({
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 144 159" {...{ className, stroke }}>
<Front stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* React component for the back
*/
export const CathrinBack = ({
className = 'w-64', // CSS classes to apply
stroke = 1, // Stroke width to use
}) => {
// Normalize stroke across designs
stroke = stroke * strokeScale
return (
<LineDrawingWrapper viewBox="144 0 144 159" {...{ className, stroke }}>
<Back stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* SVG elements for the front
*/
export const Front = ({ stroke }) => (
<>
<path
key="stitches"
{...dashed(stroke)}
{...thin(stroke)}
d="m 93.75,13.24 -2.03,6.48
c -0.17,0.62 -0.41,1.5 -0.68,2.56 -1.65,6.54 -2.24,11.58 -2.36,12.64 -0.57,5.06 -0.46,9.01 -0.4,11.2 0.8,26.65 1.6,36.4 1.6,36.4 0.79,9.56 1.72,24.17 2.69,41.91
m 3.61,-110.01 -1.87,5.33
c -0.23,0.78 -0.57,1.96 -0.93,3.4 -1.54,6.19 -1.96,11 -2.2,13.8 -0.79,9.19 0.19,14.09 0.4,28
l 3.94,58.02
m 11.4,-104.87 -2.84,8.64
c -0.3,1.18 -0.69,2.85 -1.1,4.86 -1.11,5.42 -2.01,9.83 -2,15.3 0.01,4.1 0.52,7.37 1.2,11.68 0.09,0.55 0.39,2.46 1.2,6.44 1.24,6.09 2.32,10.5 2.8,12.48 2.24,9.34 3.44,17.22 4,20.94 0.64,4.24 1.23,9.35 1.81,16.53
m -2.93,-95.7 -2,5.6
c -0.33,0.98 -0.76,2.35 -1.2,4 -0.4,1.53 -1.64,6.46 -2,13.2 -0.16,2.98 -0.35,6.93 0.4,12 0.28,1.93 0.72,3.82 1.6,7.6 1.1,4.75 1.98,7.97 2.4,9.6 0.79,3.03 1.59,7.62 3.2,16.8 2.1,12.01 2.8,17.35 3.2,20.8 0.18,1.49 0.29,3.71 0.39,4.58
M 76.16,10.05 75.87,130.3
M 120.62,21.92
c 0,0 -20.11,-6.73 -28.32,-9.47 -8.21,-2.74 -13.54,-3.8 -20.93,-3.8 -7.39,-0 -12.91,1.12 -21.12,3.86 -8.21,2.74 -28.13,9.41 -28.13,9.41
m 26.88,-8.68 2.03,6.48
c 0.17,0.62 0.41,1.5 0.68,2.56 1.65,6.54 2.24,11.58 2.36,12.64 0.57,5.06 0.46,9.01 0.4,11.2 -0.8,26.65 -1.6,36.4 -1.6,36.4 -0.79,9.56 -1.73,24.19 -2.7,41.92
m -3.6,-110.02 1.87,5.33
c 0.23,0.78 0.57,1.96 0.93,3.4 1.54,6.19 1.96,11 2.2,13.8 0.79,9.19 -0.19,14.09 -0.4,28
l -4,58.05
m -11.34,-104.9 2.84,8.64
c 0.3,1.18 0.69,2.85 1.1,4.86 1.11,5.42 2.01,9.83 2,15.3 -0.01,4.1 -0.52,7.37 -1.2,11.68 -0.09,0.55 -0.39,2.46 -1.2,6.44 -1.24,6.09 -2.32,10.5 -2.8,12.48 -2.24,9.34 -3.44,17.22 -4,20.94 -0.64,4.24 -1.38,9.55 -1.96,16.72
m 3.08,-95.89 2,5.6
c 0.33,0.98 0.76,2.35 1.2,4 0.4,1.53 1.64,6.46 2,13.2 0.16,2.98 0.35,6.93 -0.4,12 -0.28,1.93 -0.72,3.82 -1.6,7.6 -1.1,4.75 -1.98,7.97 -2.4,9.6 -0.79,3.03 -1.59,7.62 -3.2,16.8 -2.1,12.01 -2.8,17.35 -3.2,20.8 -0.18,1.49 -0.27,4.03 -0.36,4.9
M 66.43,9.99 66.77,130.33
m 69.5,-25.68 -44.15,21.26
c -10.82,5.6 -13,5.95 -20.75,5.95 -7.76,0 -9.76,-0.25 -20.57,-5.86 -10.82,-5.6 -44.33,-21.36 -44.33,-21.36
M 72.25,9.77 72.14,130.5
M 70.88,9.89 70.72,130.5"
/>
<path
key="outline"
d="m 76.91,9.79 -0.29,120.69
m 16.28,-116.66 -2.03,6.48
c -0.17,0.62 -0.41,1.5 -0.68,2.56 -1.65,6.54 -2.24,11.58 -2.36,12.64 -0.57,5.06 -0.46,9.01 -0.4,11.2 0.8,26.65 1.6,36.4 1.6,36.4 0.79,9.56 1.86,24.05 2.83,41.78
m 4.96,-109.92 -1.87,5.33
c -0.23,0.78 -0.57,1.96 -0.93,3.4 -1.54,6.19 -1.96,11 -2.2,13.8 -0.79,9.19 0.19,14.09 0.4,28
l 3.94,57.16
m 10,-104.56 -2.84,8.58
c -0.3,1.17 -0.69,2.83 -1.1,4.82 -1.11,5.39 -2.01,9.76 -2,15.2 0.01,4.07 0.52,7.32 1.2,11.6 0.09,0.55 0.39,2.44 1.2,6.4 1.24,6.05 2.32,10.42 2.8,12.4 2.24,9.28 3.44,17.1 4,20.8 0.64,4.2 1.34,10.28 1.92,17.4
m -1.52,-95.8 -2,5.6
c -0.33,0.98 -0.76,2.35 -1.2,4 -0.4,1.53 -1.64,6.46 -2,13.2 -0.16,2.98 -0.35,6.93 0.4,12 0.28,1.93 0.72,3.82 1.6,7.6 1.1,4.75 1.98,7.97 2.4,9.6 0.79,3.03 1.59,7.62 3.2,16.8 2.1,12.01 2.8,17.35 3.2,20.8 0.18,1.49 0.21,3.24 0.3,4.1
m 4.63,-90.34
c 0,0 -20.44,-6.86 -28.61,-9.61 -8.17,-2.74 -13.26,-3.66 -20.42,-3.66 -7.16,0 -12.14,0.88 -20.31,3.62 -8.17,2.74 -28.72,9.65 -28.72,9.65
M 136.23,103.5
c 0,0 -33.61,15.81 -44.43,21.41 -10.82,5.6 -12.78,5.8 -20.47,5.8 -7.69,0 -9.51,-0.52 -20.48,-5.81
L 6.43,103.5
M 122.03,18.1
c -1.63,4.82 -3.12,7.5 -4.2,11.4 -0.76,2.75 -1.37,5.56 -1.6,8.4 -0.43,5.32 -0.65,10.77 0.4,16 1.37,6.87 4.86,13.15 7.6,19.6 1.61,3.79 3.02,6.1 5.2,11.2 4.17,9.75 5.98,16.11 6.4,17.6 0.74,2.66 1.27,4.88 1.6,6.4 0,0 -33.6,15.68 -44.62,21.35 -11.02,5.67 -13.62,5.45 -21.48,5.45 -7.86,0 -9.45,0.74 -20.47,-4.93 -11.02,-5.67 -45.63,-21.87 -45.63,-21.87 0.33,-1.52 0.86,-3.74 1.6,-6.4 0.42,-1.49 2.23,-7.85 6.4,-17.6 2.18,-5.1 3.59,-7.41 5.2,-11.2 2.74,-6.45 6.23,-12.73 7.6,-19.6 1.05,-5.23 0.83,-10.68 0.4,-16 -0.23,-2.84 -0.84,-5.65 -1.6,-8.4 -1.08,-3.9 -2.57,-6.58 -4.2,-11.4 0,0 20.53,-6.52 28.98,-9.2 8.45,-2.68 14.09,-3.7 21.72,-3.7 7.63,0 13.48,1.08 21.93,3.76
z
m -56.29,-8.31 0.29,120.55
m -16.28,-116.52 2.03,6.48
c 0.17,0.62 0.41,1.5 0.68,2.56 1.65,6.54 2.24,11.58 2.36,12.64 0.57,5.06 0.46,9.01 0.4,11.2 -0.8,26.65 -1.6,36.4 -1.6,36.4 -0.79,9.56 -1.75,24.09 -2.72,41.83
m -5.07,-109.96 1.87,5.33
c 0.23,0.78 0.57,1.96 0.93,3.4 1.54,6.19 1.96,11 2.2,13.8 0.79,9.19 -0.19,14.09 -0.4,28
l -3.88,57.27
m -10.06,-104.67 2.84,8.58
c 0.3,1.17 0.69,2.83 1.1,4.82 1.11,5.39 2.01,9.76 2,15.2 -0.01,4.07 -0.52,7.32 -1.2,11.6 -0.09,0.55 -0.39,2.44 -1.2,6.4 -1.24,6.05 -2.32,10.42 -2.8,12.4 -2.24,9.28 -3.44,17.1 -4,20.8 -0.64,4.2 -1.36,10.5 -1.94,17.62
m 1.54,-96.02 2,5.6
c 0.33,0.98 0.76,2.35 1.2,4 0.4,1.53 1.64,6.46 2,13.2 0.16,2.98 0.35,6.93 -0.4,12 -0.28,1.93 -0.72,3.82 -1.6,7.6 -1.1,4.75 -1.98,7.97 -2.4,9.6 -0.79,3.03 -1.59,7.62 -3.2,16.8 -2.1,12.01 -2.8,17.35 -3.2,20.8 -0.18,1.49 -0.21,3.4 -0.3,4.27
M 71.43,9.71
V 130.68"
/>
</>
)
/*
* SVG elements for the back
*/
const Back = ({ stroke }) => (
<>
<path
key="outline"
d="m 217.01,115.03
c 0,0 1.09,1.43 0.14,3.09 0,0 -1.17,0.5 -2.11,0.07 0,0.01 0.38,-1.96 -0.46,-3.02
m 0.51,1.43
c 0,0 -1.97,1.87 -1.71,4.18 0.26,2.31 0.72,-0.81 0.72,-0.81
m 3.43,-3.09
c 0,0 1.27,1.53 1.53,2.65 0.26,1.12 -0.71,1.18 -0.76,0.4 0.03,-1.54 -0.43,-2.61 -0.76,-3.04
z
m -5.55,3.42
c -0.58,3.46 -2.06,7.02 -2.39,7.22 1.27,0.78 3.1,-0.13 3.1,-0.13 1.68,-1.99 2.26,-8.04 2.36,-9.21 -0,-0 -0,-0 -0,-0 0,0 0.01,-0.03 0.01,-0.04
m 2.39,-2.19
c 0.15,0.55 0.18,1.3 -0.26,2.11 0.08,3.74 2.52,8.87 2.52,8.87 0,0 1.19,1.43 2.24,0.94 1.05,-0.49 1.51,-1.08 1.51,-1.08 -0.82,-0.1 -2.67,-3.43 -2.99,-6.55
m -3.02,-4.29
c 0,0 0.01,0.01 0.01,0.01 0.07,0.06 0.22,0.18 0.39,0.33 0.6,0.49 1.74,1.49 2.34,2.93 0.04,0.09 0.08,0.18 0.11,0.27 0.04,0.12 0.08,0.25 0.11,0.37 0.03,0.12 0.05,0.25 0.06,0.38 0.02,0.16 0.04,0.33 0.07,0.49 0.01,0.07 0.02,0.15 0.04,0.22 0.01,0.06 0.02,0.12 0.03,0.18 0.04,0.21 0.09,0.43 0.14,0.64 0.57,1.1 1.06,2.26 1.31,3.4 0.09,0.17 0.19,0.32 0.28,0.47 0,0 0,0.01 0.01,0.01 0.09,0.14 0.18,0.28 0.27,0.4 0,0 0,0 0,0.01 0.01,0.02 0.02,0.03 0.03,0.04 0.04,0.06 0.09,0.11 0.13,0.16 0.03,0.03 0.06,0.07 0.08,0.1 0.03,0.04 0.07,0.07 0.1,0.11 0.03,0.03 0.06,0.06 0.09,0.09 0.04,0.03 0.07,0.07 0.11,0.09 0.01,0.01 0.01,0.01 0.02,0.01 0.05,0.04 0.09,0.06 0.14,0.09 0.01,0.01 0.03,0.01 0.04,0.02 0.01,0.01 0.02,0.01 0.03,0.01 0.03,0.01 0.05,0.01 0.07,0.02 0,0 -0.06,0.07 -0.16,0.17 0.74,-0.65 1.39,-1.92 0.36,-4.32 -1.79,-4.16 -6.63,-7.62 -6.63,-7.62
h -0
c -0.21,-0.14 -0.46,-0.22 -0.74,-0.23 -0.47,-0.03 -1.05,0.11 -1.69,0.37 0.08,0.51 -4.17,2.94 -6.09,4.56 -1.91,1.62 -1.56,3.51 -0.54,6.09 0,0 1.03,1.58 1.7,1.75 -0.02,-0.02 -0.06,-0.02 -0.08,-0.05 0.03,-0.01 0.07,-0.07 0.11,-0.1 0.38,-0.69 0.75,-1.61 1.04,-2.41 -0.16,-0.18 -1.81,-2.23 -0.19,-3.57 0.53,-0.44 1.03,-0.83 1.5,-1.19 0.04,-0.18 0.09,-0.35 0.13,-0.52 0.02,-0.07 0.04,-0.13 0.06,-0.19 0.03,-0.1 0.06,-0.21 0.1,-0.3 0.02,-0.06 0.05,-0.12 0.07,-0.18 0.04,-0.1 0.07,-0.2 0.11,-0.29 0.02,-0.06 0.05,-0.11 0.08,-0.17 0.04,-0.08 0.07,-0.17 0.11,-0.24 0.03,-0.07 0.07,-0.14 0.1,-0.2 0.03,-0.06 0.06,-0.12 0.1,-0.18 0.04,-0.07 0.08,-0.13 0.11,-0.2 0.03,-0.05 0.06,-0.11 0.1,-0.16 0.04,-0.06 0.08,-0.12 0.11,-0.18 0.03,-0.05 0.07,-0.1 0.1,-0.15 0.04,-0.05 0.07,-0.11 0.11,-0.16 0.04,-0.05 0.07,-0.1 0.11,-0.15 0.04,-0.05 0.07,-0.09 0.11,-0.14 0.03,-0.04 0.06,-0.08 0.09,-0.11 0.04,-0.05 0.08,-0.1 0.12,-0.14 0.02,-0.03 0.04,-0.05 0.06,-0.07 0.11,-0.13 0.22,-0.24 0.32,-0.34 0.1,-0.1 0.49,-0.52 0.57,-0.6
m 0.26,2.38 -0.01,0.01
c 0,0 -0,0.01 -0,0.02
l 0.01,-0.01
c 0,-0 0,0 0,0 0,-0 0,-0.01 0,-0.01
z
m 0.03,-0.31
c -0,0.01 -0,0.02 -0,0.03 0,-0.01 0,-0.02 0,-0.03 -0,-0 -0,0 -0,0
z
m -0.03,0.32 -0.01,0.01
c 0,0 -0.01,0.11 -0.02,0.2 0.01,-0.03 0.01,-0.09 0.03,-0.2
z
m -2.18,9.18
c -0.71,9.24 -1.79,22.1 -2.42,24.64
l 3.29,-0.45
c 0,0 1.72,-30.88 1.92,-32.52 0.02,-0.16 0.01,-0.3 -0.01,-0.42 -0.21,-0.02 -0.43,-0.07 -0.63,-0.16
m 2.38,-0.74
c -0.02,0.08 -0.05,0.16 -0.08,0.24 0.03,-0.08 0.06,-0.16 0.08,-0.24
z
m -0.14,0.38
c -0.04,0.09 -0.09,0.19 -0.14,0.29 0,0 -0.32,0.14 -0.77,0.21 -0.09,0.77 -0.72,6.59 -0.23,10.25 0.52,3.91 0.67,22.28 1.2,23.48
l 2.85,1.32
c 0,0 -1.34,-21.59 -1.66,-25.06 -0.22,-2.41 -0.28,-2.93 -0.3,-5.05 -0.54,-1.63 -1.03,-3.54 -1.07,-5.19 0.04,-0.08 0.08,-0.16 0.11,-0.24
z
m -9.66,2.66 -1.17,0.39
m 16.77,-13.6 -7.48,2.44
m -2.62,0.82 -2.43,0.83 -1.58,0.51
m 14.12,-2.82 -4.71,1.54
m -2.69,0.88 -6.84,2.24
m 0.06,-6.23 14.19,4.68
m -14.19,-2.89 13.82,4.51
m 0.35,-19.31 -7.48,2.44
m -2.62,0.82 -2.43,0.83 -1.58,0.51
m 14.12,-2.82 -4.71,1.54
m -2.69,0.88 -6.84,2.24
m 0.06,-6.23 14.19,4.68
m -14.19,-2.89 13.82,4.51
m -0.3,-44.7 -6.83,2.23
m -2.62,0.82 -2.43,0.83 -1.58,0.51
m 14.12,-2.82 -4.71,1.54
m -2.69,0.88 -6.84,2.24
m 0.06,-6.23 14.19,4.68
m -14.19,-2.89 13.82,4.51
m 0.35,6.29 -7.48,2.44
m -2.62,0.82 -2.43,0.83 -1.58,0.51
m 14.12,-2.82 -4.71,1.54
m -2.69,0.88 -6.84,2.24
m 0.06,-6.23 14.19,4.68
m -14.19,-2.89 13.82,4.51
m 0.35,6.29 -7.48,2.44
m -2.62,0.82 -2.43,0.83 -1.58,0.51
m 14.12,-2.82 -4.71,1.54
m -2.69,0.88 -6.84,2.24
m 0.06,-6.23 14.19,4.68
m -14.19,-2.89 13.82,4.51
m 0.35,-44.51 -7.48,2.44
m -2.62,0.82 -2.43,0.83 -1.58,0.51
m 14.12,-2.82 -4.71,1.54
m -2.69,0.88 -6.84,2.24
m 0.06,-6.23 14.19,4.68
m -14.19,-2.89 13.82,4.51
m 0.35,-19.31 -7.48,2.44
m -2.62,0.82 -2.43,0.83 -1.58,0.51
m 14.12,-2.82 -4.71,1.54
m -2.69,0.88 -6.84,2.24
m 0.06,-6.23 14.19,4.68
m -14.19,-2.89 13.82,4.51
m 2.35,75.56 -7.96,2.59
m -5.22,1.72 -1.27,0.41 -1.58,0.52 -2.85,0.93
m 19.66,-4.63 -6.88,2.24
m -13.32,-4.04 8.63,2.84
m 5.44,1.9 5.35,1.66
m -18.88,-4.43 2.72,0.89 0.31,0.1 3.23,1.06
m 9.41,3.07 4.01,1.31
m -0.4,-21.2 -2.52,0.83 -7.67,2.5
m -2.62,0.83 -2.43,0.82 -4.43,1.45
m 19.66,-4.63 -7.4,2.42
m -2.69,0.88 -8.89,2.9
m 0,-7.6 18.2,6 0.5,0.17
m -19.38,-4.6 19.68,6.43
m -0.4,-20.94 -2.02,0.66 -7.37,2.41
m -2.62,0.83 -2.43,0.82 -4.43,1.45
m 19.66,-4.63 -2.88,0.94 -4.52,1.48
m -2.78,0.91 -9.37,3.06
m -0.65,-8.19 19.42,6.4
m -18.88,-4.43 17.68,5.78 2,0.65
m -0.8,-20.94 -9.4,3.07
m -2.62,0.83 -2.43,0.82 -4.43,1.45
m 19.66,-4.63 -7.4,2.42
m -2.78,0.91 -9.37,3.06
m -0.65,-8.19 19.42,6.4
m -18.88,-4.43 19.68,6.43
m -0.8,-20.94 -9.4,3.07
m -2.62,0.83 -2.43,0.82 -4.43,1.45
m 19.66,-4.63 -2.84,0.93 -4.56,1.49
m -2.69,0.88 -9.46,3.09
m -0.65,-8.19 19.42,6.4
m -18.88,-4.43 19.68,6.43
m -0.8,-20.54 -9.4,3.07
m -2.62,0.83 -2.43,0.82 -4.43,1.45
m 19.66,-4.63 -7.4,2.42
m -2.69,0.88 -9.46,3.09
m -0.65,-8.19 19.42,6.4
m -18.88,-4.43 19.68,6.43
m -0.8,-20.94 -9.4,3.07
m -2.62,0.83 -2.43,0.82 -4.43,1.45
m 19.66,-4.63 -7.4,2.42
m -2.69,0.88 -9.46,3.09
m -0.65,-8.19 19.42,6.4
m -18.88,-4.43 19.68,6.43
m -0.8,-20.94 -9.4,3.07
m -2.62,0.83 -2.43,0.82 -4.43,1.45
m 19.66,-4.63 -1.78,0.58 -5.62,1.84
m -2.69,0.88 -9.46,3.09
m -0.65,-8.19 2.16,0.72 17.26,5.68
m -18.88,-4.43 19.68,6.43
m 2.2,87.9
c 0,0.83 -0.67,1.5 -1.5,1.5 -0.83,0 -1.5,-0.67 -1.5,-1.5 0,-0.83 0.67,-1.5 1.5,-1.5 0.83,0 1.5,0.67 1.5,1.5
z
m 0,-6.4
c 0,0.83 -0.67,1.5 -1.5,1.5 -0.83,0 -1.5,-0.67 -1.5,-1.5 0,-0.83 0.67,-1.5 1.5,-1.5 0.83,0 1.5,0.67 1.5,1.5
z
m 0,-6.4
c 0,0.83 -0.67,1.5 -1.5,1.5 -0.83,0 -1.5,-0.67 -1.5,-1.5 0,-0.83 0.67,-1.5 1.5,-1.5 0.83,0 1.5,0.67 1.5,1.5
z
m 0,-6.4
c 0,0.83 -0.67,1.5 -1.5,1.5 -0.83,0 -1.5,-0.67 -1.5,-1.5 0,-0.83 0.67,-1.5 1.5,-1.5 0.83,0 1.5,0.67 1.5,1.5
z
m 0,-6.4
c 0,0.83 -0.67,1.5 -1.5,1.5 -0.83,0 -1.5,-0.67 -1.5,-1.5 0,-0.83 0.67,-1.5 1.5,-1.5 0.83,0 1.5,0.67 1.5,1.5
z
m 0,-6.4
c 0,0.83 -0.67,1.5 -1.5,1.5 -0.83,0 -1.5,-0.67 -1.5,-1.5 0,-0.83 0.67,-1.5 1.5,-1.5 0.83,0 1.5,0.67 1.5,1.5
z
m 0,-6.4
c 0,0.83 -0.67,1.5 -1.5,1.5 -0.83,0 -1.5,-0.67 -1.5,-1.5 0,-0.83 0.67,-1.5 1.5,-1.5 0.83,0 1.5,0.67 1.5,1.5
z
m 0,-6.4
c 0,0.83 -0.67,1.5 -1.5,1.5 -0.83,0 -1.5,-0.67 -1.5,-1.5 0,-0.83 0.67,-1.5 1.5,-1.5 0.83,0 1.5,0.67 1.5,1.5
z
m 0,-6.4
c 0,0.83 -0.67,1.5 -1.5,1.5 -0.83,0 -1.5,-0.67 -1.5,-1.5 0,-0.83 0.67,-1.5 1.5,-1.5 0.83,0 1.5,0.67 1.5,1.5
z
m 0,-6.4
c 0,0.83 -0.67,1.5 -1.5,1.5 -0.83,0 -1.5,-0.67 -1.5,-1.5 0,-0.83 0.67,-1.5 1.5,-1.5 0.83,0 1.5,0.67 1.5,1.5
z
m 0,-6
c 0,0.83 -0.67,1.5 -1.5,1.5 -0.83,0 -1.5,-0.67 -1.5,-1.5 0,-0.83 0.67,-1.5 1.5,-1.5 0.83,0 1.5,0.67 1.5,1.5
z
m 0,-6.4
c 0,0.83 -0.67,1.5 -1.5,1.5 -0.83,0 -1.5,-0.67 -1.5,-1.5 0,-0.83 0.67,-1.5 1.5,-1.5 0.83,0 1.5,0.67 1.5,1.5
z
m 0,-6.4
c 0,0.83 -0.67,1.5 -1.5,1.5 -0.83,0 -1.5,-0.67 -1.5,-1.5 0,-0.83 0.67,-1.5 1.5,-1.5 0.83,0 1.5,0.67 1.5,1.5
z
m 0,-6.4
c 0,0.83 -0.67,1.5 -1.5,1.5 -0.83,0 -1.5,-0.67 -1.5,-1.5 0,-0.83 0.67,-1.5 1.5,-1.5 0.83,0 1.5,0.67 1.5,1.5
z
m 0,-6.4
c 0,0.83 -0.67,1.5 -1.5,1.5 -0.83,0 -1.5,-0.67 -1.5,-1.5 0,-0.83 0.67,-1.5 1.5,-1.5 0.83,0 1.5,0.67 1.5,1.5
z
m 0,-6.4
c 0,0.83 -0.67,1.5 -1.5,1.5 -0.83,0 -1.5,-0.67 -1.5,-1.5 0,-0.83 0.67,-1.5 1.5,-1.5 0.83,0 1.5,0.67 1.5,1.5
z
m -21.6,96
c 0,0.83 -0.67,1.5 -1.5,1.5 -0.83,0 -1.5,-0.67 -1.5,-1.5 0,-0.83 0.67,-1.5 1.5,-1.5 0.83,0 1.5,0.67 1.5,1.5
z
m 0,-6.4
c 0,0.83 -0.67,1.5 -1.5,1.5 -0.83,0 -1.5,-0.67 -1.5,-1.5 0,-0.83 0.67,-1.5 1.5,-1.5 0.83,0 1.5,0.67 1.5,1.5
z
m 0,-6.4
c 0,0.83 -0.67,1.5 -1.5,1.5 -0.83,0 -1.5,-0.67 -1.5,-1.5 0,-0.83 0.67,-1.5 1.5,-1.5 0.83,0 1.5,0.67 1.5,1.5
z
m 0,-6.4
c 0,0.83 -0.67,1.5 -1.5,1.5 -0.83,0 -1.5,-0.67 -1.5,-1.5 0,-0.83 0.67,-1.5 1.5,-1.5 0.83,0 1.5,0.67 1.5,1.5
z
m 0,-6.4
c 0,0.83 -0.67,1.5 -1.5,1.5 -0.83,0 -1.5,-0.67 -1.5,-1.5 0,-0.83 0.67,-1.5 1.5,-1.5 0.83,0 1.5,0.67 1.5,1.5
z
m 0,-6.4
c 0,0.83 -0.67,1.5 -1.5,1.5 -0.83,0 -1.5,-0.67 -1.5,-1.5 0,-0.83 0.67,-1.5 1.5,-1.5 0.83,0 1.5,0.67 1.5,1.5
z
m 0,-6.4
c 0,0.83 -0.67,1.5 -1.5,1.5 -0.83,0 -1.5,-0.67 -1.5,-1.5 0,-0.83 0.67,-1.5 1.5,-1.5 0.83,0 1.5,0.67 1.5,1.5
z
m 0,-6.4
c 0,0.83 -0.67,1.5 -1.5,1.5 -0.83,0 -1.5,-0.67 -1.5,-1.5 0,-0.83 0.67,-1.5 1.5,-1.5 0.83,0 1.5,0.67 1.5,1.5
z
m 0,-6.4
c 0,0.83 -0.67,1.5 -1.5,1.5 -0.83,0 -1.5,-0.67 -1.5,-1.5 0,-0.83 0.67,-1.5 1.5,-1.5 0.83,0 1.5,0.67 1.5,1.5
z
m 0,-6.4
c 0,0.83 -0.67,1.5 -1.5,1.5 -0.83,0 -1.5,-0.67 -1.5,-1.5 0,-0.83 0.67,-1.5 1.5,-1.5 0.83,0 1.5,0.67 1.5,1.5
z
m 0,-6
c 0,0.83 -0.67,1.5 -1.5,1.5 -0.83,0 -1.5,-0.67 -1.5,-1.5 0,-0.83 0.67,-1.5 1.5,-1.5 0.83,0 1.5,0.67 1.5,1.5
z
m 0,-6.4
c 0,0.83 -0.67,1.5 -1.5,1.5 -0.83,0 -1.5,-0.67 -1.5,-1.5 0,-0.83 0.67,-1.5 1.5,-1.5 0.83,0 1.5,0.67 1.5,1.5
z
m 0,-6.4
c 0,0.83 -0.67,1.5 -1.5,1.5 -0.83,0 -1.5,-0.67 -1.5,-1.5 0,-0.83 0.67,-1.5 1.5,-1.5 0.83,0 1.5,0.67 1.5,1.5
z
m 0,-6.4
c 0,0.83 -0.67,1.5 -1.5,1.5 -0.83,0 -1.5,-0.67 -1.5,-1.5 0,-0.83 0.67,-1.5 1.5,-1.5 0.83,0 1.5,0.67 1.5,1.5
z
m 0,-6.4
c 0,0.83 -0.67,1.5 -1.5,1.5 -0.83,0 -1.5,-0.67 -1.5,-1.5 0,-0.83 0.67,-1.5 1.5,-1.5 0.83,0 1.5,0.67 1.5,1.5
z
m 0,-6.4
c 0,0.83 -0.67,1.5 -1.5,1.5 -0.83,0 -1.5,-0.67 -1.5,-1.5 0,-0.83 0.67,-1.5 1.5,-1.5 0.83,0 1.5,0.67 1.5,1.5
z
m 2.28,-0.05 -0.01,-9.93
c 0,0 -14.08,0.3 -21.09,0.84 -7.46,0.57 -22.31,2.54 -22.31,2.54 1.64,4.83 3.13,8.7 4.22,11.41 0.79,1.97 1.88,4.6 3.22,8.41 0.35,1 0.9,2.93 2.01,6.81 0.61,2.14 0.87,3.09 0.8,4.4 -0.11,2.37 -1.17,4.09 -1.61,4.8 0,0 -1.52,2.49 -10.85,19.62 -1.94,3.55 -3.03,6.11 -5.22,11.21 -4.19,9.76 -6.01,16.12 -6.43,17.61 -0.75,2.66 -1.27,4.89 -1.61,6.41 0,0 29.61,17.02 45.46,23.2 4.45,1.73 13.8,3.84 13.8,3.84
m -0.31,-109.35 0.01,2.7
m 0,1.76 0.02,6.52
m 0,1.81 0,2.72
m 0,1.75 0.02,6.5
m 0,1.82 0,2.69
m 0,1.79 0.02,6.17
m 0,1.76 0.01,2.63
m 0,1.84 0.01,6.57
m 0,1.81 0.01,2.62
m 0,1.79 0.02,6.6
m 0,1.78 0,2.59
m 0,1.78 0.02,6.78
m 0,1.77 0.01,2.26
m 0,1.86 0.01,5.25
v 1.5
m 0.01,1.8 0,2.6
m 0.02,9.24 0.02,8.25
M 196.39,19.65
c 0.17,0.62 0.61,2.15 0.88,3.21 1.65,6.54 2.24,11.58 2.36,12.64 0.57,5.06 0.46,9.01 0.4,11.2 -0.8,26.65 -1.6,36.4 -1.6,36.4 -0.79,9.56 -1.83,25.47 -2.8,43.2
M 192.33,19.93
c 0.23,0.78 0.73,2.32 1.09,3.76 1.54,6.19 1.96,11 2.2,13.8 0.79,9.19 -0.19,14.09 -0.4,28
l -4,58.8
m -8.95,-103.45 1.85,5.83
c 0.3,1.17 0.69,2.83 1.1,4.82 1.11,5.39 2.01,9.76 2,15.2 -0.01,4.07 -0.52,7.32 -1.2,11.6 -0.09,0.55 -0.39,2.44 -1.2,6.4 -1.24,6.05 -2.32,10.42 -2.8,12.4 -2.24,9.28 -3.44,17.1 -4,20.8 -0.64,4.2 -1.44,12.09 -2.02,19.21
m 2.3,-95.84
c 0.33,0.98 2.08,6.18 2.52,7.83 0.4,1.53 1.64,6.46 2,13.2 0.16,2.98 0.35,6.93 -0.4,12 -0.28,1.93 -0.72,3.82 -1.6,7.6 -1.1,4.75 -1.98,7.97 -2.4,9.6 -0.79,3.03 -1.59,7.62 -3.2,16.8 -2.1,12.01 -2.8,17.35 -3.2,20.8 -0.18,1.49 -0.34,4.77 -0.44,5.64
m -4.5,-91.86
c 0,0 14.04,-2.07 21.1,-2.71 6.93,-0.62 20.84,-1.08 20.84,-1.08
m -57.81,84.38
c 0,0 29.26,17.18 45.02,23.27 4.1,1.58 12.74,3.38 12.74,3.38
m 14.3,-103.93 -0.01,3.06
m -0,1.74 -0.01,6.2
m -0,1.8 -0.01,3.04
m -0,1.74 -0.02,6.23
m -0,1.79 -0.01,3.02
m -0,1.74 -0.01,5.85
m -0,1.72 -0.01,3.08
m -0,1.74 -0.01,6.27
m -0,1.8 -0.01,2.98
m -0,1.74 -0.02,6.4
m -0,1.68 -0,2.96
m -0,1.74 -0.02,5.95
v 0.23
m -0,1.79 -0.01,3.21
m -0,1.74 -0.02,6.2
m -0,1.79 -0,2.93
m -0,1.74 -0,1.3
m -0.01,5.78 -0.02,8.7
M 235.83,19.79
c -0.17,0.62 -0.57,2.01 -0.84,3.06 -1.65,6.54 -2.24,11.58 -2.36,12.64 -0.57,5.06 -0.46,9.01 -0.4,11.2 0.8,26.65 1.6,36.4 1.6,36.4 0.79,9.56 1.83,25.47 2.8,43.2
M 239.87,19.97
c -0.23,0.78 -0.69,2.28 -1.05,3.73 -1.54,6.19 -1.96,11 -2.2,13.8 -0.79,9.19 0.19,14.09 0.4,28
l 4,58.8
M 249.88,20.72
c -0.63,1.34 -2.58,8.86 -2.85,10.78 -1.11,5.39 -2.01,9.76 -2,15.2 0.01,4.07 0.52,7.32 1.2,11.6 0.09,0.55 0.39,2.44 1.2,6.4 1.24,6.05 2.32,10.42 2.8,12.4 2.24,9.28 3.44,17.1 4,20.8 0.64,4.2 1.42,11.28 2,18.4
m -2.25,-94.93 -1.35,3.73
c -0.33,0.98 -0.76,2.35 -1.2,4 -0.4,1.53 -1.64,6.46 -2,13.2 -0.16,2.98 -0.35,6.93 0.4,12 0.28,1.93 0.72,3.82 1.6,7.6 1.1,4.75 1.98,7.97 2.4,9.6 0.79,3.03 1.59,7.62 3.2,16.8 2.1,12.01 2.8,17.35 3.2,20.8 0.18,1.49 0.31,4.33 0.4,5.2
m 4.54,-91.41 -15.31,-2.18
c 0,0 -3.35,-0.35 -5.03,-0.47 -7.2,-0.53 -21.63,-1.16 -21.63,-1.16
m 57.83,84.4
c 0,0 -29.35,17.22 -45.14,23.37 -4.18,1.63 -13,3.53 -13,3.53
m 0.13,5.38
c 0,0 9.46,-2.16 13.96,-3.91 15.76,-6.16 45.24,-23.05 45.24,-23.05 -0.33,-1.52 -0.86,-3.74 -1.61,-6.41 -0.42,-1.49 -2.25,-7.85 -6.45,-17.61 -2.2,-5.1 -3.3,-7.66 -5.24,-11.21 -9.37,-17.12 -10.89,-19.62 -10.89,-19.62 -0.44,-0.72 -1.5,-2.44 -1.61,-4.8 -0.06,-1.31 0.19,-2.26 0.81,-4.4 1.11,-3.88 1.67,-5.81 2.02,-6.81 1.34,-3.81 2.43,-6.44 3.23,-8.41 1.1,-2.71 2.59,-6.58 4.24,-11.41 0,0 -14.4,-1.93 -21.65,-2.5 -7.31,-0.58 -21.99,-0.93 -21.99,-0.93
l 0.22,9.72"
/>
<path
key="stitches"
{...dashed(stroke)}
{...thin(stroke)}
d="m 195.73,19.78
c 0.17,0.62 0.42,1.43 0.69,2.48 1.65,6.54 2.24,11.58 2.36,12.64 0.57,5.06 0.46,9.01 0.4,11.2 -0.8,26.65 -1.6,36.4 -1.6,36.4 -0.79,9.56 -1.83,25.47 -2.8,43.2
M 193.27,19.95
c 0.23,0.78 0.45,1.75 0.81,3.2 1.54,6.19 1.96,11 2.2,13.8 0.79,9.19 -0.19,14.09 -0.4,28
l -4,59.6
m -10.4,-103.64 1.9,5.82
c 0.3,1.18 0.69,2.85 1.1,4.86 1.11,5.42 2.01,9.83 2,15.3 -0.01,4.1 -0.52,7.37 -1.2,11.68 -0.09,0.55 -0.39,2.46 -1.2,6.44 -1.24,6.09 -2.32,10.5 -2.8,12.48 -2.24,9.34 -3.44,17.22 -4,20.94 -0.64,4.24 -1.41,11.04 -1.98,18.21
m 3.87,-95.35 1.24,3.57
c 0.33,0.98 0.76,2.35 1.2,4 0.4,1.53 1.64,6.46 2,13.2 0.16,2.98 0.35,6.93 -0.4,12 -0.28,1.93 -0.72,3.82 -1.6,7.6 -1.1,4.75 -1.98,7.97 -2.4,9.6 -0.79,3.03 -1.59,7.62 -3.2,16.8 -2.1,12.01 -2.8,17.35 -3.2,20.8 -0.18,1.49 -0.34,5.25 -0.44,6.12
m 35.57,-95.55 0.04,4.76
m -41.15,-2.28
c 0,0 14.17,-2.02 21.3,-2.62 6.9,-0.59 20.75,-0.98 20.75,-0.98
m -57.7,86.3
c 18.05,10.09 37.41,20.52 44.63,22.94 4.36,1.46 7.65,2.44 13.36,3.65
M 236.55,19.91
c -0.18,0.62 -0.45,1.36 -0.73,2.41 -1.7,6.54 -2.32,11.57 -2.44,12.64 -0.59,5.06 -0.48,9 -0.41,11.19 0.82,26.63 1.65,36.38 1.65,36.38 0.81,9.55 1.89,25.46 2.89,43.18
m 1.51,-105.77
c -0.23,0.78 -0.58,1.76 -0.94,3.2 -1.54,6.19 -1.96,11 -2.2,13.8 -0.79,9.19 0.19,14.09 0.4,28
l 4,59.6
m -16.29,-16.78 -0.01,5.6
m -0,1.79 -0.01,3.52
m -0,1.74 -0.02,3.06
m -0.02,2.81 -0.02,3.74
m 57.08,-25.4
c -14.66,7.75 -28.9,16.22 -44.23,22.76 -5.19,2.04 -9.13,2.57 -13.69,3.84
m -15.1,-105.24 0,2.27
v 0.42
l 0,0.71
m 0,1.79 0.01,5.84
m 0,1.79 0.01,3.38
m 0,1.79 0.01,5.86
m 0.01,1.79 0,3.36
m 0.01,1.78 0.01,5.48
m 0,1.79 0.01,3.33
m 0,1.79 0.01,5.89
m 0,1.79 0.01,3.32
m 0,1.79 0.02,5.91
m 0,1.79 0.01,3.3
m 0,1.79 0.01,6.06
m 0,1.79 0.01,3.02
m 0,1.79 0.01,4.64
v 1.36
m 0,1.86 0,0.37 0,2.56
v 0.33
m 15.86,-36.48 -0.01,5.74
m -0,1.74 -0.01,3.56
m -0,1.63 -0.01,5.69
m -0,1.79 -0.01,3.8
m 0.22,-86.58 -0.04,4.64
m -0,1.72 -0.01,3.74
m -0,1.74 -0.01,5.61
m -0,1.8 -0.01,3.64
m -0,1.74 -0.01,5.64
m -0,1.79 -0.01,3.62
m -0,1.74 -0.01,5.26
m -0,1.79 -0.01,3.6
m -0,1.74 -0.01,5.67
m -0,1.8 -0.01,3.58
m 26.65,-59.36 -1.93,5.78
c -0.3,1.18 -0.69,2.85 -1.1,4.86 -1.11,5.42 -2.01,9.83 -2,15.3 0.01,4.1 0.52,7.37 1.2,11.68 0.09,0.55 0.39,2.46 1.2,6.44 1.24,6.09 2.32,10.5 2.8,12.48 2.24,9.34 3.44,17.22 4,20.94 0.64,4.24 1.42,10.15 2,17.33
m -3.81,-94.53 -1.31,3.64
c -0.33,0.98 -0.76,2.35 -1.2,4 -0.4,1.53 -1.64,6.46 -2,13.2 -0.16,2.98 -0.35,6.93 0.4,12 0.28,1.93 0.72,3.82 1.6,7.6 1.1,4.75 1.98,7.97 2.4,9.6 0.79,3.03 1.59,7.62 3.2,16.8 2.1,12.01 2.8,17.35 3.2,20.8 0.18,1.49 0.31,4.73 0.4,5.6
m 5.59,-92.54
c 0,0 -13.11,-1.9 -19.71,-2.47 -7.38,-0.64 -22.2,-1.08 -22.2,-1.08
m -15.17,107.92 -0.1,3.47"
/>
</>
)

285
packages/react-components/src/linedrawings/charlie.mjs Normal file
View file

@ -0,0 +1,285 @@
import React from 'react'
import { LineDrawingWrapper, thin, dashed } from './shared.mjs'
const strokeScale = 0.5
export const Charlie = ({
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 214 265" {...{ className, stroke }}>
<Front stroke={stroke} />
<Back stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* React component for the front
*/
export const CharlieFront = ({
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 107 265" {...{ className, stroke }}>
<Front stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* React component for the back
*/
export const CharlieBack = ({
className = 'w-64', // CSS classes to apply
stroke = 1, // Stroke width to use
}) => {
// Normalize stroke across designs
stroke = stroke * strokeScale
return (
<LineDrawingWrapper viewBox="107 0 107 265" {...{ className, stroke }}>
<Back stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* SVG elements for the front
*/
export const Front = ({ stroke }) => (
<>
<path
key="stitches"
{...dashed(stroke)}
{...thin(stroke)}
d="m 68.74,5.92
c -7.78,0.73 -16.99,0.86 -22.67,0.73
h -1.16
c -5.37,0.12 -13.85,0.02 -21.33,-0.61 -0.46,-0.04 -0.91,-0.08 -1.35,-0.12
m 46.98,5.72
c -3.09,0.35 -6.98,0.7 -11.12,0.85 -2.58,0.1 -6.46,0.13 -11.46,0.08
h -2.27
c -5,0.06 -8.88,0.02 -11.46,-0.08 -4.16,-0.16 -8.07,-0.51 -11.17,-0.86
M 84.05,254.01
c -1.29,0.28 -2.61,0.54 -3.95,0.77 -11.57,2 -16.86,1.33 -26.19,-0.21
M 7,254.11
c 1.29,0.28 2.97,0.62 4.31,0.85 11.57,2 16.87,1.2 26.2,-0.34
M 51.13,13.23
c 0,0 0.36,33.16 0,34.48 -0.65,2.35 -2.77,4.11 -5.42,4.59
M 80.12,4.33
c -1.55,0.33 -3.34,0.5 -4.96,0.77 -1.27,0.22 -2.65,0.41 -4.11,0.58
m -51.1,0.01
C 18.49,5.52 17.1,5.33 15.83,5.11 14.2,4.83 12.42,4.66 10.87,4.34
m 70.15,5.41
c -1.61,0.34 -3.25,0.66 -4.93,0.96 0,0 -1.69,0.29 -4.43,0.65
m -52.27,0
C 16.61,10.99 14.9,10.7 14.9,10.7 13.22,10.41 11.58,10.09 9.97,9.74"
/>
<path
key="folds"
opacity={0.3}
d="m 37.2,67.73
c 0.78,-0.32 1.57,-0.63 2.33,-1 0.77,-0.34 1.52,-0.72 2.26,-1.12 1.47,-0.8 2.91,-1.68 4.26,-2.67 1.36,-0.98 2.65,-2.05 3.89,-3.19 1.23,-1.14 2.39,-2.37 3.52,-3.63 -0.48,0.7 -1,1.37 -1.54,2.02 -0.55,0.65 -1.12,1.27 -1.71,1.88 -1.19,1.21 -2.49,2.32 -3.86,3.32 -1.38,1 -2.85,1.87 -4.38,2.6 -1.53,0.74 -3.12,1.35 -4.76,1.77
z"
/>
<path
key="outline"
d="m 40.72,9.49
v -0.51
l 2.88,0.25
z
m 4.8,3.99
V 64.61
M 43.39,3.56
h 4.26 22.32 10.18
c 0.34,2.64 0.87,6.68 1.55,11.61 2.2,16 3.13,20.55 3.87,27.08 1.38,12.23 0.93,11.02 0.77,16.97 -0.3,11.47 -0.29,33.26 -0.06,76.88 0.17,31.6 -2.58,78.5 -2.2,122.74 -2.18,0.6 -4.51,1.13 -6.96,1.55 -11.46,1.97 -15.55,0.92 -23.33,-0.77
L 48.79,136.14 45.72,63.89
H 45.33
L 42.26,135.7 37.26,259.6
c -7.78,1.69 -11.88,2.74 -23.33,0.77 -2.46,-0.42 -4.78,-0.95 -6.96,-1.55
C 7.34,214.22 4.6,167.04 4.77,135.29 5,92.1 5.01,70.6 4.71,59.21 4.55,53.26 4.1,54.46 5.48,42.24 6.22,35.71 7.14,31.17 9.35,15.16 10.03,10.24 10.56,6.2 10.9,3.56
h 32.49
m 25.26,1.77 0.8,8.34 2.47,-0.37 -0.91,-8.32
m 9.13,-1.42
c -1.55,0.33 -3.34,0.5 -4.96,0.77 -8.43,1.45 -21.71,1.71 -29.08,1.55
h -1.16
c -7.37,0.17 -20.65,-0.1 -29.08,-1.55 -1.62,-0.28 -3.41,-0.44 -4.96,-0.77
m 70.15,6.82
c -1.61,0.34 -3.25,0.66 -4.93,0.96 0,0 -1.65,0.28 -4.34,0.63
m -2.46,0.3
c -3.1,0.35 -7.02,0.71 -11.2,0.86 -2.58,0.1 -6.46,0.13 -11.46,0.08
h -2.27
c -5,0.06 -8.88,0.02 -11.46,-0.08 -4.18,-0.16 -8.1,-0.51 -11.21,-0.86
M 19.12,11.95
C 16.52,11.61 14.93,11.33 14.93,11.33 13.25,11.04 11.61,10.72 10,10.37
M 75.89,11.68 86.36,52.26
M 40.54,9.36
a 1.67,1.67 0 0 1 -1.67,1.67 1.67,1.67 0 0 1 -1.67,-1.67 1.67,1.67 0 0 1 1.67,-1.67 1.67,1.67 0 0 1 1.67,1.67
z
M 34.97,6.11
V 13.18
M 20.03,4.98 19.12,13.3 21.6,13.67 22.39,5.33
M 15.15,11.68 4.68,52.26"
/>
</>
)
/*
* SVG elements for the back
*/
const Back = ({ stroke }) => (
<>
<path
key="outline"
d="m 147.72,32.96
a 1.55,1.55 0 0 1 -1.55,1.55 1.55,1.55 0 0 1 -1.55,-1.55 1.55,1.55 0 0 1 1.55,-1.55 1.55,1.55 0 0 1 1.55,1.55
z
m 8.4,-1.89 -19.2,-1.32 0.2,-2.96 19.2,1.32
z
m 37.38,1.89
a 1.55,1.55 0 0 1 -1.55,1.55 1.55,1.55 0 0 1 -1.55,-1.55 1.55,1.55 0 0 1 1.55,-1.55 1.55,1.55 0 0 1 1.55,1.55
z
m -11.7,-4.86 19.2,-1.32 0.2,2.96 -19.2,1.32
z
m -2.63,-22.06 0.37,8.13
h 2.33
l -0.38,-8.13
m -25.16,0 -0.37,8.13
h 2.32
l 0.37,-8.13
m 9.89,7.17
V 64.61
M 170.67,3.56
h -4.26 -22.32 -10.18
c -0.34,2.64 -0.87,6.68 -1.55,11.61 -2.2,16 -3.13,20.55 -3.87,27.08 -1.38,12.23 -0.93,11.02 -0.77,16.97 0.28,10.66 0.29,37.22 0.1,75.94 -0.16,33.12 2.57,75.14 2.16,123.69 2.18,0.6 4.51,1.13 6.96,1.55 11.46,1.97 15.55,0.92 23.33,-0.77
l 5.22,-124.48 2.84,-71.24
h 0.39
l 2.84,71.28 5.22,124.44
c 7.78,1.69 11.88,2.74 23.33,0.77 2.46,-0.42 4.78,-0.95 6.96,-1.55 -0.41,-48.34 2.32,-90.21 2.16,-123.27 -0.19,-38.94 -0.18,-65.66 0.1,-76.36 0.16,-5.95 0.6,-4.74 -0.77,-16.97 -0.74,-6.53 -1.66,-11.07 -3.87,-27.08 -0.68,-4.92 -1.21,-8.96 -1.55,-11.61
h -10.18 -22.32
m -27.61,1.42 -0.91,7.91 2.47,0.35 0.8,-7.93
m -11.49,-1.75
c 1.55,0.33 3.34,0.5 4.96,0.77 8.43,1.45 21.71,1.71 29.08,1.55
h 1.16
c 7.37,0.17 20.65,-0.1 29.08,-1.55 1.62,-0.28 3.41,-0.44 4.96,-0.77
m -70.15,6.82
c 1.61,0.34 3.25,0.66 4.93,0.96 0,0 1.59,0.27 4.19,0.61
m 2.57,0.32
c 3.11,0.35 7.04,0.71 11.24,0.87
m 2.37,0.06
c 2.39,0.05 5.44,0.06 9.09,0.02
h 2.27
c 4.04,0.05 7.34,0.03 9.83,-0.03
m 2.36,-0.08
c 3.92,-0.17 7.57,-0.51 10.51,-0.84
m 2.46,-0.3
c 0.87,-0.11 1.63,-0.22 2.26,-0.31 1.3,-0.19 2.04,-0.32 2.04,-0.32 1.68,-0.29 3.32,-0.61 4.93,-0.96
m -12.39,-5.07 0.8,7.93 2.47,-0.35 -0.91,-7.91"
/>
<path
key="folds"
opacity={0.3}
d="m 167.16,59.13
c -2.41,1.23 -4.94,2.24 -7.53,3.01 -2.59,0.79 -5.26,1.35 -7.95,1.7 -2.7,0.32 -5.41,0.47 -8.12,0.38 -1.36,-0.06 -2.71,-0.15 -4.05,-0.29 -1.35,-0.17 -2.69,-0.35 -4.01,-0.61 2.69,0.31 5.38,0.5 8.07,0.51 2.69,0.01 5.39,-0.14 8.05,-0.49 2.67,-0.31 5.31,-0.87 7.91,-1.57 1.3,-0.35 2.59,-0.74 3.86,-1.19 1.28,-0.43 2.53,-0.93 3.78,-1.45
z
m 3.73,0
c 1.25,0.52 2.5,1.02 3.78,1.45 1.27,0.45 2.56,0.84 3.86,1.19 2.6,0.7 5.23,1.26 7.91,1.57 2.66,0.35 5.36,0.5 8.05,0.49 2.7,-0.02 5.39,-0.2 8.07,-0.51 -1.32,0.26 -2.66,0.45 -4.01,0.61 -1.35,0.14 -2.7,0.23 -4.05,0.29 -2.71,0.09 -5.43,-0.06 -8.12,-0.38 -2.69,-0.35 -5.36,-0.92 -7.95,-1.7 -2.6,-0.77 -5.12,-1.79 -7.53,-3.01
z
m 18.3,-46.25 0.51,-0.06 1.49,16.28
z
m -41.4,-0.06 0.5,0.06 -1.99,16.22
z"
/>
<path
key="stitches"
{...dashed(stroke)}
{...thin(stroke)}
d="m 158.62,6.64
c 3.53,0.08 6.81,0.07 9.37,0.02
h 1.16
c 2.72,0.06 6.25,0.07 10.04,-0.03
m -20.82,5.94
c 2.38,0.05 5.43,0.06 9.07,0.02
h 2.27
c 3.99,0.05 7.27,0.03 9.74,-0.03
M 130.02,253.98
c 1.29,0.28 2.61,0.54 3.95,0.77 11.57,2 16.87,1.29 26.2,-0.25
m 46.9,-0.52
c -1.29,0.28 -2.61,0.54 -3.95,0.77 -11.57,2 -16.88,1.17 -26.21,-0.36
M 133.95,4.33
c 1.55,0.33 3.34,0.5 4.96,0.77 1.26,0.22 2.62,0.4 4.06,0.57
m 2.46,0.26
c 3.49,0.32 7.27,0.53 10.88,0.64
m 25.21,-0.02
c 3.48,-0.12 7.08,-0.32 10.42,-0.64
m 2.26,-0.24
c 1.43,-0.17 2.79,-0.35 4.04,-0.57 1.62,-0.28 3.41,-0.44 4.96,-0.77
m -70.14,5.42
c 1.61,0.34 3.25,0.66 4.93,0.96 0,0 1.01,0.17 2.72,0.41 0.5,0.07 1.06,0.15 1.67,0.23
m 2.45,0.29
c 3.1,0.35 7,0.7 11.16,0.86
m 25.78,-0.03
c 3.9,-0.17 7.55,-0.5 10.49,-0.83
m 2.45,-0.3
c 2.76,-0.35 4.45,-0.65 4.45,-0.65 1.68,-0.29 3.32,-0.61 4.93,-0.96"
/>
</>
)

476
packages/react-components/src/linedrawings/cornelius.mjs Normal file
View file

@ -0,0 +1,476 @@
import React from 'react'
import { LineDrawingWrapper, thin, dashed } from './shared.mjs'
const strokeScale = 0.5
export const Cornelius = ({
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 320 218" {...{ className, stroke }}>
<Front stroke={stroke} />
<Back stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* React component for the front
*/
export const CorneliusFront = ({
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 160 218" {...{ className, stroke }}>
<Front stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* React component for the back
*/
export const CorneliusBack = ({
className = 'w-64', // CSS classes to apply
stroke = 1, // Stroke width to use
}) => {
// Normalize stroke across designs
stroke = stroke * strokeScale
return (
<LineDrawingWrapper viewBox="160 0 160 218" {...{ className, stroke }}>
<Back stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* SVG elements for the front
*/
export const Front = ({ stroke }) => (
<>
<path
key="stitches"
{...dashed(stroke)}
{...thin(stroke)}
d="M 124.08,41.14
C 112.73,36.78 108.77,35.11 101.84,30.75 97.93,28.29 95.16,26.59 91.11,21.94
M 28.11,41.31
c 11.35,-4.35 15.31,-6.03 22.23,-10.38 3.92,-2.47 6.68,-4.16 10.74,-8.81
m 22.65,0.09
c 0,0 0.5,39.87 0,41.45 -0.89,2.83 -3.74,4.94 -7.32,5.52"
/>
<path
key="folds"
opacity={0.3}
d="m 126.02,106.21
c 0.78,3.89 1.46,7.81 2,11.75 0.53,3.94 0.93,7.89 1.21,11.86 0.49,7.93 0.81,15.89 0.44,23.84 -0.41,7.94 -1.58,15.86 -3.55,23.56 -0.97,3.85 -2.16,7.66 -3.53,11.39 -1.39,3.72 -2.96,7.38 -4.71,10.95 1.7,-3.59 3.21,-7.27 4.54,-11.01 1.34,-3.73 2.51,-7.53 3.46,-11.39 1.93,-7.7 3.05,-15.59 3.42,-23.52 0.42,-7.92 0.14,-15.88 -0.31,-23.81 -0.26,-3.96 -0.64,-7.91 -1.15,-11.85 -0.48,-3.94 -1.1,-7.87 -1.82,-11.77
z
m -34.81,90.44 -1.48,-8.16
c -0.22,-1.36 -0.37,-2.74 -0.56,-4.11
l -0.53,-4.11 0.17,0.05
c -0.94,1.34 -1.41,2.97 -1.53,4.61 -0.15,1.64 -0.03,3.29 0.25,4.91 0.28,1.62 0.68,3.23 1.2,4.8 0.51,1.57 1.11,3.11 1.78,4.63
l -0.03,0.01
c -0.74,-1.48 -1.38,-3.01 -1.92,-4.59 -0.54,-1.57 -1.01,-3.17 -1.28,-4.81 -0.28,-1.64 -0.41,-3.31 -0.24,-4.98 0.15,-1.66 0.64,-3.32 1.62,-4.69
l 0.14,-0.2 0.03,0.24 0.5,4.11
c 0.18,1.37 0.31,2.74 0.52,4.11
l 1.39,8.17
h -0.03
z
m 10.5,1.35
c -0.75,-3.01 -1.31,-6.07 -1.7,-9.15 -0.39,-3.08 -0.61,-6.18 -0.57,-9.29 0.05,-3.1 0.35,-6.22 1.1,-9.24 0.75,-3.01 1.99,-5.95 3.98,-8.37
l -0.02,0.09 -0.03,-0.14 -0.02,-0.07
v -0.02
c 0,0 0,-0 0,-0 -0.12,0.09 0.31,0 0.2,-0.04
v 0.03
c 0,0 0.06,0.28 0.06,0.28
l 0.11,0.56 0.22,1.11 0.45,2.22
c 0.15,0.74 0.31,1.48 0.5,2.2
l 0.55,2.19
c 0.75,2.93 1.36,5.89 1.87,8.87 0.25,1.49 0.45,3 0.5,4.51 0.05,1.51 0,3.03 -0.14,4.54 -0.27,3.01 -0.89,5.99 -1.73,8.89
h -0.03
c 0.77,-2.92 1.35,-5.9 1.59,-8.9 0.13,-1.5 0.15,-3.01 0.09,-4.52 -0.07,-1.51 -0.28,-2.99 -0.54,-4.48 -0.52,-2.97 -1.12,-5.93 -1.87,-8.85
L 105.75,168.22
c -0.19,-0.73 -0.35,-1.47 -0.49,-2.21
l -0.44,-2.22 -0.22,-1.11 -0.11,-0.56 -0.05,-0.28
v -0.03
c -0.12,-0.05 0.31,-0.14 0.2,-0.05
v 0.01
c 0,0 0,0.02 0,0.02
l 0.02,0.07 0.03,0.14 0.01,0.05 -0.03,0.03
c -1.98,2.38 -3.22,5.29 -3.98,8.28 -0.76,3 -1.07,6.1 -1.13,9.2 -0.06,3.1 0.14,6.2 0.52,9.28 0.38,3.08 0.92,6.14 1.65,9.15
h -0.03
z
m 20.3,-35.69
c 0.45,0.67 0.79,1.4 1.05,2.16 0.24,0.77 0.42,1.55 0.51,2.35 0.19,1.6 0.1,3.21 -0.12,4.8 -0.46,3.18 -1.44,6.25 -2.51,9.27 -1.1,3.01 -2.24,6 -3.54,8.94 -1.34,2.91 -2.79,5.77 -4.47,8.51
l -0.02,-0.02
c 1.54,-2.8 2.99,-5.66 4.26,-8.6 0.65,-1.46 1.27,-2.94 1.85,-4.43 0.59,-1.49 1.19,-2.97 1.74,-4.48 1.1,-3 2.1,-6.06 2.58,-9.22 0.24,-1.58 0.34,-3.18 0.17,-4.77 -0.09,-0.8 -0.26,-1.58 -0.48,-2.34 -0.25,-0.76 -0.59,-1.49 -1.02,-2.16
l 0.02,-0.02
z
m -2.01,-2.88
c -0.82,-0.03 -1.63,0.28 -2.24,0.81 -0.63,0.52 -1.11,1.2 -1.5,1.91 -0.78,1.44 -1.26,3.01 -1.65,4.6 -0.77,3.18 -1.18,6.43 -1.54,9.69 -0.34,3.25 -0.68,6.51 -0.87,9.78 -0.23,3.26 -0.32,6.54 -0.36,9.81
h -0.03
c -0.11,-3.27 -0.02,-6.55 0.14,-9.83 0.1,-1.64 0.23,-3.27 0.38,-4.9 0.17,-1.63 0.35,-3.25 0.54,-4.89 0.39,-3.25 0.82,-6.51 1.62,-9.69 0.41,-1.58 0.91,-3.16 1.71,-4.61 0.4,-0.72 0.89,-1.4 1.53,-1.92 0.63,-0.53 1.45,-0.84 2.28,-0.8
v 0.03
z
m -27.36,18.68
c -0.16,3.38 0.09,6.78 0.75,10.1 0.66,3.31 1.74,6.55 3.34,9.53
l -0.2,0.05 -0.28,-4.8
c -0.05,-1.6 -0.25,-3.19 -0.42,-4.79 -0.34,-3.19 -0.86,-6.35 -1.47,-9.5
h 0.03
c 0.75,3.12 1.28,6.29 1.69,9.48 0.09,0.8 0.18,1.6 0.26,2.4
l 0.11,1.2 0.07,1.2 0.23,4.81 0.02,0.46 -0.22,-0.41
c -1.58,-3.01 -2.65,-6.27 -3.28,-9.6 -0.63,-3.33 -0.84,-6.74 -0.65,-10.12
z
M 26.15,106.21
c -0.72,3.91 -1.34,7.83 -1.82,11.77 -0.51,3.94 -0.89,7.89 -1.15,11.85 -0.44,7.92 -0.72,15.88 -0.31,23.81 0.37,7.92 1.49,15.82 3.42,23.52 0.95,3.85 2.12,7.65 3.46,11.39 1.33,3.74 2.84,7.42 4.54,11.01 -1.75,-3.56 -3.32,-7.22 -4.71,-10.95 -1.37,-3.73 -2.55,-7.53 -3.53,-11.39 -1.98,-7.7 -3.15,-15.62 -3.55,-23.56 -0.37,-7.95 -0.05,-15.91 0.44,-23.84 0.28,-3.96 0.68,-7.92 1.21,-11.86 0.55,-3.94 1.22,-7.85 2,-11.75
z
m 34.79,90.44 1.39,-8.17
c 0.21,-1.37 0.35,-2.74 0.52,-4.11
l 0.5,-4.11 0.03,-0.24 0.14,0.2
c 0.98,1.37 1.47,3.03 1.62,4.69 0.18,1.66 0.03,3.34 -0.24,4.98 -0.28,1.64 -0.74,3.24 -1.28,4.81 -0.54,1.57 -1.18,3.1 -1.92,4.59
l -0.03,-0.01
c 0.67,-1.51 1.27,-3.06 1.78,-4.63 0.51,-1.57 0.92,-3.17 1.2,-4.8 0.28,-1.62 0.4,-3.28 0.25,-4.91 -0.13,-1.63 -0.59,-3.26 -1.53,-4.61
l 0.17,-0.05 -0.53,4.11
c -0.19,1.37 -0.33,2.74 -0.56,4.11
l -1.48,8.16
h -0.03
z
m -10.5,1.34
c 0.74,-3.01 1.28,-6.07 1.65,-9.15 0.38,-3.08 0.57,-6.18 0.52,-9.28 -0.06,-3.09 -0.37,-6.2 -1.13,-9.2 -0.76,-2.99 -2.01,-5.91 -3.98,-8.28
l -0.03,-0.03 0.01,-0.04 0.03,-0.14 0.02,-0.07
v -0.02
c 0,0 0,-0.01 0,-0.01 -0.11,-0.1 0.31,0 0.2,0.04
v 0.03
c 0,0 -0.06,0.28 -0.06,0.28
l -0.11,0.56 -0.22,1.11 -0.44,2.22
c -0.14,0.74 -0.3,1.48 -0.49,2.21
l -0.55,2.2
c -0.75,2.92 -1.35,5.88 -1.87,8.85 -0.27,1.49 -0.48,2.97 -0.54,4.48 -0.07,1.5 -0.03,3.01 0.09,4.52 0.25,3 0.82,5.98 1.59,8.9
H 45.12
c -0.84,-2.89 -1.46,-5.87 -1.73,-8.88 -0.14,-1.51 -0.19,-3.02 -0.14,-4.54 0.05,-1.52 0.25,-3.02 0.5,-4.51 0.51,-2.98 1.12,-5.94 1.87,-8.87
l 0.55,-2.19
c 0.2,-0.73 0.36,-1.46 0.5,-2.2
l 0.45,-2.22 0.22,-1.11 0.11,-0.56 0.05,-0.28
v -0.03
c -0.1,0.04 0.32,0.13 0.21,0.04
v 0
c 0,0 0,0.03 0,0.03
l -0.02,0.07 -0.03,0.14 -0.02,-0.09
c 1.99,2.42 3.23,5.36 3.98,8.37 0.75,3.02 1.05,6.14 1.1,9.24 0.04,3.1 -0.18,6.21 -0.57,9.29 -0.39,3.08 -0.95,6.14 -1.7,9.15
h -0.03
z
M 30.19,162.32
c -0.44,0.67 -0.78,1.4 -1.02,2.16 -0.23,0.77 -0.4,1.55 -0.48,2.34 -0.17,1.59 -0.07,3.19 0.17,4.77 0.48,3.16 1.48,6.22 2.58,9.22 0.55,1.5 1.15,2.99 1.74,4.48 0.58,1.49 1.2,2.97 1.85,4.43 1.27,2.94 2.72,5.79 4.26,8.6
l -0.02,0.02
c -1.67,-2.73 -3.12,-5.6 -4.47,-8.51 -1.31,-2.93 -2.45,-5.92 -3.54,-8.94 -1.08,-3.01 -2.06,-6.09 -2.51,-9.27 -0.22,-1.59 -0.31,-3.2 -0.12,-4.8 0.09,-0.8 0.27,-1.58 0.51,-2.35 0.26,-0.76 0.6,-1.49 1.05,-2.16
l 0.02,0.02
z
m 1.98,-2.92
c 0.83,-0.04 1.65,0.27 2.28,0.8 0.64,0.52 1.13,1.2 1.53,1.92 0.8,1.44 1.3,3.02 1.71,4.61 0.8,3.18 1.23,6.44 1.62,9.69 0.19,1.63 0.37,3.25 0.54,4.89 0.16,1.63 0.29,3.26 0.38,4.9 0.16,3.27 0.24,6.55 0.14,9.83
h -0.03
c -0.05,-3.27 -0.13,-6.55 -0.36,-9.81 -0.19,-3.26 -0.53,-6.52 -0.87,-9.78 -0.37,-3.25 -0.77,-6.51 -1.54,-9.69 -0.4,-1.58 -0.87,-3.16 -1.65,-4.6 -0.39,-0.72 -0.87,-1.39 -1.5,-1.91 -0.62,-0.53 -1.43,-0.85 -2.24,-0.81
v -0.03
z
m 27.38,18.71
c 0.19,3.38 -0.02,6.79 -0.65,10.12 -0.63,3.33 -1.7,6.59 -3.28,9.6
l -0.22,0.41 0.02,-0.46 0.23,-4.81 0.07,-1.2 0.11,-1.2
c 0.07,-0.8 0.16,-1.6 0.26,-2.4 0.41,-3.18 0.94,-6.36 1.69,-9.48
h 0.03
c -0.61,3.15 -1.13,6.32 -1.47,9.51 -0.17,1.59 -0.36,3.18 -0.42,4.79
l -0.28,4.8 -0.2,-0.05
c 1.59,-2.98 2.68,-6.21 3.34,-9.53 0.66,-3.31 0.9,-6.71 0.75,-10.1
h 0.03
z
M 18.3,129.59
c -1.78,-3.66 -2.66,-7.68 -3.16,-11.71 -0.46,-4.04 -0.48,-8.11 -0.29,-12.17 0.42,-8.12 1.73,-16.16 3.39,-24.1 1.72,-7.93 3.86,-15.77 6.24,-23.53 1.2,-3.88 2.45,-7.73 3.78,-11.57 1.34,-3.83 2.74,-7.64 4.2,-11.42 -1.41,3.8 -2.75,7.63 -4.03,11.48 -1.3,3.84 -2.54,7.7 -3.71,11.58 -2.35,7.76 -4.44,15.6 -6.12,23.54 -1.7,7.92 -3.05,15.94 -3.51,24.03 -0.22,4.04 -0.21,8.11 0.22,12.14 0.44,4.01 1.25,8.04 2.98,11.73
z
m 116.23,-0.2
c 1.69,-3.7 2.45,-7.75 2.84,-11.77 0.38,-4.04 0.34,-8.1 0.08,-12.15 -0.55,-8.09 -1.99,-16.11 -3.78,-24.02 -1.77,-7.92 -3.95,-15.74 -6.38,-23.49 -1.22,-3.87 -2.5,-7.72 -3.84,-11.55 -1.33,-3.83 -2.71,-7.65 -4.16,-11.45 1.51,3.77 2.95,7.57 4.33,11.38 1.37,3.82 2.67,7.67 3.91,11.54 2.47,7.73 4.7,15.56 6.51,23.48 1.75,7.93 3.16,15.96 3.66,24.08 0.24,4.05 0.26,8.13 -0.15,12.18 -0.46,4.03 -1.28,8.07 -3.03,11.75
z"
/>
<path
key="outline"
d="m 71.86,16.14 2.85,0.25 -2.85,0.25
z
m -0.18,0.37
a 1.65,1.65 0 0 1 -1.65,1.65 1.65,1.65 0 0 1 -1.65,-1.65 1.65,1.65 0 0 1 1.65,-1.65 1.65,1.65 0 0 1 1.65,1.65
z
M 65.89,10.62
v 11.49
m 57.54,16.96
c -6.53,-2.35 -13.92,-5.43 -20.27,-9.29 -3.63,-2.21 -6.25,-3.7 -10.05,-7.83
M 76.08,92.19
V 22.11
M 86.09,199.49
h 37.32
l -1.05,13.1
H 88.65
C 86,173.38 79.02,99.18 78.31,96.45 77.85,94.66 76.98,93.32 76.31,92.44
H 75.85
c -0.68,0.88 -1.54,2.22 -2,4
C 73.13,99.18 66.15,173.38 63.51,212.59
H 29.79
l -1.05,-13.1
h 37.32
M 116.35,18.51
c -0.95,0.27 -2.93,0.67 -4.76,1.1 -1.75,0.41 -9.13,2.06 -22.53,2.5 -3.12,0.1 -7.4,0.17 -12.51,0
h -0.96
c -5.12,0.17 -9.39,0.1 -12.51,0
C 49.69,21.67 42.31,20.01 40.55,19.61 38.73,19.18 36.74,18.78 35.8,18.51
M 115.85,7.34
c -1.01,0.35 -2.47,0.81 -4.26,1.25 -3.92,0.98 -7.15,1.3 -10.01,1.5 -9.73,0.68 -24.31,0.51 -25.03,0.5
H 75.6
C 74.88,10.61 60.3,10.77 50.57,10.1 47.71,9.9 44.47,9.57 40.55,8.59 38.77,8.15 37.31,7.69 36.3,7.34
M 123.36,199.57
c 0.16,-1.16 0.94,-4.92 1.5,-7.01 1.68,-6.23 8.37,-20.24 18.02,-40.55 0.79,-1.66 4.17,-8.75 4.51,-16.02 0.09,-1.94 0,-4 0,-4 -0.21,-4.97 -1.15,-8.62 -1.5,-10.01 -2.08,-8.16 -3.7,-16.43 -6.01,-24.53 -4.02,-14.11 -2.36,-9.27 -7.51,-27.53 -3.89,-13.82 -6.53,-23.13 -10.51,-35.54 -2.24,-6.97 -4.18,-12.68 -5.51,-16.52
L 115.85,7.34
c -0.85,-0.13 -2.05,-0.31 -3.5,-0.5 0,0 -4.41,-0.59 -9.51,-1
C 98.33,5.48 89.43,5.01 77.81,4.84
H 74.34
C 62.72,5.01 53.82,5.48 49.31,5.84 44.21,6.26 39.8,6.84 39.8,6.84 38.35,7.03 37.15,7.21 36.3,7.34
L 35.8,17.86
C 34.47,21.7 32.53,27.41 30.29,34.38 26.31,46.78 23.67,56.1 19.78,69.92 14.63,88.18 16.3,83.34 12.27,97.45 9.96,105.54 8.34,113.82 6.26,121.98
c -0.36,1.39 -1.29,5.04 -1.5,10.01 0,0 -0.09,2.07 0,4 0.33,7.27 3.71,14.36 4.51,16.02 9.65,20.3 16.34,34.32 18.02,40.55 0.56,2.09 1.35,5.85 1.5,7.01
M 28.75,39.24
c 6.53,-2.35 13.92,-5.43 20.27,-9.29 3.63,-2.21 6.25,-3.7 10.05,-7.83"
/>
</>
)
/*
* SVG elements for the back
*/
const Back = ({ stroke }) => (
<>
<path
key="outline"
d="m 284.79,212.64 -6.51,-6.32 6.22,-6.82
m -82.83,13.41 6.51,-6.1 -6.11,-7.35
M 243.27,92.19
V 22.11
M 233.26,199.49
h -37.32
l 1.05,13.1
h 33.71
c 2.65,-39.21 9.63,-113.4 10.34,-116.14 0.46,-1.79 1.33,-3.13 2,-4
h 0.46
c 0.68,0.88 1.54,2.22 2,4 0.71,2.73 7.69,76.93 10.34,116.14
h 33.71
l 1.05,-13.1
H 253.3
M 203,18.51
c 0.95,0.27 2.93,0.67 4.76,1.1 1.75,0.41 9.13,2.06 22.53,2.5 3.12,0.1 7.4,0.17 12.51,0
h 0.96
c 5.12,0.17 9.39,0.1 12.51,0 13.4,-0.44 20.77,-2.1 22.53,-2.5 1.83,-0.43 3.81,-0.83 4.76,-1.1
M 203.5,7.34
c 1.01,0.35 2.47,0.81 4.26,1.25 3.92,0.98 7.15,1.3 10.01,1.5 9.73,0.68 24.31,0.51 25.03,0.5
h 0.96
c 0.72,0.01 15.3,0.18 25.03,-0.5 2.86,-0.2 6.09,-0.53 10.01,-1.5 1.78,-0.45 3.24,-0.91 4.26,-1.25
M 195.99,199.57
c -0.16,-1.16 -0.94,-4.92 -1.5,-7.01 -1.68,-6.23 -8.37,-20.24 -18.02,-40.55 -0.79,-1.66 -4.17,-8.75 -4.51,-16.02 -0.09,-1.94 0,-4 0,-4 0.21,-4.97 1.15,-8.62 1.5,-10.01 2.08,-8.16 3.7,-16.43 6.01,-24.53 4.02,-14.11 2.36,-9.27 7.51,-27.53 3.89,-13.82 6.53,-23.13 10.51,-35.54 2.24,-6.97 4.18,-12.68 5.51,-16.52
l 0.5,-10.51
c 0.85,-0.13 2.05,-0.31 3.5,-0.5 0,0 4.41,-0.59 9.51,-1 4.51,-0.37 13.41,-0.84 25.03,-1
h 3.46
c 11.62,0.17 20.52,0.64 25.03,1 5.1,0.42 9.51,1 9.51,1 1.45,0.19 2.66,0.37 3.5,0.5
l 0.5,10.51
c 1.33,3.84 3.27,9.55 5.51,16.52 3.98,12.41 6.62,21.73 10.51,35.54 5.15,18.27 3.48,13.42 7.51,27.53 2.31,8.09 3.93,16.37 6.01,24.53 0.36,1.39 1.29,5.04 1.5,10.01 0,0 0.09,2.07 0,4 -0.33,7.27 -3.71,14.36 -4.51,16.02 -9.65,20.3 -16.34,34.32 -18.02,40.55 -0.56,2.09 -1.35,5.85 -1.5,7.01
m -1.7,6.82 -2.85,-0.25
v 0.5
z
m -6.33,0.13
a 1.65,1.65 0 0 0 1.65,1.65 1.65,1.65 0 0 0 1.65,-1.65 1.65,1.65 0 0 0 -1.65,-1.65 1.65,1.65 0 0 0 -1.65,1.65
z
m -84.6,-0.13 2.85,0.25
v -0.5
z
m 3.02,0.13
a 1.65,1.65 0 0 0 1.65,1.65 1.65,1.65 0 0 0 1.65,-1.65 1.65,1.65 0 0 0 -1.65,-1.65 1.65,1.65 0 0 0 -1.65,1.65
z"
/>
<path
key="folds"
opacity={0.3}
d="m 292.71,105.8
c 0.78,3.89 1.46,7.81 2,11.75 0.53,3.94 0.93,7.89 1.21,11.86 0.49,7.93 0.81,15.89 0.44,23.84 -0.41,7.94 -1.58,15.86 -3.55,23.56 -0.97,3.85 -2.16,7.66 -3.53,11.39 -1.39,3.72 -2.96,7.38 -4.71,10.95 1.7,-3.59 3.21,-7.27 4.54,-11.01 1.34,-3.73 2.51,-7.53 3.46,-11.39 1.93,-7.7 3.05,-15.59 3.42,-23.52 0.42,-7.92 0.14,-15.88 -0.31,-23.81 -0.26,-3.96 -0.64,-7.91 -1.15,-11.85 -0.49,-3.94 -1.1,-7.87 -1.82,-11.77
z
m -34.81,90.44 -1.48,-8.16
c -0.22,-1.36 -0.37,-2.74 -0.56,-4.11
l -0.53,-4.11 0.17,0.05
c -0.95,1.34 -1.41,2.97 -1.53,4.61 -0.15,1.64 -0.03,3.29 0.25,4.91 0.28,1.62 0.68,3.23 1.2,4.8 0.51,1.57 1.11,3.11 1.78,4.63
l -0.03,0.01
c -0.74,-1.48 -1.38,-3.01 -1.92,-4.59 -0.54,-1.57 -1.01,-3.17 -1.28,-4.81 -0.28,-1.64 -0.41,-3.31 -0.24,-4.98 0.15,-1.66 0.64,-3.32 1.62,-4.69
l 0.14,-0.2 0.03,0.24 0.5,4.11
c 0.18,1.37 0.31,2.74 0.52,4.11
l 1.39,8.17
h -0.03
z
m 10.5,1.34
c -0.75,-3.01 -1.31,-6.07 -1.7,-9.15 -0.39,-3.08 -0.61,-6.18 -0.57,-9.29 0.05,-3.1 0.35,-6.22 1.1,-9.24 0.75,-3.01 1.99,-5.95 3.98,-8.37
l -0.02,0.09 -0.03,-0.14 -0.02,-0.07
v -0.02
c 0,0 0,-0 0,-0 -0.12,0.09 0.31,0 0.2,-0.04
v 0.03
c 0,0 0.06,0.28 0.06,0.28
l 0.11,0.56 0.22,1.11 0.45,2.22
c 0.15,0.74 0.31,1.48 0.5,2.2
l 0.55,2.19
c 0.75,2.93 1.36,5.89 1.87,8.87 0.25,1.49 0.45,3 0.5,4.51 0.05,1.51 0,3.03 -0.14,4.54 -0.27,3.01 -0.89,5.99 -1.73,8.89
h -0.03
c 0.77,-2.92 1.35,-5.9 1.59,-8.9 0.13,-1.5 0.15,-3.01 0.09,-4.52 -0.07,-1.51 -0.28,-2.99 -0.54,-4.48 -0.52,-2.97 -1.12,-5.93 -1.87,-8.85
l -0.55,-2.2
c -0.19,-0.73 -0.35,-1.47 -0.49,-2.21
l -0.44,-2.22 -0.22,-1.11 -0.11,-0.56 -0.06,-0.28
v -0.03
c -0.11,-0.05 0.31,-0.14 0.2,-0.05
v 0.01
c 0,0 0,0.02 0,0.02
l 0.02,0.07 0.03,0.14 0.01,0.05 -0.03,0.03
c -1.98,2.38 -3.22,5.29 -3.98,8.28 -0.76,3 -1.07,6.1 -1.13,9.2 -0.06,3.1 0.14,6.2 0.52,9.28 0.38,3.08 0.92,6.14 1.65,9.15
h -0.03
z
m 20.3,-35.69
c 0.45,0.67 0.79,1.4 1.05,2.16 0.24,0.77 0.42,1.55 0.51,2.35 0.19,1.6 0.1,3.21 -0.12,4.8 -0.46,3.18 -1.44,6.25 -2.51,9.27 -1.1,3.01 -2.24,6 -3.54,8.94 -1.34,2.91 -2.79,5.77 -4.47,8.51
l -0.02,-0.02
c 1.54,-2.8 2.99,-5.66 4.26,-8.6 0.65,-1.46 1.27,-2.94 1.85,-4.43 0.59,-1.49 1.19,-2.97 1.74,-4.48 1.1,-3 2.1,-6.06 2.58,-9.22 0.24,-1.58 0.34,-3.18 0.17,-4.77 -0.09,-0.8 -0.26,-1.58 -0.48,-2.34 -0.25,-0.76 -0.59,-1.49 -1.02,-2.16
l 0.02,-0.02
z
m -2.01,-2.89
c -0.82,-0.03 -1.63,0.28 -2.24,0.81 -0.63,0.52 -1.11,1.2 -1.5,1.91 -0.78,1.44 -1.26,3.01 -1.65,4.6 -0.77,3.18 -1.18,6.43 -1.54,9.69 -0.34,3.25 -0.68,6.51 -0.87,9.78 -0.23,3.26 -0.32,6.54 -0.36,9.81
h -0.03
c -0.11,-3.27 -0.02,-6.55 0.14,-9.83 0.1,-1.64 0.23,-3.27 0.38,-4.9 0.17,-1.63 0.35,-3.25 0.54,-4.89 0.39,-3.25 0.82,-6.51 1.62,-9.69 0.41,-1.58 0.91,-3.16 1.71,-4.61 0.4,-0.72 0.89,-1.4 1.53,-1.92 0.63,-0.53 1.45,-0.84 2.28,-0.8
v 0.03
z
m -27.36,18.69
c -0.16,3.38 0.09,6.78 0.75,10.1 0.66,3.31 1.74,6.55 3.34,9.53
l -0.2,0.05 -0.28,-4.8
c -0.06,-1.6 -0.25,-3.19 -0.42,-4.79 -0.34,-3.19 -0.86,-6.35 -1.47,-9.5
h 0.03
c 0.75,3.12 1.28,6.29 1.69,9.48 0.1,0.8 0.18,1.6 0.26,2.4
l 0.11,1.2 0.07,1.2 0.23,4.81 0.02,0.46 -0.22,-0.41
c -1.58,-3.01 -2.65,-6.27 -3.28,-9.6 -0.63,-3.33 -0.84,-6.74 -0.65,-10.12
z
m 41.23,-48.52
c 1.73,-3.68 2.54,-7.71 2.98,-11.73 0.43,-4.03 0.44,-8.09 0.22,-12.14 -0.46,-8.09 -1.81,-16.11 -3.51,-24.03 -1.68,-7.93 -3.77,-15.77 -6.12,-23.54 -1.18,-3.88 -2.41,-7.74 -3.71,-11.58 -1.28,-3.85 -2.62,-7.67 -4.03,-11.48 1.46,3.78 2.86,7.59 4.2,11.42 1.33,3.83 2.58,7.69 3.78,11.57 2.39,7.75 4.53,15.59 6.24,23.53 1.66,7.94 2.98,15.98 3.39,24.1 0.2,4.05 0.17,8.13 -0.29,12.17 -0.5,4.02 -1.37,8.05 -3.16,11.71
z
M 194,105.8
c -0.72,3.91 -1.34,7.83 -1.82,11.77 -0.51,3.94 -0.89,7.89 -1.15,11.85 -0.44,7.92 -0.72,15.88 -0.31,23.81 0.37,7.92 1.49,15.82 3.42,23.52 0.95,3.85 2.12,7.65 3.46,11.39 1.33,3.74 2.84,7.42 4.54,11.01 -1.75,-3.56 -3.32,-7.22 -4.71,-10.95 -1.37,-3.73 -2.55,-7.53 -3.53,-11.39 -1.98,-7.7 -3.15,-15.62 -3.55,-23.56 -0.37,-7.95 -0.05,-15.91 0.44,-23.84 0.28,-3.96 0.68,-7.92 1.21,-11.86 0.55,-3.94 1.22,-7.85 2,-11.75
z
m 34.79,90.44 1.39,-8.17
c 0.21,-1.37 0.35,-2.74 0.52,-4.11
l 0.5,-4.11 0.03,-0.24 0.14,0.2
c 0.98,1.37 1.47,3.03 1.62,4.69 0.18,1.66 0.03,3.34 -0.24,4.98 -0.28,1.64 -0.74,3.24 -1.28,4.81 -0.54,1.57 -1.18,3.1 -1.92,4.59
l -0.03,-0.01
c 0.67,-1.51 1.27,-3.06 1.78,-4.63 0.51,-1.57 0.92,-3.17 1.2,-4.8 0.28,-1.62 0.4,-3.28 0.25,-4.91 -0.13,-1.63 -0.59,-3.26 -1.53,-4.61
l 0.17,-0.05 -0.53,4.11
c -0.19,1.37 -0.34,2.74 -0.56,4.11
l -1.48,8.16
h -0.03
z
m -10.5,1.34
c 0.74,-3.01 1.28,-6.07 1.65,-9.15 0.38,-3.08 0.57,-6.18 0.52,-9.28 -0.06,-3.09 -0.37,-6.2 -1.13,-9.2 -0.76,-2.99 -2.01,-5.91 -3.98,-8.28
l -0.03,-0.03 0.01,-0.04 0.03,-0.14 0.02,-0.07
v -0.02
c 0,0 0,-0.01 0,-0.01 -0.11,-0.1 0.31,0 0.2,0.04
v 0.03
c 0,0 -0.06,0.28 -0.06,0.28
l -0.11,0.56 -0.22,1.11 -0.44,2.22
c -0.14,0.74 -0.3,1.48 -0.49,2.21
l -0.55,2.2
c -0.75,2.92 -1.35,5.88 -1.87,8.85 -0.27,1.49 -0.48,2.97 -0.54,4.48 -0.07,1.5 -0.03,3.01 0.09,4.52 0.25,3 0.82,5.98 1.59,8.9
h -0.03
c -0.84,-2.89 -1.46,-5.87 -1.73,-8.88 -0.14,-1.51 -0.19,-3.02 -0.14,-4.54 0.05,-1.52 0.25,-3.02 0.5,-4.51 0.51,-2.98 1.12,-5.94 1.87,-8.87
l 0.55,-2.19
c 0.2,-0.73 0.36,-1.46 0.5,-2.2
l 0.45,-2.22 0.22,-1.11 0.11,-0.56 0.06,-0.28
v -0.03
c -0.1,0.04 0.32,0.13 0.21,0.04
v 0
c 0,0 0,0.03 0,0.03
l -0.02,0.07 -0.03,0.14 -0.02,-0.09
c 1.99,2.42 3.23,5.36 3.98,8.37 0.75,3.02 1.05,6.14 1.1,9.24 0.04,3.1 -0.18,6.21 -0.57,9.29 -0.39,3.08 -0.95,6.14 -1.7,9.15
h -0.03
z
m -20.25,-35.67
c -0.44,0.67 -0.78,1.4 -1.02,2.16 -0.23,0.77 -0.4,1.55 -0.48,2.34 -0.17,1.59 -0.07,3.19 0.17,4.77 0.48,3.16 1.48,6.22 2.58,9.22 0.55,1.5 1.15,2.99 1.74,4.48 0.58,1.49 1.2,2.97 1.85,4.43 1.27,2.94 2.72,5.79 4.26,8.6
l -0.02,0.02
c -1.67,-2.73 -3.12,-5.6 -4.47,-8.51 -1.31,-2.93 -2.45,-5.92 -3.54,-8.94 -1.08,-3.01 -2.06,-6.09 -2.51,-9.27 -0.22,-1.59 -0.31,-3.2 -0.12,-4.8 0.09,-0.8 0.27,-1.58 0.51,-2.35 0.26,-0.76 0.6,-1.49 1.05,-2.16
l 0.02,0.02
z
m 1.99,-2.92
c 0.83,-0.04 1.65,0.27 2.28,0.8 0.64,0.52 1.13,1.2 1.53,1.92 0.8,1.44 1.3,3.02 1.71,4.61 0.8,3.18 1.23,6.44 1.62,9.69 0.19,1.63 0.37,3.25 0.54,4.89 0.16,1.63 0.29,3.26 0.38,4.9 0.16,3.27 0.24,6.55 0.14,9.83
h -0.03
c -0.05,-3.27 -0.13,-6.55 -0.36,-9.81 -0.19,-3.26 -0.53,-6.52 -0.87,-9.78 -0.37,-3.25 -0.77,-6.51 -1.54,-9.69 -0.4,-1.58 -0.87,-3.16 -1.65,-4.6 -0.39,-0.72 -0.87,-1.39 -1.5,-1.91 -0.62,-0.53 -1.43,-0.85 -2.24,-0.81
v -0.03
z
m 27.38,18.71
c 0.19,3.38 -0.02,6.79 -0.65,10.12 -0.63,3.33 -1.7,6.59 -3.28,9.6
l -0.22,0.41 0.02,-0.46 0.23,-4.81 0.07,-1.2 0.11,-1.2
c 0.07,-0.8 0.16,-1.6 0.26,-2.4 0.41,-3.18 0.94,-6.36 1.69,-9.48
h 0.03
c -0.61,3.15 -1.13,6.32 -1.47,9.51 -0.17,1.59 -0.36,3.18 -0.42,4.79
l -0.28,4.8 -0.2,-0.05
c 1.59,-2.98 2.68,-6.21 3.34,-9.53 0.66,-3.31 0.9,-6.71 0.75,-10.1
h 0.03
z
m -41.26,-48.52
c -1.78,-3.66 -2.66,-7.68 -3.16,-11.71 -0.46,-4.04 -0.48,-8.11 -0.29,-12.17 0.42,-8.12 1.73,-16.16 3.39,-24.1 1.72,-7.93 3.86,-15.77 6.24,-23.53 1.2,-3.88 2.45,-7.73 3.78,-11.57 1.34,-3.83 2.74,-7.64 4.2,-11.42 -1.41,3.8 -2.75,7.63 -4.03,11.48 -1.3,3.84 -2.54,7.7 -3.71,11.58 -2.35,7.76 -4.44,15.6 -6.12,23.54 -1.7,7.92 -3.05,15.94 -3.51,24.03 -0.22,4.04 -0.21,8.11 0.22,12.14 0.44,4.01 1.25,8.04 2.98,11.73
z"
/>
</>
)

99
packages/react-components/src/linedrawings/diana.mjs Normal file
View file

File diff suppressed because one or more lines are too long

58
packages/react-components/src/linedrawings/florence.mjs Normal file
View file

@ -0,0 +1,58 @@
import React from 'react'
import { LineDrawingWrapper, thin, dashed } from './shared.mjs'
const strokeScale = 0.6
export const Florence = ({
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 243 184" {...{ className, stroke }}>
<Front stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* React component for the front
*/
export const FlorenceFront = ({
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 243 184" {...{ className, stroke }}>
<Front stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* SVG elements for the front
*/
export const Front = ({ stroke }) => (
<>
<path
key="stitches"
{...dashed(stroke)}
{...thin(stroke)}
d="M 33.30917,60.639709 V 122.2474 m 177.62499,0 V 60.639709 M 122.02857,24.386872 V 181.88215 m 91.3556,-119.488248 h -7.1246 c -1.1662,0.1078 -10.1479,-0.9947 -11.4954,-1.47 -9.7118,-3.4202 -20.09,-9.309998 -20.09,-9.309998 -19.9822,-11.3435 -32.4674,-18.1986 -38.71,-21.56 -2.9302,-1.5778 -5.8065,-3.0478 -9.8,-3.43 -0.9555,-0.0931 -1.8571,-0.1078 -2.695,-0.0784 h -2.695 c -0.8379,-0.0294 -1.7395,-0.0147 -2.695,0.0784 -3.9935,0.3822 -6.8698,1.8522 -9.8,3.43 -6.2426,3.3614 -18.727803,10.2165 -38.710003,21.56 0,0 -10.3782,5.889798 -20.09,9.309998 -1.3475,0.4753 -10.329204,1.5778 -11.495404,1.47 h -7.1246 m 182.525007,6.86 h -7.1246 c -1.1662,0.1078 -10.1479,-0.9947 -11.4954,-1.47 -9.7118,-3.4202 -20.09,-9.31 -20.09,-9.31 -19.9822,-11.343498 -32.4674,-18.198598 -38.71,-21.559998 -2.9302,-1.5778 -5.8065,-3.0478 -9.8,-3.43 -0.9555,-0.0931 -1.8571,-0.1078 -2.695,-0.0784 h -2.695 c -0.8379,-0.0294 -1.7395,-0.0147 -2.695,0.0784 -3.9935,0.3822 -6.8698,1.8522 -9.8,3.43 -6.2426,3.3614 -18.727803,10.2165 -38.710003,21.559998 0,0 -10.3782,5.8898 -20.09,9.31 -1.3475,0.4753 -10.329204,1.5778 -11.495404,1.47 h -7.1246 m 0,47.951398 9.8,11.4219 c 1.5631,1.9012 3.969,4.7334 7.085404,8.0213 4.8559,5.1254 7.7812,7.4921 17.4146,15.9887 12.6665,11.1671 25.9602,18.9287 31.85,21.56 4.782403,2.1364 19.585303,5.488 23.750303,5.1401 h 2.7195 c 4.165,0.3479 18.9728,-3.0037 23.7503,-5.1401 5.8898,-2.6313 19.1835,-10.3929 31.85,-21.56 9.6334,-8.4966 12.5587,-10.8633 17.4146,-15.9887 3.1115,-3.2879 5.5223,-6.1201 7.0854,-8.0213 l 9.8,-11.4219"
/>
<path
key="folds"
opacity={0.3}
d="m 174.60067,78.230702 -25.8524,-14.0189 c -4.3169,-2.3177 -8.5995,-4.6991 -12.8968,-7.0511 -2.1511,-1.161298 -4.3169,-2.258898 -6.6346,-2.871398 -1.1564,-0.3136 -2.3373,-0.5096 -3.5329,-0.5978 -0.5978,-0.0441 -1.1956,-0.0637 -1.7934,-0.0539 -0.6027,0.0245 -1.2299,0.0098 -1.8424,0.0196 -0.6125,0 -1.2397,0.0049 -1.8424,-0.0147 -0.5978,-0.0098 -1.1956,0.0098 -1.7934,0.0539 -1.1956,0.0931 -2.3765,0.2842 -3.5329,0.5978 -2.3177,0.6125 -4.4835,1.7101 -6.6346,2.871398 -4.3022,2.3471 -8.584803,4.7236 -12.906603,7.0413 -4.3071,2.3324 -8.6387,4.6354 -12.9213,7.0168 -4.3071,2.3373 -8.5995,4.704 -12.9262,7.0168 4.214,-2.5039 8.4623,-4.9539 12.691,-7.4333 4.2336,-2.4696 8.526,-4.8461 12.789,-7.2618 4.263,-2.4206 8.565203,-4.7775 12.847803,-7.163798 2.1462,-1.176 4.3806,-2.3324 6.811,-2.989 1.2103,-0.3381 2.4549,-0.5488 3.7044,-0.6517 0.6272,-0.049 1.2544,-0.0735 1.8816,-0.0637 0.6223,0.0196 1.2201,0 1.8326,0.0098 0.6125,0 1.2103,0.0147 1.8326,-0.0049 0.6272,-0.0049 1.2544,0.0147 1.8816,0.0637 1.2495,0.1029 2.4941,0.3136 3.7044,0.6517 2.4304,0.6566 4.6648,1.813 6.811,2.989 4.2777,2.391198 8.575,4.752998 12.838,7.178498 l 12.8037,7.2373 c 4.2287,2.4794 8.4721,4.9343 12.6861,7.4382 z m -33.0897,79.291798 c 2.793,-2.6754 5.733,-5.2038 8.771,-7.5999 3.0478,-2.3863 6.2034,-4.6403 9.4472,-6.7571 3.2585,-2.0972 6.5954,-4.0719 10.0205,-5.88 1.715,-0.8967 3.4447,-1.7689 5.194,-2.597 1.7591,-0.8134 3.5231,-1.6072 5.3116,-2.3373 -3.4937,1.6562 -6.9482,3.3957 -10.3292,5.2675 -3.3761,1.8718 -6.7032,3.8367 -9.9323,5.9584 -3.2536,2.0776 -6.3945,4.3267 -9.4864,6.6444 -3.0821,2.3275 -6.076,4.7775 -9.0013,7.301 z m -85.019903,-29.596 c 4.2924,2.0776 8.6191,4.1111 12.7939,6.4239 4.1944,2.2834 8.3006,4.7236 12.3431,7.2667 4.018,2.5774 7.9772,5.2479 11.8384,8.0654 3.8514,2.8175 7.619503,5.7575 11.270003,8.8298 -1.8963,-1.4455 -3.7779,-2.9106 -5.703603,-4.3218 -1.9061,-1.4308 -3.8416,-2.8224 -5.7869,-4.1993 -3.8955,-2.744 -7.8449,-5.4145 -11.8776,-7.9576 -4.0131,-2.5725 -8.1144,-4.998 -12.2647,-7.35 -1.0339,-0.5929 -2.0727,-1.176 -3.1213,-1.7444 -1.0388,-0.5831 -2.0972,-1.1319 -3.1605,-1.6758 l -6.3308,-3.332 z m 0,-12.4803 c 5.4243,-1.2691 10.8241,-2.6558 16.1896,-4.1601 5.3753,-1.4749 10.7065,-3.0821 16.0181,-4.7677 2.6558,-0.833 5.3263,-1.6513 8.0262,-2.3618 2.695,-0.7154 5.424303,-1.3083 8.143803,-1.911 5.4341,-1.1809 10.9319,-2.425499 16.5571,-2.400999 2.7979,-0.0147 5.6105,0.303799 8.3447,0.886899 2.7391,0.5782 5.4243,1.3475 8.0948,2.156 2.6705,0.8085 5.3214,1.666 7.9723,2.5235 2.6509,0.8526 5.3067,1.715 7.9331,2.6411 l 7.8694,2.8126 c 2.6264,0.9261 5.2773,1.764 7.9527,2.5382 5.341,1.5729 10.7555,2.9106 16.2141,4.018 -5.4782,-1.029 -10.9123,-2.2932 -16.2827,-3.7877 -2.6852,-0.7546 -5.3459,-1.5876 -7.9821,-2.499 l -7.8841,-2.7734 c -2.6313,-0.9114 -5.2822,-1.7542 -7.938,-2.597 -2.6558,-0.8428 -5.3116,-1.6856 -7.9772,-2.4794 -2.6656,-0.7938 -5.3459,-1.5484 -8.0654,-2.107 -2.7195,-0.5635 -5.4782,-0.8575 -8.2516,-0.8379 -5.5566,-0.0539 -11.0299,1.1515 -16.4689,2.3079 -2.7244,0.588 -5.443903,1.1662 -8.138903,1.8669 -2.695,0.6909 -5.3606,1.4945 -8.0213,2.3177 -5.3214,1.6562 -10.6673,3.2487 -16.0524,4.6844 -5.39,1.4259 -10.8045,2.7391 -16.2484,3.9298 z"
/>
<path
key="outline"
d="m 123.39077,182.0225 c 4.165,0.3479 18.9728,-3.0037 23.7503,-5.1401 5.8898,-2.6313 19.1835,-10.3929 31.85,-21.56 9.6334,-8.4966 12.5587,-10.8633 17.4146,-15.9887 3.1115,-3.2879 5.5223,-6.1201 7.0854,-8.0213 l 9.8,-11.4219 V 60.262402 h -7.1246 c -1.1662,0.1078 -10.1479,-0.9947 -11.4954,-1.47 -9.7118,-3.420198 -20.09,-9.309998 -20.09,-9.309998 -19.9822,-11.3435 -32.4674,-18.1986 -38.71,-21.56 -2.9302,-1.5778 -5.8065,-3.047801 -9.8,-3.430001 -0.9555,-0.0931 -1.8571,-0.1078 -2.695,-0.0784 h -2.695 c -0.8379,-0.0294 -1.7395,-0.0147 -2.695,0.0784 -3.9935,0.3822 -6.8698,1.852201 -9.8,3.430001 -6.2426,3.3614 -18.727803,10.2165 -38.710003,21.56 0,0 -10.3782,5.8898 -20.09,9.309998 -1.3475,0.4753 -10.329204,1.5778 -11.495404,1.47 h -7.1246 V 119.8905 l 9.8,11.4219 c 1.5631,1.9012 3.969,4.7334 7.085404,8.0213 4.8559,5.1254 7.7812,7.4921 17.4146,15.9887 12.6665,11.1671 25.9602,18.9287 31.85,21.56 4.782403,2.1364 19.585303,5.488 23.750303,5.1401 h 2.7195 z m 89.7974,-61.7351 c 0,0 19.5412,-33.466998 23.2064,-46.667598 0,0 4.0719,-14.6559 5.2234,-30.458398 0.1176,-1.6366 0.392,-5.978 -1.3083,-10.8094 -0.7889,-2.2393 -1.7885,-4.9686 -4.3512,-6.879601 -0.2254,-0.1666 -4.0474,-2.9155 -8.2712,-1.4749 -3.3614,1.1466 -5.2528,4.356101 -6.9629,7.859601 -2.4598,5.0323 -6.13445,15.738362 -8.46685,28.24316 M 30.766063,120.2874 c 0,0 -19.5412,-33.466998 -23.2063997,-46.667598 0,0 -4.071901,-14.6559 -5.223401,-30.458398 -0.1176,-1.6366 -0.392,-5.978 1.3083,-10.8094 0.7889,-2.2393 1.7885,-4.9686 4.351201,-6.879601 0.2254,-0.1666 4.0473997,-2.9155 8.2711997,-1.4749 3.3614,1.1466 5.2528,4.356101 6.9629,7.859601 2.4598,5.0323 6.427924,15.885099 8.760324,28.389897 m -1.331392,56.955879 c 0,0 -17.690603,-30.620338 -21.0086937,-42.69811 0,0 -4.792809,-16.2582 -5.835263,-30.716554 -0.106463,-1.497393 -0.648347,-5.420605 0.890932,-9.841053 0.714189,-2.048828 1.716953,-5.230751 4.036956,-6.979204 0.204057,-0.15243 3.6641007,-2.667511 7.4878927,-1.349447 3.043075,1.049071 4.657527,4.67035 6.205675,7.875847 2.226854,4.604258 6.218254,15.326888 8.329769,26.768043 M 213.39834,117.20288 c 0,0 17.6906,-30.620338 21.00869,-42.69811 0,0 4.79281,-16.2582 5.83526,-30.716555 0.10647,-1.497394 0.64835,-5.420606 -0.89093,-9.841053 -0.71419,-2.048828 -1.71695,-5.230751 -4.03695,-6.979204 -0.20406,-0.15243 -3.6641,-2.667512 -7.4879,-1.349447 -3.04307,1.049071 -4.65752,4.67035 -6.20567,7.875847 -2.22686,4.604258 -6.21826,15.326888 -8.32977,26.768044"
/>
</>
)

103
packages/react-components/src/linedrawings/florent.mjs Normal file
View file

@ -0,0 +1,103 @@
import React from 'react'
import { LineDrawingWrapper, thin, dashed } from './shared.mjs'
const strokeScale = 0.6
export const Florent = ({
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 236 165" {...{ className, stroke }}>
<Front stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* React component for the front
*/
export const FlorentFront = ({
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 236 165" {...{ className, stroke }}>
<Front stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* SVG elements for the front
*/
export const Front = ({ stroke }) => (
<>
<path
key="stitches"
{...dashed(stroke)}
{...thin(stroke)}
d="m 153.26,144.14
c 0.7,-3.03 1.77,-7.61 3.45,-13.83 0,0 6.9,-25.58 22.87,-60.66 0,0 3.88,-8.53 10.21,-16.31 1.12,-1.37 2.77,-3.25 5.11,-5.17 1.58,-1.29 3.45,-2.81 6.2,-3.98 1.75,-0.74 4.6,-1.92 8.39,-1.59 1.89,0.16 5.4,0.82 8.76,3.58 2.03,1.67 3.29,3.52 4.01,4.77
m -77.78,92.95
c 0.75,-3.21 2.01,-8.22 3.83,-14.82 0,0 7.47,-27.12 24.79,-64.32 0,0 4.21,-9.04 11.07,-17.29 1.21,-1.46 3,-3.45 5.54,-5.48 1.71,-1.37 3.74,-2.98 6.72,-4.22 1.89,-0.79 4.99,-2.03 9.09,-1.69 2.05,0.17 5.85,0.87 9.49,3.8 2.2,1.77 3.57,3.74 4.35,5.06
m -28.28,89.24
c -7.54,2.73 -16.85,4.29 -20.9,4.71 -12.05,1.25 -23.36,-0.66 -28.36,-1.45 -4.11,-0.65 -18.16,-4.06 -20.9,-4.71 -2.84,-0.67 -6.41,-1.62 -12.69,-3.62 -6.98,-2.23 -6.74,-2.4 -13.81,-4.71 -7.51,-2.45 -30.1,-10.6 -32.84,-11.59 -1.48,-0.54 -7.13,-2.53 -14.93,-3.98 -5.42,-1.01 -9.07,-1.7 -14.18,-1.45 -3.64,0.18 -6.54,0.75 -8.21,1.09 -2.26,0.46 -5.63,1.16 -9.7,2.9 -1.58,0.67 -2.85,1.33 -3.73,1.81 -1.14,0.77 -2.35,1.73 -3.54,2.9 -0.98,0.95 -1.24,1.76 -1.98,2.74
M 151.29,5.67
l -8.89,3.56
c -1.55,0.77 -3.69,1.91 -6.09,3.5 -1.16,0.77 -6.7,4.49 -12.59,11.29 -2.9,3.35 -4.75,6.14 -6.09,8.18 -2.92,4.44 -4.73,8.06 -6.9,12.46 -3.32,6.7 -3,6.97 -4.87,10.51 -2.27,4.28 -4.93,7.58 -10.15,14.01 -3.06,3.77 -8.2,9.91 -15.03,17.13 -6.23,6.59 -9.35,9.88 -11.78,11.68 -0.71,0.52 -2.89,2.1 -5.28,4.67 -1.9,2.04 -3.54,3.85 -4.47,6.62 -0.44,1.31 -0.9,4.69 -0.28,7.93
M 138.99,5.5
l -8.03,3.78
c -1.52,0.76 -3.61,1.89 -5.96,3.47 -1.14,0.76 -6.56,4.44 -12.33,11.16 -2.84,3.31 -4.65,6.07 -5.96,8.09 -2.86,4.39 -4.63,7.97 -6.76,12.32 -3.25,6.63 -2.94,6.89 -4.77,10.4 -2.22,4.23 -4.82,7.5 -9.94,13.86 -3,3.73 -8.02,9.8 -14.71,16.94 -6.1,6.52 -9.15,9.78 -11.53,11.55 -0.7,0.52 -2.83,2.08 -5.17,4.62 -1.86,2.02 -3.47,3.8 -4.37,6.54 -0.43,1.3 -1,3.16 -0.4,6.37"
/>
<path
key="folds"
opacity={0.3}
d="m 228.15,69.68
c 0.26,1.64 0.36,3.3 0.32,4.97 -0.06,1.67 -0.27,3.32 -0.58,4.96 -0.31,1.64 -0.83,3.24 -1.54,4.76 -0.71,1.51 -1.61,2.96 -2.8,4.16 -1.2,1.2 -2.62,2.08 -3.82,3.2 -1.21,1.11 -2.27,2.38 -3.17,3.75 -1.8,2.77 -2.88,5.95 -3.53,9.2 0.23,-1.64 0.62,-3.27 1.14,-4.85 0.54,-1.57 1.24,-3.1 2.12,-4.52 0.88,-1.43 1.96,-2.72 3.19,-3.86 1.22,-1.15 2.64,-2.05 3.78,-3.21 1.16,-1.15 2.04,-2.55 2.76,-4.03 0.71,-1.48 1.21,-3.06 1.57,-4.66 0.7,-3.23 0.95,-6.56 0.58,-9.86
z
M 57.63,53.6
c 2.12,-1.57 4.37,-2.95 6.73,-4.15 1.17,-0.61 2.38,-1.14 3.61,-1.63 1.22,-0.49 2.47,-0.93 3.68,-1.43 1.21,-0.48 2.37,-1.08 3.46,-1.81 1.09,-0.72 2.08,-1.57 3.02,-2.49 1.86,-1.84 3.39,-4 4.74,-6.25 -0.59,1.18 -1.27,2.31 -2.01,3.4 -0.75,1.08 -1.58,2.12 -2.5,3.08 -1.83,1.91 -4.07,3.46 -6.54,4.45 -1.23,0.49 -2.48,0.91 -3.7,1.39 -1.22,0.47 -2.42,1.01 -3.61,1.57 -1.19,0.57 -2.35,1.17 -3.49,1.83 -1.15,0.64 -2.27,1.33 -3.38,2.04
z
M 22.45,97.05
c 1.78,-2.13 3.59,-4.23 5.4,-6.32
l 5.43,-6.29
c 0.92,-1.04 1.86,-2.07 2.89,-3.02 1.02,-0.95 2.09,-1.84 3.22,-2.66 1.12,-0.82 2.29,-1.58 3.49,-2.28 1.21,-0.68 2.44,-1.32 3.72,-1.88 -2.46,1.28 -4.83,2.73 -7.02,4.41 -1.09,0.85 -2.15,1.73 -3.15,2.68 -1,0.95 -1.92,1.98 -2.83,3.01 -1.84,2.07 -3.63,4.19 -5.51,6.23 -1.86,2.05 -3.74,4.1 -5.64,6.11
z"
/>
<path
key="outline"
d="m 149.03,144.35
c 0.72,-3.1 1.97,-8.3 3.72,-14.69 0,0 7.16,-26.23 23.75,-62.22 0,0 4.03,-8.74 10.61,-16.73 1.16,-1.41 2.87,-3.34 5.3,-5.3 1.64,-1.33 3.58,-2.88 6.44,-4.08 1.81,-0.76 4.78,-1.96 8.71,-1.63 1.96,0.17 5.61,0.84 9.09,3.67 2.11,1.71 3.42,3.62 4.17,4.9
M 18.68,136.2
c -0.35,0.14 -3.46,0.26 -4.46,-0.36 -1.47,-0.92 -1.06,-3.47 -0.98,-3.98 0.36,-2.26 1.85,-3.73 3.63,-5.43 0.81,-0.78 2.18,-2.08 4.35,-3.26 2.69,-1.47 5.77,-2.31 10.52,-2.54 6.42,-0.31 11.29,0.74 17.77,2.17 5.3,1.18 9.24,2.4 11.96,3.26 4.2,1.32 8.46,2.66 13.78,5.07 4.08,1.85 7.01,3.53 11.6,6.16 5.04,2.89 5.66,3.52 10.52,6.16 2.55,1.39 2.38,1.22 8.34,4.35 6.82,3.58 6.63,3.6 8.34,4.35 2.6,1.14 5.12,1.97 10.15,3.63 3.65,1.2 5.48,1.8 6.89,2.17 2.97,0.8 8.34,2.19 15.23,2.17 5.96,-0.01 10.49,-1.08 11.96,-1.45 8.16,-2.06 13.66,-5.78 16.32,-7.61 8.66,-5.97 13.47,-11.8 16.32,-16.66
m -151.93,-13.4 -2.92,3.78
c -0.37,0.44 -0.93,1.1 -1.67,1.84 -1.16,1.17 -3.18,2.99 -9.19,6.34 -2.88,1.61 -4.37,2.43 -6.53,3.26 -2.77,1.07 -4.55,1.73 -6.89,1.45 -0.93,-0.11 -4.21,-0.51 -5.44,-2.9 -0.75,-1.47 -0.39,-3.04 0,-4.71 0.52,-2.21 2.97,-5.98 3.63,-6.88
M 145.74,5.54 135.26,9.9
c -1.52,0.76 -3.61,1.88 -5.96,3.44 -1.14,0.76 -6.56,4.41 -12.33,11.1 -2.84,3.3 -4.65,6.03 -5.96,8.04 -2.86,4.36 -4.63,7.93 -6.76,12.25 -3.25,6.59 -2.94,6.85 -4.77,10.33 -2.22,4.2 -4.82,7.45 -9.94,13.78 -3,3.71 -8.02,9.74 -14.71,16.84 -6.1,6.48 -9.15,9.72 -11.53,11.48 -0.7,0.52 -2.83,2.07 -5.17,4.59 -1.86,2.01 -3.47,3.78 -4.37,6.5 -0.43,1.29 -1,4.01 -0.4,7.2
m 132.84,20.37
c -7.32,2.73 -16.35,4.29 -20.29,4.71 -11.7,1.25 -22.68,-0.66 -27.53,-1.45 -3.99,-0.65 -17.63,-4.06 -20.28,-4.71 -2.75,-0.67 -6.23,-1.62 -12.32,-3.63 -6.77,-2.23 -6.54,-2.4 -13.4,-4.71 -7.29,-2.45 -29.22,-10.6 -31.88,-11.59 -1.44,-0.54 -6.92,-2.53 -14.49,-3.98 -5.26,-1.01 -8.81,-1.7 -13.77,-1.45 -3.53,0.18 -6.34,0.75 -7.97,1.09 -2.19,0.46 -5.46,1.16 -9.42,2.9 -1.53,0.67 -2.76,1.33 -3.62,1.81 -1.11,0.77 -2.28,1.73 -3.44,2.9 -0.95,0.95 -1.41,1.94 -2.12,2.93
M 190.91,134.39
c 1.12,0.19 2.71,0.28 4.35,-0.36 1.81,-0.72 2.53,-1.88 3.63,-2.9 2.83,-2.63 5.18,-1.52 9.43,-3.26 3.74,-1.54 5.93,-4.05 8.7,-7.25 2.72,-3.14 4.15,-5.86 5.8,-9.06 3.44,-6.66 4.85,-11.95 6.89,-19.56 1.68,-6.3 1.89,-8.63 1.81,-10.87 -0.13,-3.65 -1.01,-6.99 -1.45,-8.69 -0.62,-2.36 -1.16,-3.73 -2.17,-6.52 -2.73,-7.51 -2.66,-8.15 -3.99,-11.59 -2.43,-6.3 -5.26,-10.82 -6.89,-13.4 -2.19,-3.46 -5.99,-9.39 -12.69,-15.58 -1.15,-1.06 -4.04,-3.66 -8.37,-6.59 -1.71,-1.16 -3.64,-2.37 -5.77,-3.55 -1.49,-0.83 -5.14,-2.8 -10.15,-4.71 -7.91,-3.02 -14.73,-4.2 -18.86,-4.71 -3.27,-0.41 -3.16,-0.19 -18.13,-0.36 -13.6,-0.16 -14.47,-0.35 -18.49,0 -7.09,0.62 -12.36,1.91 -16.32,2.9 -8.2,2.05 -14.49,3.62 -21.76,7.97 -5.33,3.19 -8.94,6.54 -11.24,8.69 -4.26,3.99 -7.62,7.14 -10.52,12.32 -1.72,3.08 -2.14,4.84 -5.8,11.59 -1.94,3.59 -2.66,4.63 -3.26,5.43 -2.83,3.77 -5.58,4.83 -8.34,7.61 -2.56,2.57 -5.22,5.7 -10.52,11.95 -6.82,8.04 -7.77,9.51 -8.7,11.23 -1.02,1.88 -1.63,3.38 -3.63,6.88 -1.93,3.39 -2.89,5.08 -4.35,6.88 -0.89,1.11 -2.9,2.93 -6.89,6.52 -3.44,3.11 -4.77,4.23 -6.16,6.52 -1.55,2.55 -1.76,4.22 -1.81,4.71 -0.23,2.22 0.21,5.85 2.38,6.7 0.78,0.31 1.58,0.17 2.15,0
l 2.72,-3.08
c 0.83,-0.79 2.04,-1.84 3.63,-2.9 4.73,-3.15 9.29,-3.96 11.6,-4.35 1.03,-0.17 4.18,-0.65 8.34,-0.36 3.31,0.23 13.31,1.92 17.04,2.9 4.15,1.09 11.93,3.94 15.23,5.07 1.41,0.48 5.13,1.77 11.6,4.35 7.98,3.17 7.53,3.28 13.05,5.43 2.5,0.98 2.89,1.07 16.68,5.8 9.6,3.29 10.1,3.48 11.96,3.98 6.49,1.75 11.73,2.47 14.87,2.9 3.38,0.46 7.18,0.97 12.33,1.09 5.26,0.12 11.27,0.21 18.49,-1.81 3.09,-0.86 5.23,-1.79 6.16,-2.17 2.91,-1.21 9.92,-3.68 17.4,-5.8"
/>
</>
)

179
packages/react-components/src/linedrawings/gozer.mjs Normal file
View file

@ -0,0 +1,179 @@
import React from 'react'
import { LineDrawingWrapper, thin, dashed } from './shared.mjs'
const strokeScale = 0.5
export const Gozer = ({
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 186 178" {...{ className, stroke }}>
<Front stroke={stroke} />
<Back stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* React component for the front
*/
export const GozerFront = ({
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 93 178" {...{ className, stroke }}>
<Front stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* React component for the back
*/
export const GozerBack = ({
className = 'w-64', // CSS classes to apply
stroke = 1, // Stroke width to use
}) => {
// Normalize stroke across designs
stroke = stroke * strokeScale
return (
<LineDrawingWrapper viewBox="93 0 93 178" {...{ className, stroke }}>
<Back stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* SVG elements for the front
*/
export const Front = ({ stroke }) => (
<>
<path
key="folds"
opacity={0.3}
d="m 61.62,30.16
c 0,0 -0.19,-12.37 -6.16,-17.97
m 21.37,95.12
c 0,0 -9.14,-42.73 -11.96,-69.64
M 53.14,159.68
c 0,0 0,-52.26 -0.22,-78.39 -0.07,-8.27 -0.35,-24.8 -0.35,-24.8
m 16.02,108.84
c 0,0 -0.7,-51.63 -2.36,-77.38 -0.9,-13.91 -4.11,-41.63 -4.11,-41.63
M 70.39,157.19 69.89,144.44
M 30.79,30.16
c 0,0 0.19,-12.37 6.16,-17.97
M 15.57,107.32
c 0,0 9.14,-42.73 11.96,-69.64
M 39.27,159.68
c 0,0 -0,-52.26 0.22,-78.39 0.07,-8.27 0.35,-24.8 0.35,-24.8
M 23.82,165.33
c 0,0 0.7,-51.63 2.36,-77.38 0.9,-13.91 4.11,-41.63 4.11,-41.63
M 22.02,157.19 22.52,144.44"
/>
<path
key="outline"
d="m 50,23.14
a 2.92,2.92 0 0 0 2.92,2.92 2.92,2.92 0 0 0 2.92,-2.92 2.92,2.92 0 0 0 -2.92,-2.92 2.92,2.92 0 0 0 -2.92,2.92
z
m 25.5,131.09 -0.09,-5.78
M 46.2,5.29
c 0,0 3.55,-0.03 5.22,0.5 2.09,0.66 4.06,1.8 5.72,3.23 2.55,2.2 4.56,5.03 6.22,7.96 3.29,5.8 4.27,12.67 7.21,18.65 3.81,7.74 10.99,13.86 13.43,22.13 3.15,10.7 3.11,83.38 3.11,83.38 0,0 -11.88,7.77 -18.15,10.51 0,0 6.03,2.05 6.59,2.61 0,0 -2.92,0.68 -5.16,2.92
l 0.31,6.34
c 0,0 -0.93,1.31 -2.11,1.8
l 0.37,2.18
c -4.3,2.58 -8.74,4.23 -15.47,3.85 0,0 -0.44,0.31 -0.57,1.01 0,0 -2.29,0.53 -7.87,0.35
M 42.41,23.14
a 2.92,2.92 0 0 1 -2.92,2.92 2.92,2.92 0 0 1 -2.92,-2.92 2.92,2.92 0 0 1 2.92,-2.92 2.92,2.92 0 0 1 2.92,2.92
z
M 46.2,5.29
c 0,0 -3.55,-0.03 -5.22,0.5 -2.09,0.66 -4.06,1.8 -5.72,3.23 -2.55,2.2 -4.56,5.03 -6.22,7.96 -3.29,5.8 -4.27,12.67 -7.21,18.65 -3.81,7.74 -10.99,13.86 -13.43,22.13 -3.15,10.7 -3.11,83.38 -3.11,83.38 0,0 11.88,7.77 18.15,10.51 0,0 -6.03,2.05 -6.59,2.61 0,0 2.92,0.68 5.16,2.92
l -0.31,6.34
c 0,0 0.93,1.31 2.11,1.8
l -0.37,2.18
c 4.3,2.58 8.74,4.23 15.47,3.85 0,0 0.44,0.31 0.57,1.01 0,0 2.29,0.53 7.87,0.35
m -30.44,-18.5 0.09,-5.78"
/>
</>
)
/*
* SVG elements for the back
*/
const Back = ({ stroke }) => (
<>
<path
key="outline"
d="m 168.62,154.23 -0.09,-5.78
M 139.33,5.29
c 0,0 3.55,-0.03 5.22,0.5 2.09,0.66 4.06,1.8 5.72,3.23 2.55,2.2 4.56,5.03 6.22,7.96 3.29,5.8 4.27,12.67 7.21,18.65 3.81,7.74 10.99,13.86 13.43,22.13 3.15,10.7 3.11,83.38 3.11,83.38 0,0 -11.88,7.77 -18.15,10.51 0,0 6.03,2.05 6.59,2.61 0,0 -2.92,0.68 -5.16,2.92
l 0.31,6.34
c 0,0 -0.93,1.31 -2.11,1.8
l 0.37,2.18
c -4.3,2.58 -8.74,4.23 -15.47,3.85 0,0 -0.44,0.31 -0.57,1.01 0,0 -2.29,0.53 -7.87,0.35
M 139.33,5.29
c 0,0 -3.55,-0.03 -5.22,0.5 -2.09,0.66 -4.06,1.8 -5.72,3.23 -2.55,2.2 -4.56,5.03 -6.22,7.96 -3.29,5.8 -4.27,12.67 -7.21,18.65 -3.81,7.74 -10.99,13.86 -13.43,22.13 -3.15,10.7 -3.11,83.38 -3.11,83.38 0,0 11.88,7.77 18.15,10.51 0,0 -6.03,2.05 -6.59,2.61 0,0 2.92,0.68 5.16,2.92
l -0.31,6.34
c 0,0 0.93,1.31 2.11,1.8
l -0.37,2.18
c 4.3,2.58 8.74,4.23 15.47,3.85 0,0 0.44,0.31 0.57,1.01 0,0 2.29,0.53 7.87,0.35
m -30.44,-18.5 0.09,-5.78"
/>
<path
key="folds"
opacity={0.3}
d="m 154.75,30.16
c 0,0 -0.19,-12.37 -6.16,-17.97
M 169.96,107.32
c 0,0 -9.14,-42.73 -11.96,-69.64
M 146.27,159.68
c 0,0 0,-52.26 -0.22,-78.39 -0.07,-8.27 -0.35,-24.8 -0.35,-24.8
m 16.02,108.84
c 0,0 -0.7,-51.63 -2.36,-77.38 -0.9,-13.91 -4.11,-41.63 -4.11,-41.63
m 8.27,110.86 -0.5,-12.75
M 123.91,30.16
c 0,0 0.19,-12.37 6.16,-17.97
M 108.69,107.32
c 0,0 9.14,-42.73 11.96,-69.64
M 132.39,159.68
c 0,0 -0,-52.26 0.22,-78.39 0.07,-8.27 0.35,-24.8 0.35,-24.8
M 116.95,165.33
c 0,0 0.7,-51.63 2.36,-77.38 0.9,-13.91 4.11,-41.63 4.11,-41.63
m -8.27,110.86 0.5,-12.75"
/>
</>
)

120
packages/react-components/src/linedrawings/hi.mjs Normal file
View file

@ -0,0 +1,120 @@
import React from 'react'
import { LineDrawingWrapper } from './shared.mjs'
const strokeScale = 0.5
export const Hi = ({
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 228 140" {...{ className, stroke }}>
<Front stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* React component for the front
*/
export const HiFront = ({
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 228 140" {...{ className, stroke }}>
<Front stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* SVG elements for the front
*/
export const Front = ({ stroke }) => (
<>
<path
key="folds"
opacity={0.3}
d="m 109.14,106.83
c 0,0 36.32,8.99 40.28,9.11
m 32.2,-78.22
c 0,0 17.66,3.97 24.63,14.26 6.97,10.29 11.34,19.04 11.1,33.54 -0.24,14.5 -0.97,11.42 -0.97,11.42
M 176.99,77.26
c 0,0 32.25,-6 38.48,-4.29 0,0 3.4,-2.19 6.56,-2.67
m -110.19,33.79
c 0,0 15.39,-2.67 17.34,-2.51 1.94,0.16 9.24,3.89 13.77,3.4 4.54,-0.49 25.93,3.97 40.92,0.49 14.99,-3.48 27.55,-5.83 28.11,-5.83
m -94.79,18.96
c 0,0 -4.94,-1.13 -8.75,-12.15
m -65.63,24.14
c 0,0 26.74,-10.94 34.03,-14.34 7.29,-3.4 32.81,-8.26 35.41,-12.4
m -3.06,-10.98 2.29,9.68
m 2.92,-9.68 1.72,9.62
m 10.14,-19.13 4.53,18.45
m -8.82,-15.24 3.32,15.07
m -6.7,-12.89 2.46,13.75"
/>
<path
key="outline"
d="m 158.93,97.78
a 4.83,3.82 15.24 0 1 -5.66,2.42 4.83,3.82 15.24 0 1 -3.65,-4.96 4.83,3.82 15.24 0 1 5.66,-2.42 4.83,3.82 15.24 0 1 3.65,4.96
z
m -54.36,18.61
c 0,0 50.14,11.34 59.06,9.24 8.91,-2.11 12.32,-1.3 18.31,-5.02 -11.34,0.81 -33.15,-4.82 -33.15,-4.82 13.98,0.3 43.3,-0.96 43.3,-0.96 0,0 3.53,0.69 9.29,-3.68 0,0 11.13,-13.43 17.35,-14.81 0,0 5.07,-16.12 3.53,-25.94 -1.54,-9.83 -2.77,-10.04 -6.14,-16.27 -4.82,-8.93 -12.13,-10.75 -12.59,-11.51 -0.46,-0.77 -24.41,-7.68 -49.43,-7.37 -25.02,0.31 -27.48,-3.07 -27.48,-3.07 -0.07,0 -1.63,-11.94 -7.06,-20.61 -4.58,-7.3 -7.53,-6.24 -9.82,-5.15 -1.03,0.49 -1.44,2.72 -1.44,2.72 0,0 -1.13,16.29 -3.65,20.5 -2.51,4.21 -5.72,13.37 -4.36,19.26 -10.84,7.8 -20.65,15.37 -20.65,15.37 0,0 -0.96,-0.03 -4.12,-3.31 -3.16,-3.28 -4.58,4.13 -4.58,4.13 0,0 -4.9,10.37 -8.79,11.99 -3.89,1.62 -7.72,1.82 -7.72,1.82 0,0 -2.12,-3.61 -3.04,-10.89 -0.92,-7.28 -7.33,-4.07 -10.03,1.83
C 38.67,75.73 38.44,80.65 28.25,85.87 18.05,91.08 8.94,93.66 8.94,93.66
c 0,0 -8.08,4.3 0.92,6.76 0,0 17.47,-2.98 21.54,-2.86 4.07,0.11 15.64,-0.57 17.19,-2.41 0,0 9.57,5.5 22.34,7.39
m 17.36,-9.05
c 0,0 -23.26,11 -29.1,16.96 0,0 -15.01,13.64 -15.35,15.58 -0.34,1.95 -4.24,9.28 6.65,8.02 10.89,-1.26 49.04,-13.98 58.09,-19.82
m 66.31,4.38 0.43,1.83
m -3.98,-0.52 1,-1.52
m -3.18,-0.32 0.49,1.55
m -5.76,-0.57 1.75,-1.78
m 21.11,-2.06
c 0.01,0 3.3,7.1 6.16,-0.24 0.33,-0.09 4.44,5.24 4.61,-1.01
m -21.58,6.46
c 0.04,0.01 4.16,-5.32 4.33,0.93
m -1.66,-6
c 0,0 3.21,6.7 6,-0.23
m -13.14,0.76
c 0,0 1.6,6.87 5.79,-0.29
m -12.12,0.08
c 0,0 1.6,6.87 5.79,-0.29
m 32.62,-6.57
c 0.29,-0.35 3.7,2.08 2.36,-2.21
m -4.6,4.96
c 0.27,-0.21 4.4,1.64 2.46,-2.82
m -5.95,4.51
c 0.23,-0.18 4.59,3.35 3.58,-1.85"
/>
</>
)

157
packages/react-components/src/linedrawings/holmes.mjs Normal file
View file

@ -0,0 +1,157 @@
import React from 'react'
import { LineDrawingWrapper, thin, dashed } from './shared.mjs'
const strokeScale = 0.6
export const Holmes = ({
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 260 169" {...{ className, stroke }}>
<Front stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* React component for the front
*/
export const HolmesFront = ({
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 260 169" {...{ className, stroke }}>
<Front stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* SVG elements for the front
*/
export const Front = ({ stroke }) => (
<>
<path
key="stitches"
{...dashed(stroke)}
{...thin(stroke)}
d="m 56.32,60.62
c 0,0 11.25,-19 32.61,-27.41 0,0 8.19,-3.97 26.34,-6.77
m 95.88,107.85
c 0.11,-1.7 -0.46,-12.97 -0.42,-14.91 -0.37,-15.22 -7.3,-36.84 -14.33,-52.21 -6.3,-13.76 -9.74,-23.61 -28.24,-35.56 -6.01,-2.01 -10.22,-2.82 -15.41,-3.84 -0.56,-0.11 -2.04,-0.47 -2.43,-0.29 -0.84,0.39 -0.69,4.8 -0.6,5.58 1,8.47 4.9,19.57 7.86,27.04 7.27,18.35 6.82,30.71 8.14,48.07 0.43,5.68 -1.35,16.14 -1.52,17.01 -1.48,7.7 -3.78,13.77 -5.55,17.78"
/>
<path
key="folds"
opacity={0.3}
d="m 144.73,143.67
c 0,0 14.89,-42.3 5.3,-97.81 -1.46,-5.69 -1.6,-11.55 -6.71,-16.75
M 61.95,114.83
C 61.57,114.74 72.06,83.32 82.76,64.9 86.74,58.05 89.42,52.8 90.78,50.99 96.77,42.96 105.09,28.97 143.32,29.11
m 72.81,103.33
c 1.43,0.09 2.86,0.22 4.29,0.37 1.43,0.12 2.85,0.38 4.26,0.63 1.41,0.27 2.81,0.56 4.21,0.92 0.7,0.18 1.39,0.36 2.08,0.56 0.68,0.21 1.37,0.41 2.05,0.65
l -4.21,-0.85
c -1.41,-0.27 -2.8,-0.55 -4.21,-0.81 -1.4,-0.25 -2.81,-0.52 -4.22,-0.73 -1.41,-0.22 -2.83,-0.45 -4.23,-0.74
z
m 32.91,-3.78
c 0.88,0.08 1.75,0.22 2.6,0.49 0.41,0.16 0.86,0.34 1.16,0.75 0.15,0.21 0.2,0.52 0.11,0.76 -0.08,0.25 -0.22,0.45 -0.37,0.63 -0.63,0.69 -1.43,1.12 -2.2,1.54 -0.79,0.41 -1.6,0.76 -2.42,1.08 -1.65,0.64 -3.4,1.06 -5.16,1.23 -0.88,0.09 -1.77,0.12 -2.64,0.11 -0.88,-0.03 -1.76,-0.09 -2.63,-0.22 1.76,0.05 3.51,-0.01 5.23,-0.26 1.72,-0.26 3.41,-0.68 5.03,-1.32 0.81,-0.31 1.61,-0.65 2.39,-1.04 0.77,-0.39 1.55,-0.81 2.14,-1.39 0.28,-0.29 0.49,-0.66 0.28,-0.98 -0.2,-0.31 -0.6,-0.53 -0.99,-0.69 -0.79,-0.34 -1.66,-0.53 -2.51,-0.71
z
M 37.2,109.51
c 0.92,1.96 1.92,3.87 3.03,5.72 1.11,1.85 2.32,3.63 3.66,5.32 1.31,1.71 2.77,3.29 4.32,4.78 0.77,0.75 1.59,1.45 2.43,2.13 0.83,0.69 1.71,1.31 2.61,1.91 -1.91,-1.02 -3.67,-2.33 -5.3,-3.77 -1.62,-1.45 -3.1,-3.05 -4.45,-4.76 -1.32,-1.73 -2.55,-3.52 -3.6,-5.43 -0.52,-0.95 -1.02,-1.92 -1.48,-2.9 -0.44,-0.99 -0.87,-1.99 -1.23,-3.01
z
M 210.73,78.56
c 0.83,1.54 1.58,3.12 2.27,4.73 0.34,0.81 0.66,1.62 0.97,2.44
l 0.87,2.48
c 1.09,3.33 1.86,6.77 2.38,10.23 0.48,3.47 0.74,6.98 0.67,10.48 -0.03,1.75 -0.13,3.5 -0.28,5.25 -0.18,1.74 -0.39,3.48 -0.69,5.2 0.8,-6.94 0.86,-13.97 -0.18,-20.86 -0.48,-3.45 -1.25,-6.86 -2.26,-10.19 -1,-3.34 -2.28,-6.59 -3.76,-9.76
z
M 168.14,33.1
c 2.68,3.89 5.59,7.63 8.74,11.14 1.58,1.75 3.2,3.47 4.88,5.12 0.84,0.83 1.7,1.63 2.56,2.44 0.87,0.8 1.72,1.64 2.53,2.51 3.17,3.56 5.6,7.71 7.49,12.05 1.9,4.35 3.27,8.9 4.34,13.5 -0.65,-2.27 -1.29,-4.55 -2.08,-6.78 -0.76,-2.24 -1.61,-4.44 -2.6,-6.58 -1.95,-4.29 -4.35,-8.39 -7.51,-11.88 -1.56,-1.74 -3.38,-3.28 -5.05,-4.96 -1.68,-1.67 -3.31,-3.39 -4.85,-5.19 -1.55,-1.79 -3.03,-3.64 -4.45,-5.54 -1.4,-1.91 -2.76,-3.85 -4.01,-5.86
z
M 152.36,142.01
c 2.9,-0.27 5.79,-0.65 8.64,-1.18 2.86,-0.51 5.7,-1.15 8.5,-1.92 5.59,-1.56 11.11,-3.49 16.2,-6.27 1.27,-0.7 2.48,-1.49 3.75,-2.23 1.27,-0.73 2.57,-1.39 3.91,-1.99 2.67,-1.19 5.44,-2.17 8.27,-2.87 2.83,-0.71 5.72,-1.2 8.62,-1.49 2.9,-0.27 5.82,-0.36 8.73,-0.26 -5.82,0 -11.65,0.62 -17.25,2.11 -2.8,0.76 -5.54,1.71 -8.18,2.92 -1.32,0.6 -2.61,1.26 -3.86,1.99 -1.25,0.73 -2.46,1.54 -3.74,2.25 -2.57,1.41 -5.26,2.56 -7.99,3.58 -2.74,1.01 -5.52,1.9 -8.34,2.63 -5.64,1.46 -11.43,2.4 -17.24,2.74
z
M 40.37,102.77
c 2.59,2.2 5.46,4.04 8.53,5.46 3.06,1.42 6.31,2.45 9.63,3.06 3.32,0.65 6.71,0.89 10.09,0.83 3.39,-0.05 6.77,-0.39 10.12,-0.94 -1.66,0.38 -3.34,0.66 -5.02,0.89 -0.85,0.1 -1.69,0.2 -2.54,0.26 -0.85,0.08 -1.7,0.12 -2.55,0.16 -3.4,0.14 -6.83,-0.11 -10.19,-0.73 -3.35,-0.65 -6.64,-1.69 -9.7,-3.2 -0.75,-0.41 -1.52,-0.77 -2.25,-1.22 -0.72,-0.46 -1.45,-0.9 -2.16,-1.36 -1.39,-0.98 -2.73,-2.05 -3.95,-3.22
z
m 61.69,57.58
c 2.66,-0.25 5.31,-0.57 7.93,-1.02 2.62,-0.46 5.23,-1 7.8,-1.69 2.58,-0.66 5.12,-1.46 7.62,-2.36 1.25,-0.45 2.5,-0.92 3.73,-1.43 1.24,-0.49 2.46,-1.03 3.69,-1.56 -2.36,1.26 -4.8,2.37 -7.29,3.34 -2.49,0.98 -5.05,1.78 -7.64,2.48 -2.6,0.66 -5.22,1.21 -7.87,1.59 -1.32,0.19 -2.66,0.34 -3.99,0.46 -1.33,0.1 -2.67,0.18 -4,0.2
z
m -86.03,-33
c -1.06,0.22 -2.13,0.47 -3.09,0.95 -0.24,0.12 -0.46,0.27 -0.65,0.45 -0.19,0.18 -0.33,0.4 -0.35,0.65 -0.02,0.24 0.12,0.47 0.29,0.66 0.17,0.2 0.37,0.37 0.58,0.54 0.86,0.64 1.82,1.15 2.79,1.63 0.97,0.49 1.96,0.91 2.96,1.34 2,0.84 4.02,1.62 6.04,2.41 2.02,0.78 4.06,1.54 6.11,2.23 4.1,1.41 8.31,2.48 12.61,3.02 4.3,0.56 8.65,0.65 12.98,0.37 -2.16,0.25 -4.33,0.35 -6.51,0.36 -2.18,-0.01 -4.35,-0.13 -6.52,-0.37 -4.34,-0.48 -8.59,-1.55 -12.71,-2.93 -2.06,-0.7 -4.09,-1.48 -6.12,-2.28 -2.02,-0.81 -4.05,-1.58 -6.03,-2.48 -0.99,-0.45 -1.98,-0.9 -2.95,-1.41 -0.96,-0.51 -1.92,-1.04 -2.79,-1.72 -0.21,-0.18 -0.42,-0.37 -0.6,-0.59 -0.17,-0.22 -0.34,-0.49 -0.31,-0.81 0.03,-0.31 0.21,-0.56 0.42,-0.74 0.21,-0.19 0.45,-0.33 0.7,-0.45 1,-0.46 2.08,-0.66 3.15,-0.84
z
M 132.55,35.28
c 2.29,3.88 4.31,7.91 6.02,12.08 1.66,4.19 3.07,8.48 4.13,12.87 2.14,8.77 2.93,17.84 2.62,26.85 -0.34,9.02 -1.74,17.98 -4.03,26.69 -1.15,4.35 -2.48,8.67 -4.03,12.89 -1.54,4.23 -3.28,8.39 -5.17,12.47 1.82,-4.12 3.48,-8.3 4.95,-12.55 1.5,-4.24 2.78,-8.55 3.89,-12.91 2.2,-8.71 3.6,-17.64 3.9,-26.62 0.34,-8.97 -0.45,-18 -2.5,-26.75 -2.05,-8.74 -5.33,-17.21 -9.79,-25.03
z"
/>
<path
key="outline"
d="m 212.5,132.86
c 0.11,-1.72 0.18,-3.57 0.22,-5.52 0.28,-14.96 -4.59,-40.15 -12.99,-58.16 -6.56,-14.07 -10.04,-24.72 -28.29,-36.98 -1.33,-0.99 -2.86,-1.87 -4.62,-2.63
m -15.88,-3.12
c -1.51,-0.11 -2.84,0.2 -2.82,1.72 0.13,11.82 3.25,21.44 7.47,31.9 8.48,21.02 6.84,32.81 7.93,48.79 0.39,5.68 -1.35,16.14 -1.52,17.01 -1.48,7.7 -3.78,13.77 -5.55,17.78
M 147.49,25.42
c 1.5,0.06 13.89,0.56 13.89,0.56 1.27,0.13 3.12,0.27 5.37,0.22 3.45,-0.07 5.19,-0.13 6.28,-1.24 1.4,-1.43 1.14,-3.71 0.96,-5.22 -0.34,-3 -2.08,-7.24 -4.94,-7.71 -1.62,-0.27 -3.02,0.77 -3.81,1.35 -3.35,2.45 -11.59,8.23 -17.75,12.04
m 77.78,89.12
c -3.71,9.01 -10.18,19.68 -21.4,23.62 -1.45,0.51 -3.92,0.93 -8.86,1.77 -13.6,2.32 -18.66,1.98 -35.63,3.64 -5.88,0.57 -7.73,0.44 -14.65,0.1 -5.28,-0.52 -11.96,-2.56 -17.3,-4.23 -8.44,-3.54 -10.36,-6.23 -34.39,-15.27 -24.5,-9.22 -50.03,-12.48 -55.76,-17.27
M 225.32,114.56
C 222.73,99.86 218.3,88.29 214.59,80.31 210.02,70.47 205.32,63.44 203.25,60.47 196.46,50.71 189.96,44.24 187.53,41.89 181.86,35.93 173.37,32.02 167.83,29.7
M 156.17,143.84
c -3.71,1.19 -23.31,17.6 -37.16,19.23 -38.36,4.5 -79.62,-17.21 -112.43,-27.98 -1,-0.33 -1.38,-1.83 -1.32,-2.88 0.05,-0.9 0.8,-1.65 1.41,-2.31
C 15.24,120.44 26.41,112.33 37.28,106.9 39.12,89.79 55.1,57.65 74.91,42.73 86.86,33.73 105.13,29.33 120.75,27.17
l 22.29,-0.02
c 0,0 0.95,0.02 2.23,-1.03
m -24.18,1
c -4.89,-0.53 -5.69,-0.29 -7.1,-2.16 -1.8,-2.41 -1.16,-5.94 -0.73,-8.26 0.85,-4.65 3.83,-11.06 7.95,-11.44 1.08,-0.1 2.02,0.26 5.24,2.57 6.48,4.64 10.96,9.29 17.13,14.45
m 3.85,-0.07
c 6.56,-4.65 11.34,-8.69 18.18,-12.79 3.4,-2.04 4.37,-2.32 5.44,-2.13 4.08,0.71 6.53,7.34 7,12.05 0.23,2.36 0.59,5.93 -1.4,8.18 -1.55,1.74 -5.04,1.89 -9.95,2.02
l -15.76,-3.07 -3.44,-1.03
M 53.26,66.9
C 61.22,49.84 73.98,30.46 113.99,24.96
m 29.43,0.14
c -1.5,-0.06 -14.09,-0.42 -14.09,-0.42 -1.28,0.03 -2.91,-0.11 -5.15,-0.34 -3.43,-0.35 -5.17,-0.56 -6.16,-1.75 -1.27,-1.54 -0.83,-3.79 -0.54,-5.28 0.58,-2.96 2.66,-7.05 5.55,-7.28 1.64,-0.13 2.95,1.02 3.69,1.65 3.14,2.71 10.88,9.14 16.72,13.44
m 81.88,89.43 30.37,14.63
c -0.24,0.85 -0.68,2.07 -1.57,3.29 -0.72,0.98 -3.47,4.38 -12.56,5.13 -10.51,0.87 -22.76,-2.35 -29.18,-4.33
m -67.11,-107.16 2.84,2.05
m -2.65,-6.57 0.93,0.14
c 0.47,0.07 0.87,0.31 1.14,0.66 0.29,0.37 0.44,0.86 0.36,1.36
l -0.14,0.93
c -0.14,0.97 -1.05,1.64 -2.02,1.5
l -0.93,-0.14
c -0.97,-0.14 -1.64,-1.05 -1.5,-2.02
l 0.14,-0.93
c 0.04,-0.28 0.15,-0.54 0.3,-0.75 0.37,-0.54 1.03,-0.85 1.72,-0.74
z"
/>
</>
)

53
packages/react-components/src/linedrawings/hortensia.mjs Normal file
View file

File diff suppressed because one or more lines are too long

99
packages/react-components/src/linedrawings/huey.mjs Normal file
View file

File diff suppressed because one or more lines are too long

99
packages/react-components/src/linedrawings/hugo.mjs Normal file
View file

File diff suppressed because one or more lines are too long

143
packages/react-components/src/linedrawings/index.mjs Normal file
View file

@ -0,0 +1,143 @@
import { Aaron, AaronFront, AaronBack } from './aaron.mjs'
import { Albert, AlbertFront } from './albert.mjs'
import { Bee, BeeFront } from './bee.mjs'
import { Bella, BellaFront, BellaBack } from './bella.mjs'
import { Benjamin, BenjaminFront } from './benjamin.mjs'
import { Bent, BentFront, BentBack } from './bent.mjs'
import { Bibi, BibiFront, BibiBack } from './bibi.mjs'
import { Bob, BobFront, BobBack } from './bob.mjs'
import { Breanna, BreannaFront, BreannaBack } from './breanna.mjs'
import { Brian, BrianFront, BrianBack } from './brian.mjs'
import { Bruce, BruceFront, BruceBack } from './bruce.mjs'
import { Carlita, CarlitaFront, CarlitaBack } from './carlita.mjs'
import { Carlton, CarltonFront, CarltonBack } from './carlton.mjs'
import { Cathrin, CathrinFront, CathrinBack } from './cathrin.mjs'
import { Charlie, CharlieFront, CharlieBack } from './charlie.mjs'
import { Cornelius, CorneliusFront, CorneliusBack } from './cornelius.mjs'
import { Diana, DianaFront, DianaBack } from './diana.mjs'
import { Florence, FlorenceFront } from './florence.mjs'
import { Florent, FlorentFront } from './florent.mjs'
import { Gozer, GozerFront, GozerBack } from './gozer.mjs'
import { Hi, HiFront } from './hi.mjs'
import { Holmes, HolmesFront } from './holmes.mjs'
import { Hortensia, HortensiaFront } from './hortensia.mjs'
import { Huey, HueyFront, HueyBack } from './huey.mjs'
import { Hugo, HugoFront, HugoBack } from './hugo.mjs'
import { Lucy, LucyFront } from './lucy.mjs'
import { Lumina, LuminaFront, LuminaBack } from './lumina.mjs'
import { Lumira, LumiraFront, LumiraBack } from './lumira.mjs'
import { Lunetius, LunetiusFront } from './lunetius.mjs'
import { Noble, NobleFront, NobleBack } from './noble.mjs'
import { Simon, SimonFront, SimonBack } from './simon.mjs'
import { Teagan, TeaganFront, TeaganBack } from './teagan.mjs'
import { Tristan, TristanFront, TristanBack } from './tristan.mjs'
import { Uma, UmaFront, UmaBack } from './uma.mjs'
import { Umbra, UmbraFront, UmbraBack } from './umbra.mjs'
import { Wahid, WahidFront, WahidBack } from './wahid.mjs'
export const lineDrawingsFront = {
aaron: AaronFront,
albert: AlbertFront,
bee: BeeFront,
bella: BellaFront,
benjamin: BenjaminFront,
bent: BentFront,
bibi: BibiFront,
bob: BobFront,
breanna: BreannaFront,
brian: BrianFront,
bruce: BruceFront,
carlita: CarlitaFront,
carlton: CarltonFront,
cathrin: CathrinFront,
charlie: CharlieFront,
cornelius: CorneliusFront,
diana: DianaFront,
florence: FlorenceFront,
florent: FlorentFront,
gozer: GozerFront,
hi: HiFront,
holmes: HolmesFront,
huey: HueyFront,
hugo: HugoFront,
lucy: LucyFront,
lumina: LuminaFront,
lumira: LumiraFront,
lunetius: LunetiusFront,
noble: NobleFront,
hortensia: HortensiaFront,
simon: SimonFront,
teagan: TeaganFront,
tristan: TristanFront,
uma: UmaFront,
umbra: UmbraFront,
wahid: WahidFront,
}
export const lineDrawingsBack = {
aaron: AaronBack,
bella: BellaBack,
bent: BentBack,
bibi: BibiBack,
bob: BobBack,
breanna: BreannaBack,
brian: BrianBack,
bruce: BruceBack,
carlita: CarlitaBack,
carlton: CarltonBack,
cathrin: CathrinBack,
charlie: CharlieBack,
cornelius: CorneliusBack,
diana: DianaBack,
gozer: GozerBack,
huey: HueyBack,
hugo: HugoBack,
lumina: LuminaBack,
lumira: LumiraBack,
noble: NobleBack,
simon: SimonBack,
teagan: TeaganBack,
tristan: TristanBack,
uma: UmaBack,
umbra: UmbraBack,
wahid: WahidBack,
}
export const lineDrawings = {
aaron: Aaron,
albert: Albert,
bee: Bee,
bella: Bella,
benjamin: Benjamin,
bent: Bent,
bibi: Bibi,
bob: Bob,
breanna: Breanna,
brian: Brian,
bruce: Bruce,
carlita: Carlita,
carlton: Carlton,
cathrin: Cathrin,
charlie: Charlie,
cornelius: Cornelius,
diana: Diana,
florence: Florence,
florent: Florent,
gozer: Gozer,
hi: Hi,
holmes: Holmes,
huey: Huey,
hugo: Hugo,
lucy: Lucy,
lumina: Lumina,
lumira: Lumira,
lunetius: Lunetius,
noble: Noble,
hortensia: Hortensia,
simon: Simon,
teagan: Teagan,
tristan: Tristan,
uma: Uma,
umbra: Umbra,
wahid: Wahid,
}

79
packages/react-components/src/linedrawings/lucy.mjs Normal file
View file

@ -0,0 +1,79 @@
import React from 'react'
import { LineDrawingWrapper, thin, dashed } from './shared.mjs'
const strokeScale = 0.6
export const Lucy = ({
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 202 132" {...{ className, stroke }}>
<Front stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* React component for the front
*/
export const LucyFront = ({
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 202 132" {...{ className, stroke }}>
<Front stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* SVG elements for the front
*/
export const Front = ({ stroke }) => (
<>
<path
key="outline"
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"
/>
</>
)

161
packages/react-components/src/linedrawings/lumina.mjs Normal file
View file

@ -0,0 +1,161 @@
import React from 'react'
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"
/>
</>
)

179
packages/react-components/src/linedrawings/lumira.mjs Normal file
View file

@ -0,0 +1,179 @@
import React from 'react'
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"
/>
</>
)

58
packages/react-components/src/linedrawings/lunetius.mjs Normal file
View file

@ -0,0 +1,58 @@
import React from 'react'
import { LineDrawingWrapper, thin, dashed } from './shared.mjs'
const strokeScale = 0.6
export const Lunetius = ({
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 152 294" {...{ className, stroke }}>
<Front stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* React component for the front
*/
export const LunetiusFront = ({
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 152 294" {...{ className, stroke }}>
<Front stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* SVG elements for the front
*/
export const Front = ({ stroke }) => (
<>
<path
key="stitches"
{...dashed(stroke)}
{...thin(stroke)}
d="m 122.54,143.68 c 0,0 -4.45,-19.27 -2.89,-23.18 0,0 -9.25,-79.36 -12.97,-84.15 M 5.42,285.79 c 0,0 20.97,3.63 19.56,-1.2 -1.4,-4.83 0.11,-9.72 3.09,-13.06 6.87,-7.69 24.09,-1.5 29.12,-10.5 0.71,-1.27 -1.4,-2.91 -0.9,-4.29 6.97,-9.59 21.59,-21.39 25.35,-31.55 -6.98,-24.52 4.12,-28.18 12.25,-44.24 3.6,-7.87 -2.17,-18.03 1.38,-25.92 4.52,-7.34 19.12,-10.3 27.26,-11.36 M 109.3,35.16 c 10.86,13.56 15.67,82.56 15.67,82.56 1.3,8.1 15.02,12.9 15.02,12.9 3.25,1.03 5.2,2.75 6.37,4.46 M 103.52,15.39 c 0.75,4.99 -2.63,9.32 -2.62,11.62 0,2.23 0.58,3.87 2.35,5.25 m -0.4,0.9 C 96.65,33.37 73.94,28.08 64.32,18.34"
/>
<path
key="folds"
opacity={0.3}
d="m 129.2,31.54 c -0.02,3.03 -0.01,6.05 0.01,9.08 0.01,3.03 0.05,6.05 0.11,9.08 0.1,6.05 0.26,12.09 0.57,18.12 0.28,6.03 0.69,12.05 1.28,18.02 0.29,2.99 0.62,5.96 0.99,8.93 0.36,2.97 0.76,5.93 1.19,8.87 -0.47,-2.93 -0.91,-5.87 -1.31,-8.83 -0.39,-2.96 -0.74,-5.94 -1.06,-8.92 -0.63,-5.97 -1.13,-11.99 -1.43,-18.03 -0.29,-6.04 -0.36,-12.1 -0.41,-18.15 -0.03,-3.03 -0.05,-6.05 -0.04,-9.08 0.01,-3.03 0.05,-6.05 0.11,-9.08 z m -23.86,-9.59 -0.19,0.72 c -0.06,0.24 -0.13,0.49 -0.19,0.72 -0.07,0.24 -0.13,0.48 -0.2,0.71 -0.07,0.23 -0.14,0.47 -0.21,0.69 -0.28,0.91 -0.6,1.77 -0.93,2.6 -0.32,0.84 -0.65,1.66 -1,2.41 -0.18,0.38 -0.36,0.75 -0.54,1.1 -0.18,0.36 -0.37,0.71 -0.56,1.05 0.2,-0.32 0.39,-0.65 0.58,-1 0.19,-0.34 0.44,-0.69 0.62,-1.05 0.36,-0.74 0.72,-1.53 1.05,-2.36 0.32,-0.84 0.61,-1.74 0.89,-2.66 0.07,-0.23 0.1,-0.45 0.17,-0.69 0.07,-0.24 0.1,-0.52 0.17,-0.76 0.07,-0.24 0.12,-0.49 0.18,-0.74 l 0.18,-0.74 z M 99.06,33.18 96.74,32.91 C 95.96,32.81 95.19,32.73 94.41,32.6 93.63,32.48 92.86,32.36 92.08,32.21 91.31,32.07 90.53,31.93 89.76,31.76 86.66,31.12 83.59,30.29 80.55,29.34 77.52,28.35 74.51,27.24 71.58,25.96 70.11,25.31 68.65,24.66 67.21,23.95 65.78,23.24 64.36,22.5 62.96,21.73 c 1.43,0.7 2.87,1.42 4.32,2.07 1.45,0.68 2.91,1.31 4.39,1.92 2.95,1.23 5.94,2.33 8.96,3.29 3.02,0.98 6.08,1.8 9.16,2.5 0.77,0.18 1.54,0.34 2.31,0.49 0.77,0.17 1.55,0.3 2.32,0.44 0.77,0.15 1.55,0.26 2.32,0.38 l 2.33,0.36 z m 1.26,-0.01 -3.34,0.54 c -1.11,0.18 -2.22,0.37 -3.35,0.5 -1.12,0.14 -2.25,0.29 -3.38,0.4 -1.13,0.12 -2.26,0.24 -3.4,0.32 -4.54,0.37 -9.1,0.52 -13.66,0.49 -4.56,-0.07 -9.12,-0.29 -13.64,-0.75 -2.26,-0.24 -4.51,-0.49 -6.75,-0.81 -2.24,-0.32 -4.46,-0.69 -6.67,-1.1 2.23,0.32 4.47,0.65 6.72,0.9 2.24,0.28 4.5,0.5 6.76,0.7 4.52,0.39 9.06,0.62 13.6,0.65 4.54,0.06 9.09,-0.08 13.61,-0.39 1.13,-0.07 2.26,-0.16 3.39,-0.26 1.13,-0.09 2.26,-0.22 3.38,-0.34 1.13,-0.1 2.25,-0.26 3.37,-0.41 L 100.34,33.17 Z M 29.25,273.45 c 1.06,-6.55 2.11,-13.11 3.12,-19.68 1.03,-6.56 2.05,-13.14 3.03,-19.72 1.97,-13.16 3.91,-26.34 5.7,-39.57 1.85,-13.21 3.56,-26.47 5.22,-39.74 0.84,-6.64 1.64,-13.28 2.42,-19.93 0.81,-6.65 1.58,-13.3 2.33,-19.97 -0.65,6.69 -1.33,13.38 -2.04,20.04 -0.73,6.67 -1.48,13.34 -2.26,19.99 -1.57,13.31 -3.28,26.58 -5.08,39.8 -1.85,13.22 -3.76,26.41 -5.84,39.54 -1.04,6.56 -2.1,13.12 -3.2,19.66 -1.11,6.53 -2.25,13.05 -3.41,19.56 z M 79.65,163.53 c 2.28,-10.6 4.62,-21.12 6.96,-31.65 1.16,-5.27 2.37,-10.51 3.55,-15.77 1.19,-5.24 2.29,-10.56 3.42,-15.87 2.27,-10.57 4.46,-21.22 6.65,-31.87 l 3.24,-16 3.21,-16.03 c -1.88,10.85 -3.89,21.62 -5.97,32.34 -2.08,10.72 -4.28,21.37 -6.51,31.99 -1.15,5.29 -2.26,10.6 -3.48,15.83 -1.21,5.23 -2.41,10.49 -3.65,15.71 -2.45,10.45 -4.91,20.91 -7.43,31.3 z m -19.14,7.56 c -0.88,3.44 -1.69,6.89 -2.43,10.35 -0.72,3.47 -1.35,6.95 -1.94,10.43 -1.21,6.97 -2.18,13.97 -2.64,21.04 -0.41,7.07 -0.34,14.2 0.32,21.36 0.34,3.58 0.79,7.17 1.38,10.76 0.61,3.59 1.34,7.19 2.19,10.78 -0.72,-3.59 -1.33,-7.18 -1.8,-10.77 -0.5,-3.59 -0.89,-7.16 -1.16,-10.74 -0.53,-7.14 -0.61,-14.26 -0.14,-21.31 0.39,-7.07 1.39,-14.06 2.46,-21.04 0.52,-3.5 1.09,-6.98 1.72,-10.46 0.61,-3.48 1.29,-6.95 2.05,-10.41 z m 63.14,-52.13 0.48,-1.11 c 0.16,-0.37 0.32,-0.74 0.49,-1.1 0.17,-0.36 0.33,-0.73 0.51,-1.08 0.17,-0.36 0.35,-0.71 0.53,-1.06 0.72,-1.4 1.52,-2.71 2.34,-3.98 0.81,-1.29 1.64,-2.54 2.54,-3.69 0.45,-0.58 0.91,-1.15 1.38,-1.69 0.46,-0.56 0.95,-1.08 1.42,-1.61 -0.5,0.49 -0.99,1 -1.47,1.53 -0.48,0.53 -0.95,1.08 -1.41,1.65 -0.92,1.13 -1.82,2.34 -2.64,3.62 -0.81,1.29 -1.55,2.66 -2.25,4.08 -0.18,0.35 -0.35,0.72 -0.52,1.08 -0.17,0.36 -0.33,0.73 -0.49,1.1 -0.16,0.37 -0.31,0.75 -0.46,1.13 l -0.45,1.14 z m -28.21,63.11 -0.78,-1.34 c -0.26,-0.45 -0.51,-0.9 -0.8,-1.33 -0.27,-0.44 -0.54,-0.88 -0.83,-1.31 -0.28,-0.43 -0.57,-0.86 -0.86,-1.28 -1.17,-1.69 -2.42,-3.32 -3.76,-4.86 -1.32,-1.56 -2.73,-3.03 -4.19,-4.43 -0.73,-0.7 -1.48,-1.39 -2.24,-2.04 -0.76,-0.67 -1.54,-1.31 -2.32,-1.95 0.81,0.59 1.61,1.21 2.39,1.85 0.78,0.64 1.54,1.31 2.29,1.99 1.5,1.37 2.91,2.85 4.25,4.4 1.33,1.56 2.58,3.2 3.73,4.92 0.29,0.43 0.57,0.87 0.84,1.31 0.28,0.44 0.54,0.88 0.8,1.33 0.27,0.44 0.51,0.91 0.75,1.36 l 0.73,1.38 z"
/>
<path
key="outline"
d="m 109.59,33.66 a 3.28,2.81 0 0 1 -3.28,2.81 3.28,2.81 0 0 1 -3.28,-2.81 3.28,2.81 0 0 1 3.28,-2.81 3.28,2.81 0 0 1 3.28,2.81 z M 66.29,16.09 c -0.54,0.73 -1.98,2.14 -2.68,3.38 -0.53,0.94 -0.3,1.78 -0.91,2.15 -4.94,3.01 -11.99,4.28 -16.56,9.69 -6.95,22.05 -5.18,45.71 -6.27,65.87 -0.4,6.78 -0.98,13.56 -1.91,20.28 -5.82,41.84 -14.74,83.21 -23.01,124.63 -2.98,14.91 -11.05,32.64 -9.58,44.61 0.04,0.29 0.08,0.57 0.13,0.84 0,0 22.17,4.29 21.67,-2.97 0,0 -0,0 -0,0 -2.42,-2.9 -0.33,-8.22 2.08,-11.13 6.8,-8.24 24.77,-2.35 29.84,-11.75 0.69,-1.28 -1.41,-2.92 -0.9,-4.29 6.87,-9.38 21.3,-21.13 24.99,-31.1 -6.98,-24.52 4.12,-28.18 12.25,-44.24 3.6,-7.87 -2.17,-18.03 1.38,-25.92 4.52,-7.34 19.12,-10.3 27.26,-11.36 0,0 -4.45,-20.87 -2.89,-24.78 0,0 -9.25,-79.36 -12.97,-84.15 10.25,11.98 15.43,83.1 15.43,83.1 1.3,8.1 15.02,12.9 15.02,12.9 8.21,2.6 8.13,9.63 8.13,9.63 -5.01,-59.8 -17.54,-109.95 -17.54,-109.95 -8.74,-3.45 -22.59,-9.13 -23.93,-9.59 0.45,-2.84 -1.02,-6.89 -4.22,-8.79 m 45.69,128.33 c 0,0 -11.79,13.83 -12.64,15.32 0,0 6.16,54.87 10.69,65.62 -14.34,14.1 -13.72,42.61 -50.2,35.16 0,0 -0.6,-15.6 -2.1,-18.2 0,0 -10.67,-5.09 -14.71,-4.24 M 101.5,31.95 C 85.75,31.18 65.98,19.8 66.29,18.49 65.15,-0.84 90.06,4.15 101.11,13.15 v 0 c 3.96,3.82 -2.72,11.22 -1.07,16.46 0.47,1.48 2.91,3.64 2.91,3.64"
/>
</>
)

99
packages/react-components/src/linedrawings/noble.mjs Normal file
View file

@ -0,0 +1,99 @@
import React from 'react'
import { LineDrawingWrapper, thin, dashed } from './shared.mjs'
const strokeScale = 0.5
export const Noble = ({
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 152 83" {...{ className, stroke }}>
<Front stroke={stroke} />
<Back stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* React component for the front
*/
export const NobleFront = ({
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 76 83" {...{ className, stroke }}>
<Front stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* React component for the back
*/
export const NobleBack = ({
className = 'w-64', // CSS classes to apply
stroke = 1, // Stroke width to use
}) => {
// Normalize stroke across designs
stroke = stroke * strokeScale
return (
<LineDrawingWrapper viewBox="76 0 76 83" {...{ className, stroke }}>
<Back stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* SVG elements for the front
*/
export const Front = ({ stroke }) => (
<>
<path
key="stitches"
{...dashed(stroke)}
{...thin(stroke)}
d="m 49.952993,3.6931889 c -3.40842,3.4341601 -9.59006,3.5857201 -13.76413,3.7037901 -4.17407,0.11808 -9.08209,-0.6672501 -12.55681,-3.6683601 m 27.61528,-1.16272 c -0.36346,2.20357 -0.86053,4.275 -1.50638,6.1935701 -0.76472,2.27168 -2.57487,4.97719 -3.89792,6.05901 -2.37715,2.51352 -5.43883,3.75706 -9.14977,3.84587 -4.03175,-0.15292 -5.0981,-0.79048 -8.41579,-3.12701 -2.46811,-2.30835 -3.64124,-4.37869 -4.50688,-6.56646 -0.85207,-2.1535301 -1.45251,-4.4020601 -1.56864,-6.3444901 m 47.78595,5.8850601 c -3.40715,10.58105 -6.52658,17.900843 -3.53692,27.572333 0.89243,2.88693 2.34201,5.22395 4.34136,7.43254 M 3.3959329,8.513529 c 3.40714,10.58105 6.5265801,17.900843 3.53692,27.572333 -0.89244,2.88694 -2.34201,5.22396 -4.34136,7.43255 M 7.496973,75.558949 c 1.07421,0.37835 2.62202,0.88371 4.52173,1.35731 3.45545,0.8599 6.18595,1.143 8.58837,1.35731 6.28915,0.55827 12.11263,0.79375 16.0483,0.79507 3.93568,10e-4 9.75916,-0.2368 16.04831,-0.79507 2.40241,-0.21431 5.13291,-0.49741 8.58837,-1.35731 1.89706,-0.47096 3.44752,-0.97631 4.52173,-1.35731"
/>
<path
key="folds"
opacity={0.3}
d="m 11.798419,5.8578873 c -0.160362,-0.160362 8.176004,20.5190487 9.37078,32.6760727 1.612027,16.402602 0.548439,41.936486 0.548439,41.936486 M 61.735085,5.8972043 C 61.895447,5.7368423 53.55908,26.416254 52.364304,38.573278 50.752277,54.97588 51.815865,80.509764 51.815865,80.509764"
/>
<path
key="outline"
d="m 50.153093,2.1741089 c -4.9666,3.74351 -7.32157,3.84783 -13.41128,3.99834 -6.0897,0.15051 -9.24674,-0.79512 -13.39895,-3.99834 m 47.99013,39.6848631 -5.42396,35.811347 c -1.07421,0.381 -2.62467,0.88636 -4.52173,1.35731 -3.45546,0.8599 -6.18596,1.143 -8.58837,1.35732 -6.28915,0.55827 -12.11263,0.79639 -16.05096,0.79507 -3.93832,-0.001 -9.76179,-0.2368 -16.05094,-0.79507 -2.40242,-0.21432 -5.13292,-0.49742 -8.58838,-1.35732 -1.8997,-0.4736 -3.44752,-0.97895 -4.52172,-1.35731 L 2.1629729,41.858972 c 1.83875,-2.55568 3.13415,-4.84744 3.77587,-8.02626 1.9596101,-9.70708 -1.00841,-15.355613 -3.77587,-24.877323 L 23.342863,2.1741089 c 0.14817,1.09538 0.41275,2.667 0.90488,4.52173 0.59679,2.1655001 2.17675,5.5503801 4.84433,7.9013601 2.13448,1.88114 5.14379,3.01114 7.58103,2.98574 2.86131,-0.0519 5.84491,-1.12057 8.08998,-3.25372 2.03764,-1.93602 3.46705,-4.0472 4.48514,-7.6333801 0.49212,-1.85473 0.75671,-3.42635 0.90487,-4.52173 l 21.1799,6.7812801 c -2.76746,9.52171 -5.73548,15.170243 -3.77587,24.877323 0.64172,3.17882 1.93712,5.47058 3.77587,8.02626"
/>
</>
)
/*
* SVG elements for the front
*/
const Back = ({ stroke }) => (
<>
<path
key="outline"
d="m 115.26405,6.1525289 c -6.08971,0.15051 -9.24675,-0.79513 -13.39896,-3.99834 L 79.908123,8.735779 c 2.76746,9.52172 5.73547,15.170243 3.77586,24.877333 -0.64172,3.17882 -1.93712,5.47057 -3.77586,8.02625 l 5.64885,36.488687 c 1.47902,0.32015 2.9845,0.62442 4.52173,0.90488 8.831787,1.61395 17.176747,2.24895 24.976667,2.24614 7.79991,-0.003 16.14487,-0.63783 24.97666,-2.24914 1.53459,-0.28046 3.04271,-0.58208 4.52173,-0.90487 l 5.64886,-36.488507 c -1.83875,-2.55551 -3.13415,-4.84727 -3.77587,-8.02609 -1.95961,-9.70708 1.0084,-15.355613 3.77587,-24.877503 l -21.5273,-6.5789401 c -4.9666,3.74368 -7.32157,3.848 -13.41127,3.99851 z"
/>
<path
key="folds"
opacity={0.3}
d="M 89.767602,5.7303582 C 89.60724,5.5699962 97.94361,26.249407 99.13838,38.406431 c 1.61203,16.402602 0.54844,41.936485 0.54844,41.936485 M 139.70427,5.7696752 c 0.16036,-0.160362 -8.17601,20.5190498 -9.37078,32.6760738 -1.61203,16.402602 -0.54844,41.936487 -0.54844,41.936487"
/>
<path
key="stitches"
{...dashed(stroke)}
{...thin(stroke)}
d="m 148.94214,8.371109 c -3.40715,10.58105 -6.52658,17.900843 -3.53692,27.572333 0.89244,2.88694 2.34201,5.22396 4.34136,7.43254 M 81.192643,8.315319 c 3.40715,10.58105 6.52658,17.900833 3.53693,27.572323 -0.89244,2.88694 -2.34202,5.22396 -4.34137,7.43255 m 5.17142,32.688547 c 1.47902,0.32014 2.9845,0.62442 4.52173,0.90487 8.831787,1.61396 17.176737,2.24896 24.975337,2.24765 7.79859,-0.001 16.14355,-0.63633 24.97534,-2.24765 1.53459,-0.28045 3.04271,-0.58208 4.52173,-0.90487 M 129.89735,2.6149289 c -2.28793,2.04691 -5.10963,3.67333 -8.0686,4.31739 -2.44872,0.5330101 -4.99586,0.3514401 -6.97783,0.4044001 -1.98197,0.053 -4.95247,-0.10054 -7.31247,-0.7507401 -2.8688,-0.79035 -5.1148,-2.23633 -7.0212,-3.88288"
/>
</>
)

44
packages/react-components/src/linedrawings/shared.mjs Normal file
View file

@ -0,0 +1,44 @@
import React from 'react'
/*
* A React component to wrap SVG linedrawings for FreeSewing designs
*
* @param design {string} - The (lowercase) name of a FreeSewing design
* @param className {string} - CSS classes to set on the svg tag
*
* @return LineDrawing as JSX
*/
export const LineDrawingWrapper = ({
className = 'w-64', // CSS classes to apply
viewBox = '0 0 100 100', // SVG viewBox
stroke = 1, // Stroke to use
children = [], // The actual linedrawing
}) => (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox={viewBox}
strokeWidth={stroke}
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
className={className + ' linedrawing'}
>
{children}
</svg>
)
/*
* Think stroke-width helper to ensure consistency across linedrawings
*/
export const thin = (stroke = 1) => ({ strokeWidth: stroke / 2 })
/*
* Think stroke-width helper to ensure consistency across linedrawings
*/
export const veryThin = (stroke = 1) => ({ strokeWidth: stroke / 3 })
/*
* Dashed stroke-dasharray helper to ensure consistency across linedrawings
*/
export const dashed = (stroke = 1) => ({ strokeDasharray: `${stroke * 1.2},${stroke * 0.8}` })

140
packages/react-components/src/linedrawings/simon.mjs Normal file
View file

File diff suppressed because one or more lines are too long

99
packages/react-components/src/linedrawings/teagan.mjs Normal file
View file

@ -0,0 +1,99 @@
import React from 'react'
import { LineDrawingWrapper, thin, dashed } from './shared.mjs'
const strokeScale = 0.5
export const Teagan = ({
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 170 90" {...{ className, stroke }}>
<Front stroke={stroke} />
<Back stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* React component for the front
*/
export const TeaganFront = ({
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 85 90" {...{ className, stroke }}>
<Front stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* React component for the back
*/
export const TeaganBack = ({
className = 'w-64', // CSS classes to apply
stroke = 1, // Stroke width to use
}) => {
// Normalize stroke across designs
stroke = stroke * strokeScale
return (
<LineDrawingWrapper viewBox="85 0 85 90" {...{ className, stroke }}>
<Back stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* SVG elements for the front
*/
export const Front = ({ stroke }) => (
<>
<path
key="stitches"
{...dashed(stroke)}
{...thin(stroke)}
d="M 54.584904,4.0137479 C 51.407545,6.6387691 46.596054,6.6410307 42.797276,6.7364187 38.998506,6.8318448 35.253233,6.5680491 32.090083,4.4056922 m 23.7707,-1.7487673 c -0.226967,1.3805877 -0.70758,2.4055001 -1.257793,3.4129229 -1.79755,3.2911993 -6.2235,5.4814032 -12.292379,5.4814032 -6.068878,0 -9.926077,-3.6731567 -10.937556,-5.6930103 C 30.676675,4.4676188 30.681427,3.9597594 30.573789,2.6569249 M 67.360442,83.637596 c -12.880611,1.343127 -33.90761,0.952872 -46.856766,0.02596 M 81.589265,35.722268 67.074634,38.175524 M 5.9038296,36.171725 19.405882,38.576654"
/>
<path
key="folds"
opacity={0.3}
d="M 70.604927,7.8173242 C 65.467797,19.5193 64.584133,27.06187 65.368485,32.535438 M 15.896282,7.8173242 C 21.033411,19.5193 22.087929,26.927052 21.303578,32.400621"
/>
<path
key="outline"
d="M 54.849304,2.6569249 C 51.498412,5.080635 46.631917,5.0712645 42.523261,5.1686755 38.414617,5.2660102 34.386724,4.7308408 31.585268,2.6569249 M 18.601133,6.1964535 C 18.059196,6.3529524 16.917532,6.7591626 15.896282,7.8173242 10.817273,19.976317 7.9895978,25.631963 5.2511921,38.499302 l 13.4772069,2.282212 2.57518,-8.380894 c -0.556419,16.573489 -0.820761,53.949473 -0.820761,53.949473 18.517936,1.450282 28.387462,1.14069 47.062271,0.268834 0,0 -2.371454,-36.98114 -2.176604,-54.083481 l 2.298993,7.599865 14.499934,-2.469782 C 79.159569,23.828122 76.609669,19.261934 70.604927,7.8173242 69.583693,6.7591626 68.442017,6.3527616 67.900088,6.1964535 L 54.849304,2.6569249 C 54.572522,5.8486492 50.410016,10.491775 42.613516,10.44712 35.304224,10.405256 31.86586,5.880341 31.585268,2.6569249 Z"
/>
</>
)
/*
* SVG elements for the back
*/
const Back = ({ stroke }) => (
<>
<path
key="stitches"
{...dashed(stroke)}
{...thin(stroke)}
d="m 112.93882,2.9758369 c 0,0 1.00458,3.552872 12.67873,3.592531 11.67414,0.03967 13.34077,-3.489055 13.34077,-3.489055 m 10.9664,80.5820081 c -12.89497,1.34353 -33.94542,0.95316 -46.90901,0.026 m 61.1537,-47.953317 -14.50137,2.547881 m -61.268455,-2.098291 13.502445,2.450004"
/>
<path
key="folds"
opacity={0.3}
d="M 153.17283,7.8188359 C 148.02997,19.524239 147.14532,25.048574 147.93055,30.523747 M 98.403176,7.8188359 C 103.54604,19.524239 104.60173,24.913717 103.8165,30.38889 m 4.78524,20.949681 c 6.03678,-4.14932 21.64867,-3.66915 31.6282,-8.061709 m -21.58001,11.172179 c 10.51228,-3.49506 15.19194,0.58831 22.83301,-0.81461"
/>
<path
key="outline"
d="m 125.05984,5.1694109 c -4.11322,0.09736 -8.1456,-0.437962 -10.95018,-2.512486 l -12.99861,3.540566 c -0.54254,0.156544 -1.685484,0.562873 -2.707874,1.621345 -5.08468,12.1625561 -7.9155,17.8220271 -10.656953,30.6931421 l 13.491047,2.28288 2.57923,-8.385525 c -0.55703,16.578348 -0.82167,53.965289 -0.82167,53.965289 18.53859,1.450699 28.41911,1.141019 47.11475,0.26891 0,0 -2.37411,-36.99198 -2.17903,-54.099334 l 2.30273,7.60427 14.51492,-2.470509 c -3.0112,-13.841465 -5.56394,-18.41116 -11.57537,-29.8591231 -1.02238,-1.058472 -2.16533,-1.464992 -2.70786,-1.621345 l -13.06533,-3.540566 c -3.35464,2.42442 -8.22655,2.415047 -12.3398,2.512486 z"
/>
</>
)

87
packages/react-components/src/linedrawings/tristan.mjs Normal file
View file

File diff suppressed because one or more lines are too long

89
packages/react-components/src/linedrawings/uma.mjs Normal file
View file

@ -0,0 +1,89 @@
import React from 'react'
import { LineDrawingWrapper, thin, dashed } from './shared.mjs'
const strokeScale = 0.5
export const Uma = ({
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 221 75" {...{ className, stroke }}>
<Front stroke={stroke} />
<Back stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* React component for the front
*/
export const UmaFront = ({
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 110 75" {...{ className, stroke }}>
<Front stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* React component for the back
*/
export const UmaBack = ({
className = 'w-64', // CSS classes to apply
stroke = 1, // Stroke width to use
}) => {
// Normalize stroke across designs
stroke = stroke * strokeScale
return (
<LineDrawingWrapper viewBox="110 0 110 75" {...{ className, stroke }}>
<Back stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* SVG elements for the front
*/
export const Front = ({ stroke }) => (
<>
<path
key="stitches"
{...dashed(stroke)}
{...thin(stroke)}
d="m 100.5719,23.435806 -38.537603,46.8512 m 40.870403,-49.1168 c -0.8352,0.1312 -2.0544,0.3808 -2.8,0.5408 -0.396803,0.0832 -0.659203,0.144 -0.659203,0.144 -0.3328,0.1024 -0.7136,0.2208 -1.1392,0.3584 -0.96,0.3072 -2.1344,0.6976 -3.4624,1.1744 -3.2896,1.184 -12.7712,4.656 -19.936,10.3456 -2.0096,1.5968 -3.4592,3.0656 -3.8336,3.4496 -1.0432,1.0688 -5.2544,6.7872 -6.8992,11.1136 -0.8192,2.1504 -1.872,4.912 -2.6848,8.432 -0.784,3.3888 -1.648,8.7872 -1.1488,15.712 M 100.7735,4.2454059 l -3.420803,1.1488 c -0.9856,0.2784 -2.432,0.6816 -4.1824,1.1488 -5.3728,1.4304 -12.5856,3.3504 -20.5312,4.5952001 -4.6912,0.736 -11.1424,1.472 -19.0112,1.5328 h -1.6544 c -7.8656,-0.0608 -14.3168,-0.7968 -19.0112,-1.5328 -7.9456,-1.2448001 -15.1584,-3.1648001 -20.5312,-4.5952001 -1.7504,-0.4672 -3.1967997,-0.8704 -4.1823997,-1.1488 l -3.4208,-1.1488 m 86.9983997,0.4576 c -0.7456,0.0736 -1.4944,0.144 -2.2464,0.2144 -12.9184,1.1904 -25.1808,1.7376 -36.688,1.824 h -0.1792 c -11.504,-0.0864 -23.7696,-0.6336 -36.688,-1.824 -0.752,-0.0704 -1.5008,-0.1408 -2.2464,-0.2144 M 5.0358973,23.435806 43.570297,70.287006 M 2.6998973,21.170206 c 0.8352,0.1312 2.0544,0.3808 2.8,0.5408 0.3968,0.0832 0.6592,0.144 0.6592,0.144 0.3328,0.1024 0.7136,0.2208 1.1392,0.3584 0.96,0.3072 2.1344,0.6976 3.4623997,1.1744 3.2896,1.184 12.7712,4.656 19.936,10.3456 2.0096,1.5968 3.4592,3.0656 3.8336,3.4496 1.0432,1.0688 5.2544,6.7872 6.8992,11.1136 0.8192,2.1504 1.872,4.912 2.6848,8.432 0.784,3.3888 1.648,8.7872 1.1488,15.712"
/>
<path
key="outline"
d="m 40.658297,65.695006 h 2.8224 m 18.6464,0 h 2.8224 M 100.8887,4.9142059 l -3.420803,1.1488 c -0.9856,0.2784 -2.432,0.6816 -4.1824,1.1488 -5.3728,1.4304 -12.5856,3.3504001 -20.5312,4.5952001 -4.6912,0.736 -11.1424,1.472 -19.0112,1.5328 h -1.8816 c -7.8656,-0.0608 -14.3168,-0.7968 -19.0112,-1.5328 -7.9456,-1.2448 -15.1584,-3.1648001 -20.5312,-4.5952001 -1.7504,-0.4672 -3.1967997,-0.8704 -4.1823997,-1.1488 l -3.4208,-1.1488 M 103.2631,20.453406 c -0.7712,0 -4.243203,0.7808 -4.243203,0.7808 -1.0944,0.3392 -2.7072,0.8608 -4.6304,1.5616 -3.312,1.2064 -12.8512,4.7488 -20.0608,10.5472 -2.0224,1.6256 -3.4816,3.1264 -3.8592,3.5168 -1.0496,1.0912 -5.2864,6.9184 -6.944,11.328 -0.8224,2.192 -1.8816,5.008 -2.7008,8.5952 -0.7872,3.4528 -1.6576,8.9568 -1.1584,16.016 m 39.9936,-49.056 -37.6224,45.4752 m 1.0848,-10.0576 h -10.144 -0.192 -10.144 M 100.3959,2.1686059 l -3.420803,1.1488 c -0.9856,0.2784 -2.432,0.6816 -4.1824,1.1488 -5.3728,1.4304 -12.5856,3.3504 -20.5312,4.5952 -4.6912,0.736 -11.1424,1.4720001 -19.0112,1.5328001 h -0.896 c -7.8656,-0.0608 -14.3168,-0.7968001 -19.0112,-1.5328001 -7.9456,-1.2448 -15.1584,-3.1648 -20.5312,-4.5952 -1.7504,-0.4672 -3.1967997,-0.8704 -4.1823997,-1.1488 l -3.4208,-1.1488 M 103.2631,22.962206 c -0.7264,0 -4.000003,0.7424 -4.000003,0.7424 -1.0336,0.3232 -2.5504,0.8192 -4.3648,1.488 -3.12,1.1488 -12.112,4.5184 -18.9088,10.0416 -1.9072,1.5488 -3.2832,2.976 -3.6352,3.3472 -0.9888,1.0368 -4.9824,6.5856 -6.544,10.784 -0.7776,2.0864 -1.776,4.768 -2.544,8.1824 -0.7424,3.2864 -1.5616,8.528 -1.0912,15.248 m -9.2832,-0.1792 h 9.3216 c 0,0 41.228803,-49.8336 41.228803,-49.8336 L 100.3959,2.1686059 c -3.529603,0.2144 -8.217603,0.4992 -11.830403,0.7168 -14.7328,0.8864 -18.3392,1.0816 -22.7648,1.2544 -3.0048,0.1184 -7.456,0.2688 -12.9056,0.3584 h -0.1792 c -5.4528,-0.0896 -9.9008,-0.24 -12.9056,-0.3584 -4.4288,-0.1728 -8.032,-0.368 -22.7648,-1.2544 -3.616,-0.2176 -8.3007997,-0.5024 -11.8303997,-0.7168 l -3.0464,20.6144001 41.2287997,49.8336 h 9.5008 z M 2.3414973,20.453406 c 0.7712,0 4.2432,0.7808 4.2432,0.7808 1.0944,0.3392 2.7072,0.8608 4.6303997,1.5616 3.312,1.2064 12.8512,4.7488 20.0608,10.5472 2.0224,1.6256 3.4816,3.1264 3.8592,3.5168 1.0496,1.0912 5.2864,6.9184 6.944,11.328 0.8224,2.192 1.8816,5.008 2.7008,8.5952 0.7872,3.4528 1.6576,8.9568 1.1584,16.016 m -39.9903997,-49.056 37.6223997,45.4752 m -41.2287997,-46.256 c 0.7264,0 4,0.7424 4,0.7424 1.0336,0.3232 2.5504,0.8192 4.3647997,1.488 3.12,1.1488 12.112,4.5184 18.9088,10.0416 1.9072,1.5488 3.2832,2.976 3.6352,3.3472 0.9888,1.0368 4.9824,6.5856 6.544,10.784 0.7776,2.0864 1.776,4.768 2.544,8.1824 0.7424,3.2864 1.5616,8.528 1.0912,15.248"
/>
</>
)
/*
* SVG elements for the back
*/
const Back = ({ stroke }) => (
<>
<path
key="outline"
d="M 153.82629,65.695006 H 184.0983 M 121.0103,4.6774059 c 3.5616,0.2656 8.2944,0.6144 11.9424,0.8832 14.8704,1.0912 18.512,1.3312 22.9792,1.5456 3.0336,0.144 7.5264,0.3296 13.0272,0.4416 h 0.1824 c 5.504,-0.112 9.9936,-0.2944 13.0272,-0.4416 4.4704,-0.2144 8.1088,-0.4544 22.9792,-1.5456 3.648,-0.2688 8.3808,-0.6176 11.9424,-0.8832 m -98.4096,14.8799901 43.7376,53.05921 m 6.4544,0 h -9.3216 l -41.2288,-49.8336 3.0464,-20.6144001 c 3.5296,0.2144 8.2176,0.4992 11.8304,0.7168 14.7328,0.8864 18.3392,1.0816 22.7648,1.2544 3.0048,0.1184 7.456,0.2688 12.9056,0.3584 h 0.1792 c 5.4528,-0.0896 9.9008,-0.24 12.9056,-0.3584 4.4288,-0.1728 8.032,-0.368 22.7648,-1.2544 3.616,-0.2176 8.3008,-0.5024 11.8304,-0.7168 l 3.0464,20.6144001 -41.2288,49.8336 h -9.3216 c 0,0 -0.1792,0 -0.1792,0 z m 50.19201,-53.05921 -43.37922,53.05921"
/>
<path
key="stitches"
{...dashed(stroke)}
{...thin(stroke)}
d="m 120.9175,4.1398059 c 3.5616,0.2656 8.2944,0.6144 11.9424,0.8832 14.8704,1.0912 18.512,1.3312 22.9792,1.5456 3.0336,0.144 7.5264,0.3296 13.0272,0.4416 h 0.1824 c 5.504,-0.112 9.9936,-0.2944 13.0272,-0.4416 4.4704,-0.2144 8.1088,-0.4544 22.9792,-1.5456 3.648,-0.2688 8.3808,-0.6176 11.9424,-0.8832 m -98.3168,16.1344001 42.66241,52.3424 m 57.7216,-51.98401 -42.6624,51.98401"
/>
</>
)

170
packages/react-components/src/linedrawings/umbra.mjs Normal file
View file

@ -0,0 +1,170 @@
import React from 'react'
import { LineDrawingWrapper, thin, dashed } from './shared.mjs'
const strokeScale = 0.5
export const Umbra = ({
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 221 75" {...{ className, stroke }}>
<Front stroke={stroke} />
<Back stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* React component for the front
*/
export const UmbraFront = ({
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 110 75" {...{ className, stroke }}>
<Front stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* React component for the back
*/
export const UmbraBack = ({
className = 'w-64', // CSS classes to apply
stroke = 1, // Stroke width to use
}) => {
// Normalize stroke across designs
stroke = stroke * strokeScale
return (
<LineDrawingWrapper viewBox="110 0 110 75" {...{ className, stroke }}>
<Back stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* SVG elements for the front
*/
export const Front = ({ stroke }) => (
<>
<path
key="stitches"
{...dashed(stroke)}
{...thin(stroke)}
d="m 10.830078,22.927451
c 0.08842,0.0737 0.182392,0.13937 0.269531,0.21485 0.38874,0.33671 0.766362,0.69039 1.13086,1.05664 0.364497,0.36625 0.716333,0.7455 1.058594,1.13281 0.34226,0.38731 0.674064,0.78175 0.996093,1.18164 0.32203,0.39989 0.635649,0.80499 0.939453,1.20898 0.529714,0.71179 1.037387,1.43581 1.527344,2.17188 0.489958,0.73607 0.961362,1.48305 1.419922,2.23828 0.45856,0.75523 0.904323,1.51978 1.339844,2.28906 0.43552,0.76928 0.86041,1.54406 1.28125,2.32227 0.841679,1.55641 1.662988,3.1261 2.496093,4.6875 0.416553,0.7807 0.836725,1.55972 1.263672,2.33398 0.426947,0.77427 0.860941,1.54393 1.306641,2.30664 0.201699,0.34172 0.41716,0.67125 0.646484,0.99219 0.229325,0.32094 0.4728,0.63233 0.726563,0.93359 0.253763,0.30127 0.517953,0.59233 0.792969,0.875 0.275015,0.28268 0.560434,0.55709 0.853515,0.82227 0.293082,0.26518 0.594383,0.52271 0.902344,0.77148 0.307961,0.24878 0.621752,0.48919 0.941406,0.72266 0.639309,0.46694 1.299834,0.90413 1.966797,1.31641 0.397457,0.24787 0.803203,0.47797 1.214844,0.69531 0.411641,0.21734 0.829508,0.42113 1.251953,0.61523 0.844889,0.38821 1.706397,0.73904 2.574219,1.07813 0.867821,0.33909 1.741758,0.66722 2.605468,1.01562 0.431856,0.17421 0.861353,0.35354 1.28711,0.54102 0.425756,0.18748 0.847394,0.38373 1.263672,0.5918 0.2251,0.11491 0.446203,0.23953 0.662109,0.375 0.215906,0.13546 0.425725,0.28044 0.628906,0.43554 0.116473,0.0889 0.224559,0.18808 0.335938,0.28321
m 16.583984,0.006
c 0.132371,-0.11343 0.262844,-0.22958 0.402344,-0.33413 0.207949,-0.15585 0.423838,-0.30178 0.644531,-0.4375 0.220694,-0.13571 0.446049,-0.2603 0.675781,-0.375 0.250267,-0.12052 0.985781,-0.50317 1.439454,-0.67578 0.919825,-0.36742 1.849327,-0.72098 2.777343,-1.08398 0.928017,-0.36301 1.853935,-0.73615 2.763672,-1.13868 0.454869,-0.20126 0.906227,-0.40952 1.351563,-0.6289 0.445335,-0.21938 0.885865,-0.44842 1.318359,-0.69141 0.432494,-0.24299 0.857094,-0.49939 1.273438,-0.77148 0.416343,-0.27209 0.823819,-0.56051 1.220703,-0.86719 0.524526,-0.3915 1.036772,-0.80428 1.529297,-1.23828 0.492524,-0.434 0.964815,-0.88869 1.410156,-1.36914 0.22267,-0.24023 0.438457,-0.48766 0.646484,-0.74024 0.208028,-0.25257 0.408122,-0.51191 0.59961,-0.77734 0.191487,-0.26543 0.373825,-0.53569 0.546875,-0.81445 0.173049,-0.27877 0.337521,-0.56483 0.490234,-0.85742 0.488556,-0.86011 0.964642,-1.73007 1.435547,-2.60352 0.470905,-0.87345 0.935847,-1.74997 1.40039,-2.62891 0.929087,-1.75787 1.856749,-3.5193 2.828125,-5.25195 0.485689,-0.86633 0.982899,-1.72599 1.496094,-2.57422 0.513195,-0.84823 1.043712,-1.68554 1.595703,-2.50781 0.551992,-0.82227 1.126439,-1.62952 1.728516,-2.41797 0.602077,-0.78845 1.231079,-1.55791 1.894531,-2.30469 0.49614,-0.5409 1.017437,-1.0701 1.566406,-1.57031 0.208266,-0.18977 0.42447,-0.37007 0.640625,-0.55078
M 100.07421,8.1715314
c -0.655868,0.12256 -1.314401,0.2314 -1.970708,0.35156 -2.049786,0.3753 -4.100306,0.75008 -6.154297,1.10157 -2.714318,0.4558296 -5.430048,0.9029696 -8.150391,1.3300696 -2.720343,0.42711 -5.444133,0.83574 -8.171875,1.21094 -1.363871,0.1876 -2.729724,0.36683 -4.095703,0.53711 -1.365979,0.17028 -2.733304,0.33041 -4.101562,0.48047 -1.368258,0.15006 -2.736714,0.28907 -4.107422,0.41602 -1.370709,0.12694 -2.743856,0.24281 -4.117188,0.34375 -1.013049,0.0831 -2.025638,0.14277 -3.039062,0.18164 -1.013425,0.0389 -2.027593,0.0566 -3.041016,0.0566 -1.013423,0 -2.026017,-0.0192 -3.039062,-0.0527 -1.013045,-0.0335 -2.024818,-0.0809 -3.03711,-0.14258 -1.012292,-0.0616 -2.025948,-0.13628 -3.037109,-0.2207 -1.011161,-0.0844 -2.021597,-0.17941 -3.03125,-0.28125 -2.019294,-0.20364 -4.03389,-0.43643 -6.044908,-0.67768 -2.473879,-0.31185 -4.946987,-0.64435 -7.416016,-0.9961 -2.469028,-0.35174 -4.935212,-0.72254 -7.398437,-1.11328 -2.463227,-0.39074 -4.922437,-0.8016296 -7.378906,-1.2304696 -1.746469,-0.30488 -3.4897822,-0.62937 -5.2324224,-0.95312 -0.6557322,-0.12182 -1.3135929,-0.23491 -1.96875,-0.35938
v 10e-6
M 3.783203,19.917691
c 0.6082051,0.0416 1.2170396,0.0898 1.8242188,0.15039 0.05738,0.006 0.1145054,0.0137 0.171875,0.0195 0.6264114,0.0641 1.2518573,0.13404 1.8769531,0.21094 1.0040006,0.14872 2.0017288,0.33251 2.9921881,0.54882 0.990458,0.21632 1.973355,0.46521 2.947265,0.7461 0.97391,0.28089 1.938221,0.59308 2.892578,0.93555 0.954357,0.34245 1.898281,0.71615 2.830078,1.11718 0.931798,0.40104 1.85158,0.83052 2.757813,1.28711 0.906233,0.4566 1.800071,0.94007 2.677734,1.44922 0.877664,0.50915 1.73985,1.04286 2.585938,1.60156 0.846088,0.5587 1.674821,1.14281 2.486328,1.74805 0.450434,0.33646 0.896225,0.68157 1.333984,1.03516 0.437761,0.35358 0.868651,0.71578 1.292969,1.08593 0.424318,0.37016 0.841846,0.74666 1.251953,1.13282 0.410108,0.38615 0.811902,0.78199 1.207031,1.18359 0.395131,0.4016 0.782725,0.81009 1.16211,1.22656 0.379384,0.41648 0.750409,0.84069 1.113281,1.27149 0.362872,0.43079 0.716909,0.86795 1.0625,1.3125 0.345591,0.44455 0.684176,0.89577 1.011719,1.35351 0.327542,0.45775 0.644397,0.9222 0.953125,1.39258 0.308726,0.47038 0.609294,0.94724 0.898437,1.42969 0.289144,0.48244 0.567145,0.97089 0.835938,1.46484 0.268791,0.49396 0.527718,0.99315 0.77539,1.49805 0.247674,0.5049 0.485151,1.01401 0.710938,1.5293 0.225787,0.51528 0.439445,1.03739 0.642578,1.5625 0.203133,0.5251 0.394508,1.05352 0.574219,1.58789 0.179711,0.53437 0.348384,1.07412 0.503906,1.61718 0.142398,0.48419 0.275472,0.98286 0.398438,1.49414 0.122966,0.51129 0.235591,1.03518 0.339843,1.56641 0.104253,0.53123 0.198901,1.07124 0.285157,1.61524 0.08626,0.544 0.163442,1.09099 0.232421,1.64062 0.137959,1.09926 0.243247,2.20442 0.316407,3.2832 0.01327,0.19572 0.01219,0.37444 0.02344,0.56836 0.03959,0.68241 0.0665,1.34931 0.08203,2
m 11.939454,0
c 0.01285,-0.61027 0.0286,-1.27493 0.05859,-2 0.0039,-0.0949 0.0036,-0.16681 0.0078,-0.26172 0.04585,-1.02483 0.111486,-2.03814 0.199218,-2.75586 0.08691,-0.82804 0.199559,-1.6536 0.337891,-2.4746 0.138332,-0.821 0.301388,-1.63832 0.490235,-2.44922 0.188847,-0.8109 0.404127,-1.61439 0.642578,-2.41211 0.238449,-0.79773 0.50192,-1.58961 0.789062,-2.3711 0.287142,-0.78148 0.596719,-1.55423 0.931641,-2.3164 0.33492,-0.76218 0.694382,-1.51215 1.076172,-2.25196 0.381788,-0.7398 0.787099,-1.46923 1.214843,-2.18359 0.427745,-0.71436 0.878774,-1.41375 1.351563,-2.09961 0.387061,-0.56215 0.786185,-1.11478 1.199219,-1.65625 0.413032,-0.54147 0.839605,-1.07328 1.277343,-1.59375 0.437739,-0.52047 0.886479,-1.03016 1.347657,-1.5293 0.461176,-0.49913 0.93462,-0.98737 1.417968,-1.46484 0.48335,-0.47747 0.976215,-0.94296 1.480469,-1.39844 0.504255,-0.45547 1.019075,-0.90083 1.542969,-1.33398 0.523893,-0.43315 1.057344,-0.85513 1.599609,-1.26563 0.542266,-0.41049 1.092973,-0.80975 1.652344,-1.19726 0.559371,-0.38751 1.127915,-0.76276 1.703125,-1.12696 0.57521,-0.36419 1.158263,-0.71609 1.748047,-1.05664 0.589782,-0.34054 1.185974,-0.66975 1.789062,-0.98632 0.60309,-0.31657 1.212998,-0.6218 1.828125,-0.91407 0.615129,-0.29226 1.235428,-0.57222 1.861328,-0.83984 0.625902,-0.26762 1.257171,-0.52297 1.892579,-0.76563 0.635407,-0.24265 1.276275,-0.47209 1.919921,-0.68945 0.643648,-0.21736 1.290786,-0.42155 1.941407,-0.61328 0.771999,-0.23504 1.566278,-0.44156 2.375,-0.62109 0.808722,-0.17954 1.631079,-0.33216 2.457031,-0.46485 0.825952,-0.13268 1.656778,-0.24535 2.480469,-0.33984 0.15077,-0.0173 0.296958,-0.0268 0.447265,-0.043 0.67021,-0.0722 1.33961,-0.14034 1.99414,-0.19336
M 17.195312,8.1892214
h 71.222657"
/>
<path
key="outline"
d="m 5.8339844,6.1891714
v 0.002
c 0.00745,0.001 1.9538968,0.37412 5.1289066,0.93555 1.590536,0.28124 3.487136,0.60938 5.597656,0.96094 0.194694,0.0325 0.436519,0.0688 0.634765,0.10156 1.950781,0.32287 4.024844,0.65959 6.246094,1 2.446985,0.375 5.017267,0.75 7.617188,1.1015596 2.59992,0.35156 5.229494,0.67969 7.798828,0.96094 1.284667,0.14062 2.554266,0.27051 3.796875,0.38477 1.242609,0.11425 2.459107,0.21289 3.636719,0.29492 1.177609,0.082 2.316493,0.14744 3.40625,0.1914 1.089672,0.044 2.130581,0.0664 3.109375,0.0664 0.978793,0 2.01775,-0.0225 3.107421,-0.0664 1.089674,-0.0439 2.228641,-0.10937 3.40625,-0.1914 1.177612,-0.082 2.39411,-0.18067 3.636719,-0.29492 1.24261,-0.11426 2.51221,-0.24415 3.796875,-0.38477 2.569335,-0.28125 5.200862,-0.60938 7.800781,-0.96094 2.599922,-0.3515596 5.16825,-0.7265596 7.615235,-1.1015596 2.221312,-0.34041 4.296925,-0.67712 6.248047,-1 0.19822,-0.0328 0.440125,-0.0692 0.634765,-0.10156 2.110516,-0.35156 4.007123,-0.6797 5.597657,-0.96094 3.173831,-0.56122 5.118053,-0.93355 5.126953,-0.93555
v -0.002
H 52.804687
Z
M 4.7597656,22.023151
c 0.2115353,0.0379 0.4237615,0.073 0.6328125,0.12891 0.3122119,0.0835 0.6210773,0.18703 0.9277344,0.30859 0.3066571,0.12156 0.6110237,0.26083 0.9121094,0.41797 0.3010857,0.15715 0.5990335,0.33122 0.8945312,0.52149 0.2954977,0.19027 0.5890131,0.39626 0.8789063,0.61719 0.2898931,0.22091 0.575103,0.45792 0.859375,0.70703 0.2842716,0.24911 0.5670676,0.51032 0.8457036,0.78515 0.278633,0.27484 0.553192,0.56325 0.826171,0.86133 0.272981,0.29809 0.543239,0.60691 0.810547,0.92578 0.534619,0.63775 1.058478,1.31346 1.570313,2.01953 0.511833,0.7061 1.013034,1.44256 1.501953,2.19727 0.488917,0.75471 0.965773,1.5289 1.43164,2.3125 0.46587,0.7836 0.920595,1.57639 1.363282,2.36914 0.442685,0.79275 0.873598,1.58502 1.292968,2.36719 0.838745,1.56432 1.630315,3.08664 2.375,4.49023 0.372344,0.7018 0.733401,1.37384 1.082032,2.00586 0.348629,0.63202 0.684982,1.22508 1.009765,1.76758 0.324784,0.5425 0.636696,1.0355 0.9375,1.46875 0.300805,0.43325 0.590495,0.80706 0.867188,1.11133 0.367422,0.40376 0.738075,0.78616 1.109375,1.14843 0.3713,0.36227 0.743665,0.70339 1.117187,1.02735 0.373524,0.32396 0.747002,0.63111 1.121094,0.91992 0.374092,0.28882 0.748088,0.55956 1.121094,0.81641 0.373005,0.25685 0.744971,0.4985 1.115234,0.72656 0.370265,0.22806 0.7396,0.44209 1.105469,0.64453 0.731736,0.40489 1.452026,0.76251 2.15625,1.08398 0.704224,0.32148 1.391214,0.60762 2.054687,0.8711 0.663476,0.26348 1.304579,0.50349 1.914063,0.73437 0.609484,0.23089 1.18821,0.45209 1.730469,0.67578 0.541677,0.22346 1.046422,0.45176 1.507812,0.69336
h 0.002 2.746094
c -0.01588,-0.14144 -0.02183,-0.28911 -0.03906,-0.42968 -0.0076,-0.0617 -0.01954,-0.12014 -0.02734,-0.18164 -0.09937,-0.78156 -0.215412,-1.55247 -0.355469,-2.30664 -0.151079,-0.81355 -0.325466,-1.61065 -0.521484,-2.39258 -0.19602,-0.78194 -0.413907,-1.54825 -0.652344,-2.29883 -0.238437,-0.75058 -0.497055,-1.4856 -0.775391,-2.20508 -0.278334,-0.71948 -0.576866,-1.42464 -0.892578,-2.11328 -0.31571,-0.68863 -0.649432,-1.36149 -1,-2.01953 -0.350566,-0.65804 -0.716708,-1.30005 -1.099609,-1.92774 -0.382902,-0.6277 -0.782597,-1.24026 -1.195313,-1.83789 -0.412713,-0.59761 -0.839288,-1.18025 -1.279297,-1.74804 -0.440006,-0.56779 -0.892643,-1.12194 -1.357421,-1.66016 -0.464781,-0.53821 -0.940703,-1.06142 -1.427735,-1.57031 -0.487029,-0.50889 -0.985428,-1.00261 -1.492187,-1.48242 -0.506761,-0.47983 -1.022907,-0.94548 -1.546875,-1.39649 -0.52397,-0.45101 -1.055094,-0.88811 -1.59375,-1.31055 -0.538658,-0.42244 -1.083942,-0.83047 -1.634766,-1.2246 -0.550823,-0.39414 -1.107498,-0.77454 -1.667969,-1.14063 -0.560469,-0.36609 -1.125765,-0.71835 -1.693359,-1.05664 -0.567594,-0.33829 -1.136786,-0.66191 -1.708984,-0.97266 -0.5722,-0.31074 -1.146421,-0.60717 -1.720704,-0.89062 -0.57428,-0.28345 -1.148811,-0.55413 -1.722656,-0.81055 -0.573843,-0.25641 -1.147864,-0.49888 -1.71875,-0.72851 -0.570884,-0.22963 -1.139673,-0.44534 -1.705078,-0.64844 -0.565404,-0.2031 -1.126188,-0.39349 -1.683594,-0.57031 -0.557403,-0.17683 -1.111319,-0.34139 -1.658203,-0.49219 -0.533102,-0.147 -1.059368,-0.28177 -1.580078,-0.4043 -0.01345,-0.003 -0.02757,-0.007 -0.04101,-0.01 -0.53384,-0.12504 -1.0618039,-0.23644 -1.5800786,-0.33594 -0.518275,-0.0995 -1.0271536,-0.18547 -1.5273438,-0.25977 -0.5001902,-0.0743 -0.9911184,-0.13624 -1.4707031,-0.18554 -0.4795847,-0.0492 -0.9478387,-0.0868 -1.4042969,-0.11133 -0.016069,-0.001 -0.030836,-0.001 -0.046875,-0.002
z
m 40.0859374,41.07618
c -0.0089,-0.74073 -0.02441,-1.47826 -0.06836,-2.19727 -0.04472,-0.73159 -0.117656,-1.44503 -0.197266,-2.1543
h -2.746094
c 0.233682,0.12314 0.455556,0.25001 0.666016,0.38282 0.210925,0.13309 0.409803,0.27185 0.595703,0.41797 0.185901,0.14611 0.358405,0.30044 0.517578,0.46289 0.159174,0.16244 0.304803,0.33354 0.435547,0.51562 0.130744,0.18208 0.247044,0.37505 0.347656,0.58008 0.100612,0.20503 0.185129,0.42106 0.253907,0.65234 0.06878,0.23129 0.12101,0.47744 0.15625,0.73828 0.02548,0.18859 0.03188,0.39604 0.03906,0.60157
z
m 18.931641,-4.35157
H 61.03125
c -0.07961,0.70927 -0.152546,1.42271 -0.197266,2.1543 -0.04376,0.71582 -0.05741,1.45017 -0.06641,2.1875 0.0073,-0.20234 0.01201,-0.4059 0.03711,-0.5918 0.03521,-0.26074 0.08753,-0.50511 0.15625,-0.73632 0.06872,-0.23121 0.153375,-0.44933 0.253907,-0.6543 0.100532,-0.20497 0.217012,-0.39803 0.347656,-0.58008 0.130644,-0.18204 0.276491,-0.3532 0.435547,-0.51562 0.159056,-0.16242 0.33181,-0.31484 0.517578,-0.46094 0.185768,-0.1461 0.384922,-0.28488 0.595703,-0.41797 0.210781,-0.13309 0.431921,-0.26139 0.666016,-0.38477
z
M 5.8339844,6.1911214 5.5410156,8.1540114 3.875,19.300501
l -0.091797,0.61719 -0.2949218,1.97851
c 0.3226042,9e-5 0.6418793,0.0216 0.9589843,0.0645 0.1049901,0.0142 0.208114,0.0438 0.3125,0.0625 0.016039,8.3e-4 0.030806,9.1e-4 0.046875,0.002 0.4564572,0.0245 0.9247132,0.0621 1.4042969,0.11133 0.4795837,0.0493 0.9705139,0.11129 1.4707031,0.18554 0.5001892,0.0743 1.0090699,0.16025 1.5273438,0.25977 0.5182737,0.0995 1.0462397,0.2109 1.5800787,0.33594 0.01345,0.003 0.02756,0.007 0.04101,0.01 0.520709,0.12253 1.046977,0.2573 1.580078,0.4043 0.546883,0.1508 1.100801,0.31536 1.658203,0.49219 0.557405,0.17682 1.118191,0.36721 1.683594,0.57031 0.565404,0.2031 1.134195,0.41881 1.705078,0.64844 0.570884,0.22963 1.144908,0.4721 1.71875,0.72851 0.573843,0.25642 1.148377,0.5271 1.722656,0.81055 0.574282,0.28345 1.148505,0.57989 1.720704,0.89062 0.572197,0.31075 1.141391,0.63437 1.708984,0.97266 0.567593,0.33829 1.132891,0.69055 1.693359,1.05664 0.56047,0.36609 1.117147,0.74649 1.667969,1.14063 0.550823,0.39413 1.096109,0.80216 1.634766,1.2246 0.538655,0.42244 1.069781,0.85954 1.59375,1.31055 0.523967,0.45101 1.040115,0.91666 1.546875,1.39649 0.506758,0.47981 1.005159,0.97353 1.492187,1.48242 0.487031,0.50889 0.962955,1.0321 1.427735,1.57031 0.464777,0.53822 0.917416,1.09237 1.357421,1.66016 0.440008,0.56778 0.866584,1.15043 1.279297,1.74804 0.412715,0.59763 0.812412,1.21019 1.195313,1.83789 0.3829,0.62769 0.749044,1.2697 1.099609,1.92774 0.350567,0.65804 0.684291,1.3309 1,2.01953 0.315712,0.68864 0.614245,1.3938 0.892578,2.11328 0.278335,0.71948 0.536954,1.4545 0.775391,2.20508 0.238437,0.75058 0.456325,1.51689 0.652344,2.29883 0.196018,0.78192 0.370405,1.57903 0.521484,2.39258 0.140056,0.75417 0.256099,1.52508 0.355469,2.30664 0.0078,0.0615 0.01978,0.11995 0.02734,0.18164 0.01723,0.14057 0.02318,0.28825 0.03906,0.42968 0.07961,0.70927 0.152547,1.42271 0.197266,2.1543 0.04395,0.71901 0.05951,1.45654 0.06836,2.19727 0.0028,0.0788 0.01563,0.14909 0.01563,0.23047 0,0.0154 -0.0017,0.13721 -0.002,0.20312 4.1e-5,0.0172 0.0019,0.0335 0.002,0.0508
H 46.833984 58.773437 60.75
c -4e-5,-0.0192 0.002,-0.23666 0.002,-0.25586 0,-0.0843 0.01266,-0.15679 0.01563,-0.23828 0.009,-0.73732 0.02265,-1.47168 0.06641,-2.1875 0.04472,-0.73158 0.117661,-1.44503 0.197266,-2.1543 0.01588,-0.14143 0.02183,-0.28911 0.03906,-0.42968 0.0073,-0.0597 0.01978,-0.11621 0.02734,-0.17578 0.09951,-0.78356 0.215067,-1.55646 0.355469,-2.3125 0.151078,-0.81355 0.325468,-1.61066 0.521484,-2.39258 0.196018,-0.78194 0.413908,-1.54826 0.652344,-2.29883 0.238436,-0.75058 0.497057,-1.4856 0.775391,-2.20508 0.278332,-0.71947 0.576868,-1.42464 0.892578,-2.11328 0.31571,-0.68863 0.649434,-1.3615 1,-2.01953 0.350565,-0.65804 0.718663,-1.30005 1.101562,-1.92774 0.382901,-0.6277 0.780646,-1.24026 1.19336,-1.83789 0.412713,-0.59761 0.83929,-1.18026 1.279297,-1.74804 0.440005,-0.56779 0.892645,-1.12194 1.357421,-1.66016 0.464779,-0.53821 0.942659,-1.06143 1.429688,-1.57031 0.487029,-0.50889 0.983477,-1.00261 1.490234,-1.48242 0.50676,-0.47983 1.022909,-0.94548 1.546875,-1.39649 0.523969,-0.451 1.057049,-0.88811 1.595703,-1.31055 0.538657,-0.42244 1.083945,-0.83047 1.634766,-1.2246 0.550822,-0.39414 1.105548,-0.77454 1.666016,-1.14063 0.560467,-0.36609 1.125767,-0.71835 1.693359,-1.05664 0.567593,-0.33829 1.13874,-0.66191 1.710938,-0.97266 0.572196,-0.31073 1.146423,-0.60717 1.720703,-0.89062 0.574279,-0.28345 1.148815,-0.55413 1.722656,-0.81055 0.573841,-0.25641 1.145914,-0.49889 1.716797,-0.72851 0.570882,-0.22963 1.139676,-0.44534 1.705078,-0.64844 0.565402,-0.2031 1.128144,-0.39349 1.685547,-0.57031 0.557401,-0.17683 1.109369,-0.34139 1.65625,-0.49219 0.529712,-0.14607 1.054675,-0.27848 1.572265,-0.40039 0.01678,-0.004 0.03402,-0.01 0.05078,-0.0137 0.533836,-0.12504 1.059851,-0.23642 1.578125,-0.33594 0.518272,-0.0995 1.027156,-0.18551 1.527343,-0.25977 0.50019,-0.0742 0.99112,-0.13629 1.470704,-0.18554 0.479581,-0.0493 0.947841,-0.0868 1.404301,-0.11133 0.0161,-8.6e-4 0.0308,-9.1e-4 0.0469,-0.002 0.10439,-0.0187 0.20751,-0.0483 0.3125,-0.0625 0.31711,-0.0429 0.63638,-0.0644 0.95899,-0.0645
l -0.29297,-1.98242
h -0.002
l -0.0332,-0.23047 -1.7207,-11.5117196 -0.296878,-1.98047
c -0.0089,0.002 -1.953122,0.37433 -5.126953,0.93555 -1.590534,0.28124 -3.487141,0.60938 -5.597657,0.96094 -0.19464,0.0324 -0.436545,0.0688 -0.634765,0.10156 -1.951122,0.32288 -4.026735,0.65959 -6.248047,1 -2.446985,0.375 -5.015313,0.75 -7.615235,1.1015596 -2.599919,0.35156 -5.231446,0.67969 -7.800781,0.96094 -1.284665,0.14062 -2.554265,0.27051 -3.796875,0.38477 -1.242609,0.11425 -2.459107,0.21292 -3.636719,0.29492 -1.177609,0.082 -2.316576,0.1475 -3.40625,0.1914 -1.089671,0.0439 -2.128628,0.0664 -3.107421,0.0664 -0.978794,0 -2.019703,-0.0224 -3.109375,-0.0664 -1.089757,-0.044 -2.228641,-0.1094 -3.40625,-0.1914 -1.177612,-0.082 -2.39411,-0.18067 -3.636719,-0.29492 -1.242609,-0.11426 -2.512208,-0.24415 -3.796875,-0.38477 -2.569334,-0.28125 -5.198908,-0.60938 -7.798828,-0.96094 -2.599921,-0.3515596 -5.170203,-0.7265596 -7.617188,-1.1015596 -2.22125,-0.34041 -4.295313,-0.67713 -6.246094,-1 -0.198246,-0.0328 -0.440071,-0.0691 -0.634765,-0.10156 -2.11052,-0.35156 -4.00712,-0.6797 -5.597656,-0.96094 -3.1750098,-0.56143 -5.1214599,-0.93412 -5.1289066,-0.93555
z
M 100.85156,22.023151
c -0.0161,0.001 -0.0308,0.001 -0.0469,0.002 -0.45646,0.0245 -0.924716,0.062 -1.404299,0.11133 -0.479586,0.0493 -0.970512,0.11134 -1.470704,0.18554 -0.500189,0.0743 -1.009069,0.16027 -1.527343,0.25977 -0.518276,0.0995 -1.044287,0.2109 -1.578125,0.33594 -0.01676,0.004 -0.034,0.01 -0.05078,0.0137 -0.517592,0.12191 -1.042551,0.25432 -1.572265,0.40039 -0.546883,0.1508 -1.098847,0.31536 -1.65625,0.49219 -0.557405,0.17682 -1.120143,0.36721 -1.685547,0.57031 -0.565404,0.2031 -1.134194,0.41881 -1.705078,0.64844 -0.570885,0.22963 -1.142954,0.4721 -1.716797,0.72851 -0.573843,0.25642 -1.148375,0.5271 -1.722656,0.81055 -0.574283,0.28345 -1.148505,0.57988 -1.720703,0.89062 -0.572201,0.31075 -1.143343,0.63437 -1.710938,0.97266 -0.567594,0.33829 -1.13289,0.69055 -1.693359,1.05664 -0.560471,0.36609 -1.115192,0.74649 -1.666016,1.14063 -0.550823,0.39413 -1.096107,0.80216 -1.634766,1.2246 -0.538656,0.42244 -1.071732,0.85954 -1.595703,1.31055 -0.523968,0.45101 -1.040113,0.91666 -1.546875,1.39649 -0.506759,0.47981 -1.003203,0.97353 -1.490234,1.48242 -0.487031,0.50889 -0.964907,1.0321 -1.429688,1.57031 -0.464778,0.53822 -0.917415,1.09237 -1.357421,1.66016 -0.440009,0.56779 -0.866582,1.15043 -1.279297,1.74804 -0.412716,0.59763 -0.810458,1.21019 -1.19336,1.83789 -0.3829,0.62769 -0.750995,1.2697 -1.101562,1.92774 -0.350567,0.65804 -0.684289,1.3309 -1,2.01953 -0.315711,0.68864 -0.614245,1.3938 -0.892578,2.11328 -0.278335,0.71948 -0.536954,1.4545 -0.775391,2.20508 -0.238437,0.75058 -0.456325,1.51689 -0.652344,2.29883 -0.196017,0.78193 -0.370405,1.57903 -0.521484,2.39258 -0.140403,0.75604 -0.255962,1.52894 -0.355469,2.3125 -0.0076,0.0596 -0.02004,0.11608 -0.02734,0.17578 -0.01723,0.14057 -0.02318,0.28824 -0.03906,0.42968
h 2.746094
c 0.46179,-0.24189 0.967509,-0.46966 1.509765,-0.69336 0.542259,-0.22369 1.120985,-0.44489 1.730469,-0.67578 0.609485,-0.23088 1.248637,-0.47089 1.912109,-0.73437 0.663475,-0.26348 1.352418,-0.54962 2.056641,-0.8711 0.704224,-0.32147 1.424515,-0.67909 2.15625,-1.08398 0.365868,-0.20244 0.735205,-0.41647 1.105469,-0.64453 0.370264,-0.22806 0.74223,-0.46971 1.115234,-0.72656 0.373005,-0.25685 0.747003,-0.52759 1.121094,-0.81641 0.374091,-0.28881 0.747571,-0.59596 1.121094,-0.91992 0.373522,-0.32396 0.745889,-0.66508 1.117187,-1.02735 0.3713,-0.36227 0.741955,-0.74467 1.109375,-1.14843 0.276694,-0.30427 0.564429,-0.67808 0.865235,-1.11133 0.300804,-0.43325 0.614668,-0.92625 0.939453,-1.46875 0.324783,-0.5425 0.661136,-1.13556 1.009765,-1.76758 0.348631,-0.63202 0.709688,-1.30406 1.082032,-2.00586 0.744685,-1.40359 1.536255,-2.92591 2.375,-4.49023 0.41937,-0.78217 0.850283,-1.57444 1.292968,-2.36719 0.442687,-0.79275 0.897413,-1.58554 1.363282,-2.36914 0.465867,-0.7836 0.942724,-1.55779 1.43164,-2.3125 0.488919,-0.75471 0.990121,-1.49117 1.501953,-2.19727 0.511835,-0.70607 1.033741,-1.38178 1.56836,-2.01953 0.267307,-0.31887 0.537566,-0.62769 0.810547,-0.92578 0.272978,-0.29808 0.54949,-0.58649 0.828125,-0.86133 0.278633,-0.27483 0.559477,-0.53604 0.84375,-0.78515 0.284271,-0.24911 0.571435,-0.48612 0.861328,-0.70703 0.289892,-0.22093 0.583408,-0.42692 0.878906,-0.61719 0.295498,-0.19027 0.593447,-0.36434 0.894531,-0.52149 0.301086,-0.15714 0.605453,-0.29641 0.91211,-0.41797 0.306656,-0.12156 0.61552,-0.22508 0.927736,-0.30859 0.20905,-0.0559 0.42128,-0.091 0.63281,-0.12891
z"
/>
</>
)
/*
* SVG elements for the back
*/
const Back = ({ stroke }) => (
<>
<path
key="outline"
d="m 121.90042,6.1891714 -0.29883,2.00195 -1.77344,11.8691396 -0.27539,1.83594
c 0.32327,0 0.64319,0.0215 0.96094,0.0645 0.31775,0.043 0.6331,0.1079 0.94531,0.19141 0.31221,0.0835 0.62108,0.18703 0.92774,0.30859 0.30665,0.12157 0.61102,0.26083 0.91211,0.41797 0.30108,0.15715 0.59903,0.33122 0.89453,0.52149 0.29549,0.19027 0.58901,0.39626 0.8789,0.61719 0.2899,0.22092 0.57706,0.45596 0.86133,0.70507 0.28427,0.24911 0.56512,0.51228 0.84375,0.78711 0.27863,0.27483 0.55515,0.56129 0.82813,0.85938 0.27297,0.29808 0.54323,0.60886 0.81054,0.92773 0.53462,0.63774 1.05653,1.31344 1.56836,2.01953 0.51183,0.7061 1.01304,1.44256 1.50195,2.19727 0.48892,0.75471 0.96578,1.52891 1.43165,2.3125 0.46586,0.78359 0.92059,1.5764 1.36328,2.36914 0.44268,0.79274 0.87359,1.58503 1.29297,2.36719 0.83874,1.56432 1.63031,3.08664 2.375,4.49023 0.37234,0.7018 0.7334,1.37385 1.08203,2.00586 0.34863,0.63202 0.68498,1.22508 1.00976,1.76758 0.32479,0.5425 0.63865,1.0355 0.93946,1.46875 0.3008,0.43325 0.58854,0.80706 0.86523,1.11133 0.36742,0.40376 0.73808,0.78616 1.10937,1.14843 0.3713,0.36228 0.74367,0.7034 1.11719,1.02735 0.37352,0.32395 0.74701,0.62916 1.1211,0.91797 0.37409,0.28881 0.74809,0.56151 1.12109,0.81836 0.373,0.25684 0.74497,0.4985 1.11523,0.72656 0.37027,0.22806 0.73961,0.44209 1.10547,0.64453 0.73174,0.40488 1.45203,0.76251 2.15625,1.08398 0.70423,0.32148 1.39317,0.60762 2.05664,0.8711 0.66348,0.26348 1.30263,0.50349 1.91211,0.73437 0.60949,0.23089 1.18822,0.45209 1.73047,0.67578 0.54168,0.22347 1.04642,0.45174 1.50781,0.69336
h 0.002 3.3164 7.65625 7.67188 3.29883 0.002 0.002
c 0.46099,-0.24133 0.96476,-0.47013 1.50586,-0.69336 0.54226,-0.22369 1.12099,-0.44489 1.73047,-0.67578 0.60949,-0.23088 1.25059,-0.47089 1.91406,-0.73437 0.66348,-0.26348 1.35047,-0.54962 2.05469,-0.8711 0.70422,-0.32147 1.42452,-0.6791 2.15625,-1.08398 0.36587,-0.20244 0.73521,-0.41647 1.10547,-0.64453 0.37026,-0.22806 0.74223,-0.46972 1.11523,-0.72656 0.37301,-0.25685 0.74701,-0.52955 1.1211,-0.81836 0.37409,-0.28882 0.74757,-0.59402 1.12109,-0.91797 0.37352,-0.32396 0.74589,-0.66507 1.11719,-1.02735 0.3713,-0.36227 0.74195,-0.74467 1.10937,-1.14843 0.2767,-0.30427 0.56639,-0.67808 0.86719,-1.11133 0.30081,-0.43325 0.61272,-0.92625 0.9375,-1.46875 0.32479,-0.5425 0.66114,-1.13556 1.00977,-1.76758 0.34863,-0.63201 0.70969,-1.30406 1.08203,-2.00586 0.74469,-1.40359 1.53626,-2.92591 2.375,-4.49023 0.41937,-0.78216 0.85028,-1.57445 1.29297,-2.36719 0.44268,-0.79274 0.89741,-1.58555 1.36328,-2.36914 0.46587,-0.78359 0.94272,-1.55779 1.43164,-2.3125 0.48892,-0.75471 0.99012,-1.49117 1.50195,-2.19727 0.51184,-0.70609 1.0357,-1.38178 1.57031,-2.01953 0.26731,-0.31887 0.53757,-0.62965 0.81055,-0.92773 0.27298,-0.29809 0.54754,-0.58455 0.82617,-0.85938 0.27864,-0.27483 0.56144,-0.538 0.84571,-0.78711 0.28427,-0.24911 0.56948,-0.48415 0.85937,-0.70507 0.28989,-0.22093 0.58341,-0.42692 0.87891,-0.61719 0.2955,-0.19027 0.59344,-0.36434 0.89453,-0.52149 0.30108,-0.15714 0.60545,-0.2964 0.91211,-0.41797 0.30666,-0.12156 0.61552,-0.22508 0.92773,-0.30859 0.31221,-0.0835 0.62757,-0.14842 0.94532,-0.19141 0.31775,-0.043 0.63766,-0.0645 0.96093,-0.0645
l -0.30078,-2.01953
h -0.002
l -1.7461,-11.6855496 -0.29882,-2.00195
h -46.97071
z
m 36,52.5585896
c 0.23368,0.12314 0.45555,0.25001 0.66601,0.38282 0.21093,0.13309 0.40981,0.27185 0.59571,0.41797 0.1859,0.14611 0.3584,0.30044 0.51757,0.46289 0.15918,0.16244 0.30481,0.33354 0.43555,0.51562 0.13074,0.18208 0.24705,0.37505 0.34766,0.58008 0.10061,0.20503 0.18513,0.42106 0.2539,0.65234 0.0688,0.23129 0.12101,0.47743 0.15625,0.73828 0.0352,0.26086 0.0547,0.53636 0.0547,0.83008 0,0.0192 -0.002,0.23666 -0.002,0.25586
h 1.8125 12.27344 1.80468
c -4e-5,-0.0192 0.002,-0.23666 0.002,-0.25586 0,-0.2936 0.0175,-0.56932 0.0527,-0.83008 0.0352,-0.26075 0.0875,-0.50511 0.15625,-0.73632 0.0687,-0.23121 0.15338,-0.44933 0.25391,-0.6543 0.10053,-0.20497 0.21701,-0.39804 0.34765,-0.58008 0.13065,-0.18204 0.27649,-0.35321 0.43555,-0.51562 0.15906,-0.16242 0.33181,-0.31484 0.51758,-0.46094 0.18577,-0.1461 0.38492,-0.28488 0.5957,-0.41797 0.21032,-0.13279 0.43249,-0.26164 0.66602,-0.38477
h -3.29883 -7.67188 -7.65625
z"
/>
<path
key="stitches"
{...dashed(stroke)}
{...thin(stroke)}
d="m 216.16563,8.1911214
h -94.55152
m 53.41056,55.3926196
v -1.99808 0
c 0.4753,-2.36245 2.50991,-4.04369 4.58582,-4.94237 3.48343,-1.51875 7.207,-2.57968 10.37139,-4.75288 2.52005,-1.70526 4.8573,-3.81953 6.28448,-6.54747 3.90963,-6.88144 7.07269,-14.31599 12.38135,-20.29049 1.98406,-2.16217 4.37921,-4.13024 7.27735,-4.86719
l 1.97794,-0.30743
m -55.15177,43.70603
v -1.9982
c -0.42241,-2.03048 -1.98277,-3.62421 -3.78547,-4.54158 -3.30094,-1.64943 -6.95064,-2.53783 -10.11164,-4.48526 -2.67379,-1.63935 -5.23004,-3.67985 -6.86319,-6.40055 -3.61156,-6.15186 -6.45492,-12.77663 -10.74828,-18.51393 -2.41572,-3.20276 -5.3859,-6.39884 -9.39767,-7.45908 -2.00364,-0.12562 -2.00364,-0.12562 -2.00364,-0.12562"
/>
</>
)

117
packages/react-components/src/linedrawings/wahid.mjs Normal file
View file

@ -0,0 +1,117 @@
import React from 'react'
import { LineDrawingWrapper, thin, dashed } from './shared.mjs'
const strokeScale = 0.4
export const Wahid = ({
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 162 126" {...{ className, stroke }}>
<Front stroke={stroke} />
<Back stroke={stroke} />
</LineDrawingWrapper>
)
}
export const WahidFront = ({
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 81 126" {...{ className, stroke }}>
<Front stroke={stroke} />
</LineDrawingWrapper>
)
}
export const WahidBack = ({
className = 'w-64', // CSS classes to apply
stroke = 1, // Stroke width to use
}) => {
// Normalize stroke across designs
stroke = stroke * strokeScale
return (
<LineDrawingWrapper viewBox="82 0 81 126" {...{ className, stroke }}>
<Back stroke={stroke} />
</LineDrawingWrapper>
)
}
/*
* Always use an id for defs that is unique to the design because if we have
* multiple linedrawings on the page, they share the same namespace and thus
* IDs will collide
*/
const defs = (
<defs>
<g id="wahid-button">
<circle cx="0" cy="0" r="1.8" strokeWidth="0.45" />
<circle cx="-0.55" cy="-0.55" r="0.35" strokeWidth="0.25" />
<circle cx="0.55" cy="-0.55" r="0.35" strokeWidth="0.25" />
<circle cx="0.55" cy="0.55" r="0.35" strokeWidth="0.25" />
<circle cx="-0.55" cy="0.55" r="0.35" strokeWidth="0.25" />
</g>
</defs>
)
/*
* React component for the front
*/
export const Front = ({ stroke }) => (
<>
{defs}
<path
key="darts"
{...thin(stroke)}
d="m 59.254131,58.572266 c -0.282849,14.103167 -0.248304,26.460675 0.06123,37.305715 m 0.08331,2.68639 c 0.146442,4.367849 0.339027,18.032999 0.574783,21.909619 M 30.210956,97.193711 H 6.6510187 m 44.2643213,0 H 74.364837 M 22.237874,58.572266 c 0.282849,14.103167 0.248304,26.460675 -0.06123,37.305715 m -0.08331,2.68639 c -0.146442,4.367849 -0.339027,18.032999 -0.574783,21.909619 M 30.245567,98.518921 H 6.6976497 v -2.64584 H 30.245567 Z M 50.8819,95.870781 h 23.547916 v 2.64583 H 50.8819 Z"
/>
<path
key="stitches"
{...dashed(stroke)}
{...thin(stroke)}
d="m 25.217291,3.134339 c 3.595687,1.275291 7.688791,2.174875 12.197291,2.248958 0.410104,0.0079 0.814917,0.0079 1.217084,0 h 1.801812 0.529167 1.801812 c 0.399521,0.0079 0.806979,0.0079 1.217083,0 4.5085,-0.07408 8.601605,-0.973667 12.197292,-2.248958"
/>
<path
key="outline"
d="m 41.970707,66.390917 c 0.0979,-0.0053 0.235479,-0.01587 0.399521,-0.0344 0.320146,-0.03175 0.484188,-0.05027 0.484188,-0.07673 0.0026,-0.02646 -0.150813,-0.07144 -0.862542,-0.150813 m 0.243417,20.476117 c 0.0979,-0.005 0.235479,-0.0159 0.39952,-0.0344 0.320146,-0.0317 0.484188,-0.0503 0.484188,-0.0767 0.0026,-0.0265 -0.150813,-0.0714 -0.862542,-0.15081 m -0.02117,-9.84518 c 0.0979,-0.005 0.235479,-0.01587 0.39952,-0.0344 0.320146,-0.03175 0.484188,-0.05027 0.484188,-0.07673 0.0026,-0.02646 -0.150813,-0.07144 -0.862542,-0.150813 m -0.28575,20.476113 c 0.0979,-0.005 0.235479,-0.0159 0.399521,-0.0344 0.320146,-0.0318 0.484188,-0.0503 0.484188,-0.0767 0.0026,-0.0264 -0.150813,-0.0714 -0.862542,-0.15081 m 0.243417,10.368989 c 0.0979,-0.005 0.235479,-0.0159 0.39952,-0.0344 0.320146,-0.0317 0.484188,-0.0503 0.484188,-0.0767 0.0026,-0.0265 -0.150813,-0.0714 -0.862542,-0.15081 m -0.28575,-50.273502 c 0.0979,-0.0053 0.235479,-0.01587 0.399521,-0.0344 0.320146,-0.03175 0.484188,-0.05027 0.484188,-0.07673 0.0026,-0.02646 -0.150813,-0.07144 -0.862542,-0.150812 m -1.280601,58.380324 -0.01583,3.18029 m -2.248956,-0.0159 h 4.529632 M 5.1089577,52.47913 v 9.887479 c 0.0053,0.844021 0.01323,2.450041 0,4.458229 -0.08202,12.453933 -0.8255,20.367623 -2.38125,43.333452 -0.06085,0.89694 -0.145521,2.15636 -0.248709,3.70417 M 25.217291,1.943714 9.6068737,8.02913 10.400624,11.733297 c 0.187854,1.063625 0.473604,2.725208 0.79375,4.7625 1.516063,9.681104 1.778,15.187083 1.852084,17.197916 0.22225,5.953125 -0.201084,7.839604 -0.529167,8.995834 -1.158875,4.071937 -3.2332083,6.373812 -3.7041673,6.879166 -1.336146,1.436688 -2.714625,2.352146 -3.704166,2.910417 1.09802,-0.833438 2.725208,-2.278063 3.96875,-4.497917 C 10.940374,44.660692 10.945666,41.39838 10.929791,39.77913 10.890101,35.707192 10.239228,20.768818 9.6068737,8.02913 M 40.695416,49.579296 c -1.764771,-2.989791 -3.6195,-6.439958 -5.423959,-10.326687 -2.137833,-4.606396 -3.341687,-7.985125 -5.027083,-12.7 0,0 -3.913187,-10.959041 -4.7625,-18.25625 -0.206375,-1.772708 -0.264583,-3.481916 -0.264583,-3.481916 -0.03969,-1.156229 -0.02646,-2.135188 0,-2.868083 3.595687,1.275291 7.688791,2.174875 12.197291,2.248958 0.410104,0.0079 0.814917,0.0079 1.217084,0 h 1.801812 0.529167 1.801812 c 0.399521,0.0079 0.806979,0.0079 1.217083,0 4.5085,-0.07408 8.601605,-0.973667 12.197292,-2.248958 0.02646,0.732895 0.03969,1.711854 0,2.868083 0,0 -0.05821,1.709208 -0.264583,3.481916 -0.849313,7.297209 -4.7625,18.25625 -4.7625,18.25625 -1.685396,4.714875 -2.88925,8.093604 -5.027084,12.7 -2.984499,6.434667 -6.11452,11.665479 -8.731249,15.610417 v 53.982934 l 9.405937,14.86165 c 1.695979,-0.33867 3.413125,-0.70909 5.146146,-1.11125 9.895416,-2.30188 18.896541,-5.34459 26.987499,-8.73125 m -38.237582,0.20637 -6.098646,9.63613 c -1.695979,-0.33867 -3.413125,-0.70909 -5.146146,-1.11125 -9.895417,-2.30188 -18.896541,-5.34459 -26.9875003,-8.73125 M 76.281873,52.47913 v 9.887479 c -0.0053,0.844021 -0.01323,2.450041 0,4.458229 0.08202,12.453933 0.8255,20.367623 2.38125,43.333452 0.06085,0.89694 0.145521,2.15636 0.248709,3.70417 M 56.17354,1.943714 71.783957,8.02913 l -0.79375,3.704167 c -0.187854,1.063625 -0.473604,2.725208 -0.79375,4.7625 -1.516063,9.681104 -1.778,15.187083 -1.852083,17.197916 -0.22225,5.953125 0.201083,7.839604 0.529166,8.995834 1.158875,4.071937 3.233208,6.373812 3.704167,6.879166 1.336146,1.436688 2.714625,2.352146 3.704166,2.910417 -1.09802,-0.833438 -2.725208,-2.278063 -3.96875,-4.497917 -1.862666,-3.320521 -1.867958,-6.582833 -1.852083,-8.202083 0.03969,-4.071938 0.690563,-19.010312 1.322917,-31.75"
/>
<use xlinkHref="#wahid-button" x="40" y="56.1" color="currentColor"></use>
<use xlinkHref="#wahid-button" x="40" y="66.2" color="currentColor"></use>
<use xlinkHref="#wahid-button" x="40.15" y="76.3" color="currentColor"></use>
<use xlinkHref="#wahid-button" x="40.15" y="86.4" color="currentColor"></use>
<use xlinkHref="#wahid-button" x="40.2" y="96.5" color="currentColor"></use>
<use xlinkHref="#wahid-button" x="40.3" y="106.6" color="currentColor"></use>
</>
)
/*
* React component for the back
*/
const Back = ({ stroke }) => (
<>
<path
key="outline"
d="m 157.23121,52.47913 v 9.887479 c -0.005,0.844021 -0.0132,2.450041 0,4.458229 0.082,12.453933 0.8255,20.367623 2.38125,43.333452 0.0608,0.89694 0.14552,2.15636 0.24871,3.70417 M 137.1229,1.943707 152.73331,8.029122 m 4.4979,44.450008 c -1.09802,-0.833438 -2.72521,-2.278063 -3.96875,-4.497917 -1.86267,-3.320521 -1.86796,-6.582833 -1.85208,-8.202083 0.0397,-4.071938 0.69056,-19.010312 1.32291,-31.75 M 137.12288,1.943714 c -3.59569,1.275291 -7.6888,2.174875 -12.1973,2.248958 -0.4101,0.0079 -0.81491,0.0079 -1.21708,0 h -1.80181 -0.52917 -1.80181 c -0.39952,0.0079 -0.80698,0.0079 -1.21708,0 -4.5085,-0.07408 -8.60161,-0.973667 -12.1973,-2.248958 m 18.05517,115.943056 3.683,5.81819 c 1.69598,-0.33867 3.41313,-0.70908 5.14615,-1.11125 9.89541,-2.30187 18.89654,-5.34458 26.9875,-8.73125 -7.9719,1.69333 -17.11325,3.09033 -27.24944,3.70417 -3.81529,0.23019 -7.48771,0.33602 -11.00667,0.33866 m -2.54793,-0.0185 -3.683,5.81819 c -1.69598,-0.33867 -3.41313,-0.70908 -5.14615,-1.11125 -9.89542,-2.30187 -18.896536,-5.34458 -26.987496,-8.73125 7.9719,1.69333 17.113246,3.09033 27.249436,3.70417 3.81529,0.23019 7.48771,0.33602 11.00666,0.33866 M 86.058294,52.47913 v 9.887479 c 0.005,0.844021 0.0132,2.450041 0,4.458229 -0.082,12.453933 -0.8255,20.367623 -2.38125,43.333452 -0.0609,0.89694 -0.14552,2.15636 -0.24871,3.70417 M 106.16665,1.943707 90.556244,8.029122 m -4.49795,44.450008 c 1.09802,-0.833438 2.72521,-2.278063 3.96875,-4.497917 1.86267,-3.320521 1.86796,-6.582833 1.85209,-8.202083 -0.0397,-4.071938 -0.69057,-19.010312 -1.32292,-31.75"
/>
<path
key="stitches"
{...thin(stroke)}
{...dashed(stroke)}
d="m 138.40611,2.446422 c -0.41011,0.248708 -0.83609,0.481542 -1.28059,0.690563 -4.36827,2.055812 -10.93787,2.227791 -12.19729,2.248958 -0.4101,0.0079 -0.81492,0.0079 -1.21708,0 h -1.80182 -0.52916 -1.80181 c -0.39953,0.0079 -0.80698,0.0079 -1.21709,0 -4.5085,-0.07408 -8.6016,-0.973667 -12.19729,-2.248958 -0.51065,-0.198438 -1.02129,-0.39423 -1.53458,-0.592667"
/>
<path
key="darts"
{...thin(stroke)}
d="m 143.92015,47.170466 c 0.43464,22.690304 0.78099,45.327635 2.67748,68.895054 M 99.011784,47.170466 c -0.43464,22.690304 -0.78099,45.327635 -2.67748,68.895054 M 121.77706,4.192663 V 117.9635 m 19.12934,-1.0689 v 3.66977 m -38.36459,-3.66977 v 3.66977"
/>
</>
)

18
sites/orgdocs/docs/designs/aaron/cutting/readme.mdx
View file

@ -1,18 +0,0 @@
---
title: "Aaron A-Shirt: Cutting Instructions"
---
- Cut **1 back** on the fold
- Cut **1 front** on the fold
- Cut **3 strips** for neck opening and armhole binding
:::warning
#### Caveats
- There is no seam allowance on the armholes
- There is no seam allowance on the neck opening
- There is extra hem allowance at the hem
:::

14
sites/orgdocs/docs/designs/aaron/fabric/readme.mdx
View file

@ -1,14 +0,0 @@
---
title: "Aaron A-Shirt: Fabric Options"
---
An A-shirt is essentially underwear. And in that capacity, you want something that is comfortable, feels nice on your skin and breaths.
Cotton with a hint of something stretchy, maybe rayon, or a fine knit. I suggest you go to the fabric store and feel around a bit.
:::note
While stretch is not required, it does make sense for underwear. That being said, you can make this in a non-stretch, just make sure pick loose or casual fit.
:::

11
sites/orgdocs/docs/designs/aaron/instructions/readme.mdx
View file

@ -1,5 +1,7 @@
---
title: "Aaron A-Shirt: Sewing Instructions"
title: 'Aaron A-Shirt: Sewing Instructions'
sidebar_label: Sewing Instructions
sidebar_position: 20
---
## Step 1: Close seams
@ -17,7 +19,6 @@ Fold the hem upwards, and sew it down. If you have a coverlock, use it. If not,
:::note
##### Fold only once, to avoid bulk
Knitwear doesn't ravel, so you can simply fold this over once and sew it down, then neatly trim back the fabric.
@ -28,7 +29,6 @@ Knitwear doesn't ravel, so you can simply fold this over once and sew it down, t
:::note
##### About knit binding
If you are new to [knit binding](/docs/sewing/knit-binding), you might read [this page on the subject](/docs/sewing/knit-binding).
@ -50,7 +50,6 @@ We are going to finish the arm and neck hole with [knit binding](/docs/sewing/kn
:::note
This is the only part of making this A-shirt that requires a bit of practice. Don't worry, all you need to do is make a couple of these and you'll be a pro in no time.
:::
@ -82,7 +81,6 @@ We are going to sew 1.5cm from the edge. So be careful because this is not the s
:::tip
The easy way to keep this 1.5cm distance is by using a seam gauge.
Or do what I do, place a piece of marking tape on your sewing machine and mark a line on it 1.5cm from your needle.
Then all you need to do is keep the edge of your fabric aligned with that line.
@ -146,7 +144,6 @@ From the right side of your fabric, sew along the inner edge of your binding (fu
:::note
If you have a coverlock machine, that would be perfect for this seam
:::
@ -155,7 +152,6 @@ You'll have to, once again, stretch your binding a bit while doing this. But thi
:::note
##### Beware of the uneven feed
As you feed your binding through your sewing machine, the feed dogs will pull the bottom layer (back of your binding) forward.
@ -176,7 +172,6 @@ On the inside of your A-shirt, trim back the knit binding against your seam to f
:::note
Be careful not to cut a hole in your A-shirt. Seriously, this happened to me on more than one occasion.
:::

5
sites/orgdocs/docs/designs/aaron/measurements/readme.mdx
View file

@ -1,5 +0,0 @@
---
title: "Aaron A-Shirt: Required Measurements"
---
<DesignMeasurements design='aaron' />

20
sites/orgdocs/docs/designs/aaron/needs/readme.mdx
View file

@ -1,20 +0,0 @@
---
title: "Aaron A-Shirt: What You Need"
---
To make Aaron, you will need the following:
- [Basic sewing supplies](/docs/sewing/basic-sewing-supplies)
- About 0.75 meters (0.8 yards) of a suitable fabric ([see Fabric options](/docs/designs/aaron/fabric))
:::note
#### A serger/overlock is nice, but optional
As with all knitwear and stretch fabrics, a serger/overlock will make your life easier.
If you do not have one of those, don't despair. You don't really need it.
Because these side seams and shoulder seams won't get stretched out, you can just sew them with a regular straight stitch.
:::

20
sites/orgdocs/docs/designs/aaron/notes/readme.mdx
View file

@ -1,20 +0,0 @@
---
title: "Aaron A-Shirt: Designer Notes"
---
Aaron is -- like most patterns I design -- born out of necessity. I needed an
A-shirt to wear under shirts when it gets a bit colder, and I try to only wear
clothes made from FreeSewing patterns, so Aaron was born.
Aaron's been around for many years and has been made by several people, so you
can consider this a staple of FreeSewing's design catalogue.
On it's own, it's a rather straight-forward design. It extends [the Brian
block](/designs/brian) and has an array of options to tweak the outcome,
There's a few things that are *special* about Aaron, FreeSewing trivia if you will:
- Aaron is what I refer designers to when they have questions on how to do something. It's always first in the list (because it starts with double A), always the first to get new features, be migrated to a new version, and so on. Aaron is sort of FreeSewing's canary design. Everything that happens happens to Aaron first.
- I named this design `aaron` in memory of [Aaron Swartz](https://en.wikipedia.org/wiki/Aaron_Swartz). Rest in peace brother.
joost

6
sites/orgdocs/docs/designs/aaron/options/readme.mdx
View file

@ -1,5 +1,7 @@
---
title: "Aaron A-Shirt: Design Options"
title: 'Aaron A-Shirt: Design Options'
sidebar_label: Design Options
sidebar_position: 10
---
<DesignOptions design='aaron' />
<ReadMore />

77
sites/orgdocs/docs/designs/aaron/readme.mdx
View file

@ -1,5 +1,78 @@
---
title: "Aaron A-Shirt"
title: 'Aaron A-Shirt'
---
<DesignInfo design='aaron' docs />
<DesignInfo design="aaron" />
## Designer Notes {#notes}
Aaron is -- like most patterns I design -- born out of necessity. I needed an
A-shirt to wear under shirts when it gets a bit colder, and I try to only wear
clothes made from FreeSewing patterns, so Aaron was born.
Aaron's been around for many years and has been made by several people, so you
can consider this a staple of FreeSewing's design catalogue.
On it's own, it's a rather straight-forward design. It extends [the Brian
block](/designs/brian) and has an array of options to tweak the outcome,
There's a few things that are _special_ about Aaron, FreeSewing trivia if you will:
- Aaron is what I refer designers to when they have questions on how to do
something. It's always first in the list (because it starts with double A),
always the first to get new features, be migrated to a new version, and so
on. Aaron is sort of FreeSewing's canary design. Everything that happens
happens to Aaron first.
- I named this design `aaron` in memory of [Aaron
Swartz](https://en.wikipedia.org/wiki/Aaron_Swartz). Rest in peace brother.
joost
## What You Need {#needs}
To make Aaron, you will need the following:
- [Basic sewing supplies](/docs/sewing/basic-sewing-supplies)
- About 0.75 meters (0.8 yards) of a suitable fabric ([see Fabric
options](#fabric))
:::note
#### A serger/overlock is nice, but optional
As with all knitwear and stretch fabrics, a serger/overlock will make your life
easier.
If you do not have one of those, don't despair. You don't really need it.
Because these side seams and shoulder seams won't get stretched out, you can
just sew them with a regular straight stitch.
:::
## Fabric Options {#fabric}
An A-shirt is essentially underwear. And in that capacity, you want something
that is comfortable, feels nice on your skin and breaths.
Cotton with a hint of something stretchy, maybe rayon, or a fine knit. I
suggest you go to the fabric store and feel around a bit.
:::note
While stretch is not required, it does make sense for underwear. That being
said, you can make this in a non-stretch, just make sure pick loose or casual
fit.
:::
## Cutting Instructions
- Cut **1 back** on the fold
- Cut **1 front** on the fold
- Cut **3 strips** for neck opening and armhole binding
:::warning
#### Caveats
- There is no seam allowance on the armholes
- There is no seam allowance on the neck opening
- There is extra hem allowance at the hem
:::

13
sites/orgdocs/src/css/custom.css
View file

@ -605,3 +605,16 @@ figure.develop.example div.develop {
font-style: italic;
margin-top: -1rem;
}
.tag,
.technique {
background: var(--ifm-color-primary);
padding: 0.2rem 0.5rem;
font-weight: bold;
color: var(--ifm-font-color-light);
border-radius: 0.5rem;
}
.technique {
background: hsl(var(--pink-500));
}

409
sites/orgdocs/src/theme/MDXComponents/design-info.mjs
View file

@ -1,35 +1,39 @@
import React, { Fragment } from 'react'
import { designs, designInfo } from '@site/src/lib/designs.mjs'
import { capitalize, optionsMenuStructure, optionType } from '@site/src/lib/utils.mjs'
import Link from '@docusaurus/Link';
import Link from '@docusaurus/Link'
import { lineDrawings } from '@freesewing/react-components/linedrawings'
import { designs as designTranslations } from '../../../../../i18n/designs.mjs'
import measurementTranslations from '../../../../../i18n/measurements.yaml'
import optionGroupTranslations from '../../../../../i18n/optiongroups.yaml'
import Admonition from '@theme/Admonition'
import Tabs from '@theme/Tabs'
import TabItem from '@theme/TabItem'
// Dependencies
//import {
// nsMerge,
// capitalize,
// optionsMenuStructure,
// optionType,
// cloudflareImageUrl,
// horFlexClasses,
//} from 'shared/utils.mjs'
//import { designs } from 'shared/config/designs.mjs'
//import { examples } from 'site/components/design-examples.mjs'
//// Hooks
//import { useTranslation } from 'next-i18next'
//import { useDesign } from 'site/hooks/use-design.mjs'
//import { useContext, Fragment } from 'react'
//// Context
//import { ModalContext } from 'shared/context/modal-context.mjs'
//// Components
//import { ModalWrapper } from 'shared/components/wrappers/modal.mjs'
//import { lineDrawings } from 'shared/components/designs/linedrawings/index.mjs'
//import { Difficulty } from 'shared/components/designs/difficulty.mjs'
//import { PageLink, AnchorLink, Link } from 'shared/components/link.mjs'
//import { DocsLink, DocsTitle } from 'shared/components/mdx/docs-helpers.mjs'
//import { Popout } from 'shared/components/popout/index.mjs'
//import { NewPatternIcon, DocsIcon } from 'shared/components/icons.mjs'
//import { DynamicMdx } from 'shared/components/mdx/dynamic.mjs'
const five = [0, 1, 2, 3, 4]
export const Difficulty = ({ score = 0, color = false }) => (
<>
{five.map((i) => (
<span
role="img"
style={{
padding: '0 1px 0 0 ',
opacity: i < score ? 1 : 0.5,
filter: i < score ? '' : 'grayscale(1)',
}}
>
🧵
</span>
))}
</>
)
const Cols = ({ children }) => (
<div style={{ display: 'flex', flexDirection: 'row', flexWrap: 'wrap', gap: '2rem' }}>
{children}
</div>
)
const Option = ({ id, option, design }) =>
optionType(option) === 'constant' ? null : (
@ -40,7 +44,7 @@ const Option = ({ id, option, design }) =>
const OptionGroup = ({ id, group, design }) => (
<li key={id}>
<b>{t(`workbench:${id}`)}</b>
<b>{optionGroupTranslations[id]}</b>
<ul className="list list-inside list-disc pl-2">
{Object.entries(group).map(([sid, entry]) =>
entry.isGroup ? (
@ -67,10 +71,47 @@ export const SimpleOptionsList = ({ options, design }) => {
const t = (str) => str
const Info = ({ design, list }) => (
<div
style={{
padding: '1rem 1.5rem 0',
margin: '0 0 2rem',
border: '1px solid #ccc',
borderRadius: '0.75rem',
boxShadow: '2px 2px 4px #0002',
backgroundColor: 'var(--ifm-footer-background-color)',
}}
>
<h2>About {capitalize(design)}</h2>
<p>{designTranslations[design].d}</p>
<ul style={{ margin: '1rem 0', padding: 0 }}>
{list.map(({ emoji, href = false, text }) => (
<li
style={{
listStyleType: 'none',
display: 'flex',
alignItems: 'center',
fontWeight: 'bold',
}}
key={href}
>
<span role="img" style={{ fontSize: '125%', paddingRight: '1rem' }}>
{emoji}
</span>
{href ? <a href={href}>{text}</a> : text}
</li>
))}
</ul>
</div>
)
const Subtle = ({ children }) => (
<small style={{ paddingLeft: '0.15rem', opacity: 0.8 }}>{children}</small>
)
export const DesignInfo = ({ design }) => {
const Design = designs[design][capitalize(design)]
const config = Design.patternConfig
console.log(designInfo[design])
// Translate measurements
const measies = { required: {}, optional: {} }
@ -82,170 +123,190 @@ export const DesignInfo = ({ design }) => {
}
// Linedrawing
//const LineDrawing = lineDrawings[design]
// ? lineDrawings[design]
// : ({ className }) => <div className={className}></div>
// Docs content
const docsContent = (
<>
<h2 id="docs">{t('account:docs')}</h2>
<ul className="list list-disc list-inside pl-2">
<li>
{`docs/designs/${design}`}
</li>
<li>
{`docs/designs/${design}/cutting`}
</li>
<li>
{`docs/designs/${design}/instructions`}
</li>
<li>
{`docs/designs/${design}/needs`}
</li>
<li>
{`docs/designs/${design}/fabric`}
</li>
{Object.keys(config.options).length > 0 ? (
<li>
{`docs/designs/${design}/options`}
</li>
) : null}
<li>
{`docs/designs/${design}/notes`}
</li>
</ul>
</>
)
const LineDrawing = lineDrawings[design]
? lineDrawings[design]
: ({ className }) => <div className={className}></div>
return (
<>
<h5 className="-mt-6 text-accent font-medium">#FreeSewing{capitalize(design)}</h5>
<p className="text-xl">{t(`designs:${design}.d`)}</p>
<div className={`mt-8 w-full flex flex-row flex-wrap justify-between`}>
<div className={`w-full max-w-2xl md:w-2/3 pr-0 md:pr-8`}>
{/* <LineDrawing className="w-full text-base-content" /> */}
{docsContent}
</div>
<div>
<Link
className={`btn btn-primary btn-lg hidden md:flex mb-2`}
href={`/new/${design}`}
>
{t('tags:newThingPattern', { thing: capitalize(design) })}
</Link>
<Link
className={`btn btn-secondary btn-lg hidden md:flex`}
href={`/docs/designs/${design}`}
>
{t('account:docs')}
</Link>
<h2 id="specs">{t('account:specifications')}</h2>
<h6 className="mt-4">{t('account:design')}</h6>
<ul>
{typeof designInfo[design].design === 'string'
? <li>{designInfo[design].design}</li>
: designInfo[design].design.map((person) => (
<li key={person}>{person}</li>
))
}
</ul>
<h6 className="mt-4">{t('account:code')}</h6>
<ul>
{typeof designInfo[design].code === 'string'
? <li>{designInfo[design].code}</li>
: designInfo[design].code.map((person) => (
<li key={person}>{person}</li>
))
}
</ul>
<h6 className="mt-4">{t('tags:difficulty')}</h6>
{/*<Difficulty score={designInfo[design].difficulty} />*/}
<h6 className="mt-4">{t('tags:tags')}</h6>
<div className="flex flex-row flex-wrap items-center gap-1">
{designInfo[design].tags.map((tag) => (
<span className="badge badge-primary font-medium" key={tag}>
{t(`tags:${tag}`)}
<Info
design={design}
list={[
{
emoji: '🤯',
text: (
<span>
<Difficulty score={designInfo[design].difficulty} />
<Subtle>( difficulty = {designInfo[design].difficulty}/5 )</Subtle>
</span>
))}
</div>
<h6 className="mt-4">{t('techniques:techniques')}</h6>
<div className="flex flex-row flex-wrap items-center gap-1">
{designInfo[design].techniques.map((tech) => (
<span className="badge badge-accent font-medium" key={tech}>
{t(`techniques:${tech}`)}
),
},
{
emoji: '🏷️',
text: (
<span
style={{
display: 'flex',
flexDirection: 'row',
flexWrap: 'wrap',
alignItems: 'center',
}}
>
{designInfo[design].tags.map((tag) => (
<span style={{ margin: '3px 0', padding: '0 2px', fontSize: '80%' }}>
<span className="tag" key={tag}>
{tag}
</span>
</span>
))}
<Subtle>( {designInfo[design].tags.length} tags )</Subtle>
</span>
))}
</div>
),
},
{
emoji: '🪡',
text: (
<span
style={{
display: 'flex',
flexDirection: 'row',
flexWrap: 'wrap',
alignItems: 'center',
}}
>
{designInfo[design].techniques.map((tag) => (
<span style={{ margin: '3px 0', padding: '0 2px', fontSize: '80%' }}>
<span className="technique" key={tag}>
{tag}
</span>
</span>
))}
<Subtle>( {designInfo[design].techniques.length} techniques )</Subtle>
</span>
),
},
{
emoji: '📐',
text: (
<span>
{typeof designInfo[design].design === 'string' ? (
<span>{designInfo[design].design}</span>
) : (
designInfo[design].design
.map((person) => <span key={person}>{person}</span>)
.join(<span key={`${peron}_join`}>, </span>)
)}
<Subtle>
( designer{typeof designInfo[design].design === 'string' ? '' : 's'} )
</Subtle>
</span>
),
},
{
emoji: '🧑‍💻',
text: (
<span>
{typeof designInfo[design].code === 'string' ? (
<span>{designInfo[design].code}</span>
) : (
designInfo[design].code
.map((person) => <span key={person}>{person}</span>)
.join(<span key={`${peron}_join`}>, </span>)
)}
<Subtle>
( developer{typeof designInfo[design].code === 'string' ? '' : 's'} )
</Subtle>
</span>
),
},
{
emoji: '💡',
href: `/docs/designs/${design}/instructions/`,
text: `Sewing Instructions for ${capitalize(design)}`,
},
{
emoji: '✂️',
href: `/docs/designs/${design}/instructions/`,
text: `Generate a bespoke sewing pattern for ${capitalize(design)}`,
},
{
emoji: '❤️',
text: (
<span>
<span style={{ padding: '0 2px', fontSize: '80%' }}>
<span className="tag">#FreeSewing{capitalize(design)}</span>
</span>
<small style={{ paddingLeft: '0.15rem', opacity: 0.8 }}>
( Hashtag for social media )
</small>
</span>
),
},
]}
/>
{Object.keys(measies.required).length > 0 ? (
<>
<h6 className="mt-4">{t('account:requiredMeasurements')}</h6>
<ul className="list list-disc list-inside pl-2">
<Tabs>
<TabItem value="linedrawing" label="Linedrawing">
<div style={{ maxHeight: '400px', aspectRatio: '4/3' }}>
<LineDrawing />
</div>
</TabItem>
<TabItem value="meas" label="Measurements">
<Cols>
<div>
<h4>Required Measurements</h4>
<ul>
{Object.keys(measies.required)
.sort()
.map((m) => (
<li key={m}>
<Link href={`/docs/measurements/${m.toLowerCase()}`}>
{measies.required[m]}
{measurementTranslations[m]}
</Link>
</li>
))}
</ul>
</>
) : null}
{Object.keys(measies.optional).length > 0 ? (
<>
<h6 className="mt-4">{t('account:optionalMeasurements')}</h6>
<ul className="list list-disc list-inside pl-2">
{Object.keys(measies.optional)
.sort()
.map((m) => (
<li key={m}>
<Link
href={`/docs/measurements/${m.toLowerCase()}`}>
{measies.optional[m]}
</Link>
</li>
))}
</ul>
</>
) : null}
{Object.keys(config.options).length > 0 ? (
<>
<h6 className="mt-4">{t('account:designOptions')}</h6>
<SimpleOptionsList options={config.options} t={t} design={design} />
</>
) : null}
<h6 className="mt-4">{t('account:parts')}</h6>
<ul className="list list-disc list-inside pl-2">
</div>
{Object.keys(measies.optional).length > 0 ? (
<div>
<h4>Optional Measurements</h4>
<ul>
{Object.keys(measies.optional)
.sort()
.map((m) => (
<li key={m}>
<Link href={`/docs/measurements/${m.toLowerCase()}`}>
{measurementTranslations[m]}
</Link>
</li>
))}
</ul>
</div>
) : null}
</Cols>
</TabItem>
{Object.keys(config.options).length > 0 ? (
<TabItem value="desopts" label="Design Options">
<SimpleOptionsList options={config.options} design={design} />
</TabItem>
) : null}
<TabItem value="parts" label="Design Parts">
<ul>
{config.draftOrder.map((part) => (
<li key={part}>{part}</li>
))}
</ul>
{Object.keys(config.plugins).length > 0 ? (
<>
<h6 className="mt-4">{t('account:plugins')}</h6>
<ul className="list list-disc list-inside pl-2">
{Object.keys(config.plugins).map((plugin) => (
<li key={plugin}>{plugin}</li>
))}
</ul>
</>
) : null}
</div>
</div>
</TabItem>
{Object.keys(config.plugins).length > 0 ? (
<TabItem value="plugins" label="Plugins used">
<ul>
{Object.keys(config.plugins).map((plugin) => (
<li key={plugin}>{plugin}</li>
))}
</ul>
</TabItem>
) : null}
</Tabs>
</>
)
}