diff --git a/artwork/linedrawings/aaron.jsx b/artwork/linedrawings/aaron.jsx deleted file mode 100644 index 2e54ac2d6bd..00000000000 --- a/artwork/linedrawings/aaron.jsx +++ /dev/null @@ -1,182 +0,0 @@ -import React from "react"; - -function Icon() { - return ( - - - - - - - - - - - - - - - - - - - - - - - - - ); -} - -export default Icon; diff --git a/artwork/linedrawings/aaron.svg b/artwork/linedrawings/aaron.svg index c4dec726c1c..5680bb88bc9 100644 --- a/artwork/linedrawings/aaron.svg +++ b/artwork/linedrawings/aaron.svg @@ -2,12 +2,12 @@ + inkscape:current-layer="layer1" + inkscape:showpageshadow="2" + inkscape:deskcolor="#d1d1d1" /> + id="layer1"> - + style="fill:none;stroke:#ffcc00;stroke-width:0.264583;stroke-miterlimit:10" /> - - - + style="opacity:0.3;stroke-width:0.264583" + d="m 140.00558,65.370056 c -0.23548,1.67217 -0.55033,3.33375 -0.89693,4.99004 -0.36248,1.651 -0.78052,3.29142 -1.2409,4.92125 -0.23548,0.81227 -0.48154,1.6219 -0.73819,2.42888 -0.27516,0.79904 -0.53181,1.60602 -0.8255,2.40241 -0.29368,0.79375 -0.57414,1.59279 -0.89164,2.37861 l -0.46567,1.18268 -0.49212,1.16946 c -1.34938,3.10621 -2.87867,6.13304 -4.58788,9.05404 -0.86783,1.45257 -1.75948,2.8919 -2.70669,4.29155 -0.95779,1.3917 -1.93675,2.772834 -2.97656,4.103674 0.94456,-1.40228 1.8759,-2.807224 2.7596,-4.243904 0.89959,-1.42611 1.74625,-2.88396 2.56911,-4.3524 0.80433,-1.47902 1.60867,-2.95804 2.35214,-4.47146 0.37307,-0.75406 0.73025,-1.51606 1.08744,-2.28071 0.34131,-0.76993 0.6985,-1.53193 1.01865,-2.30981 1.34673,-3.08504 2.5056,-6.2521 3.51102,-9.46679 0.50535,-1.60602 0.96308,-3.23056 1.37848,-4.86304 0.42862,-1.63513 0.79375,-3.28348 1.14564,-4.93448 z M 81.270728,50.264996 c 0.73025,2.45533 1.48431,4.90008 2.30981,7.32366 0.80963,2.42623 1.66952,4.83659 2.58498,7.22578 1.82827,4.77837 3.83381,9.48531 6.05631,14.08906 2.18282,4.62491 4.616983,9.12548 7.180803,13.54931 2.579679,4.41854 5.341929,8.728604 8.239119,12.951344 -1.53987,-2.04523 -3.00831,-4.14601 -4.45558,-6.260034 -1.42346,-2.12989 -2.79929,-4.29419 -4.132789,-6.48229 -0.65617,-1.10067 -1.32292,-2.19604 -1.94469,-3.31787 l -0.94456,-1.67482 -0.918113,-1.69068 c -0.62177,-1.12184 -1.19327,-2.26748 -1.79123,-3.40255 -0.5715,-1.14829 -1.15887,-2.28864 -1.70656,-3.44752 -0.54504,-1.16152 -1.09537,-2.31775 -1.60867,-3.4925 -0.25929,-0.58737 -0.52916,-1.16681 -0.78052,-1.75683 l -0.75406,-1.77006 -0.37571,-0.88371 -0.35983,-0.89165 -0.71967,-1.78329 c -0.47096,-1.19327 -0.91546,-2.39448 -1.35996,-3.59569 -0.87048,-2.41035 -1.69068,-4.83922 -2.45004,-7.28662 -0.74877,-2.45269 -1.45256,-4.91596 -2.06904,-7.40304 z" /> - - - - - + d="m 2.6292368,110.88092 c 0.63236,0.09 2.87636,0.43138 3.51401,0.51605 10.4854302,1.41287 20.5819302,1.98173 30.2074802,1.91823 h 1.67745 c 9.62555,0.0635 19.7194,-0.50536 30.20748,-1.91823 1.03717,-0.14023 2.06904,-0.28575 3.09298,-0.43921 M 61.362107,3.4503362 c -0.20109,1.87061 -0.62209,5.90214 -0.86022,8.6299898 -0.46831,5.32077 -0.5371,7.42421 -0.55827,8.15181 -0.12964,4.56142 -0.17992,6.90034 0.55827,9.68111 0.4789,1.80181 1.05304,3.88144 2.78606,6.11452 0.36248,0.46567 2.19605,2.77283 5.57477,4.58523 0.75407,0.40481 1.82464,0.91658 2.46932,1.1012 M 12.540547,3.5646362 c 0.20109,1.87061 0.62209,5.78784 0.86022,8.5156898 0.46831,5.32077 0.5371,7.42421 0.55827,8.15181 0.12964,4.56142 0.17991,6.90034 -0.55827,9.68111 -0.4789,1.80181 -1.05304,3.88144 -2.78607,6.11452 -0.36247,0.46567 -2.1960402,2.77283 -5.5747702,4.58523 -0.75406,0.40481 -1.9396,0.90647 -2.48729,1.12342 m 0.11863,70.162094 c 0.63235,0.09 2.77348,0.37423 3.41112,0.45889 10.4854402,1.41288 20.5819402,1.98173 30.2074802,1.91823 h 1.67746 c 9.62554,0.0635 19.7194,-0.50535 30.20748,-1.91823 1.03716,-0.14023 2.06904,-0.28575 3.09298,-0.4392 M 55.915497,2.2817361 c -0.65352,4.5190901 -2.72405,14.2277199 -2.88015,14.7701099 -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.03411,4.35898 -22.80977,4.58073 -30.19425,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.65896,-12.3979498 -2.99498,-14.7156999 m 36.05161,2.1867301 c -9.64448,4.95103 -24.14723,4.747 -33.63491,0" /> - - + class="st7" + d="m 145.43463,110.89235 c -0.63235,0.09 -2.4763,0.41995 -3.11394,0.50462 -10.48544,1.41287 -20.58194,1.98173 -30.20748,1.91823 h -1.67746 c -9.62554,0.0635 -19.719392,-0.50536 -30.207482,-1.91823 -1.03716,-0.14023 -2.44623,-0.41148 -3.47017,-0.56494 M 86.808878,3.5646362 c 0.20109,1.87061 0.57637,5.78784 0.8145,8.5156898 0.46831,5.32077 0.5371,7.42421 0.55827,8.15181 0.12964,4.56142 0.17991,6.90034 -0.55827,9.68111 -0.4789,1.80181 -1.05305,3.88144 -2.78607,6.11452 -0.36248,0.46567 -2.19604,2.77283 -5.57477,4.58523 -0.75406,0.40481 -1.97011,0.9085 -2.5178,1.12545 M 135.51878,3.4503362 c -0.20108,1.87061 -0.55351,5.90214 -0.79163,8.6299898 -0.46832,5.32077 -0.53711,7.42421 -0.55827,8.15181 -0.12965,4.56142 -0.17992,6.90034 0.55827,9.68111 0.47889,1.80181 1.05304,3.88144 2.78606,6.11452 0.36248,0.46567 2.19604,2.77283 5.57477,4.58523 0.75406,0.40481 1.77959,0.77502 2.32727,0.99197 m 2.3e-4,70.236394 c -0.63236,0.09 -2.39629,0.43138 -3.03394,0.51604 -10.48544,1.41288 -20.58194,1.98173 -30.20748,1.91823 h -1.67745 c -9.62555,0.0635 -19.719402,-0.50535 -30.207482,-1.91823 -1.03717,-0.14023 -2.48053,-0.37719 -3.50446,-0.53064 M 129.80973,2.2535161 c -4.98481,7.6282401 -32.797619,7.5529801 -37.460382,0.0313" /> - - - + style="opacity:0.3;stroke-width:0.264583" + d="m 4.3281968,54.821116 c 0.10055,1.48696 0.17728,2.97921 0.19844,4.46882 0.0185,1.4896 -0.008,2.98185 -0.0926,4.4741 -0.0953,1.49225 -0.24342,2.97921 -0.47361,4.45558 -0.22489,1.47638 -0.52916,2.93952 -0.91281,4.3815 0.18256,-1.48166 0.34925,-2.95804 0.50271,-4.43441 0.14552,-1.47638 0.27252,-2.9554 0.35719,-4.43442 0.0953,-1.47902 0.14552,-2.96333 0.20902,-4.45029 l 0.082,-2.23044 c 0.045,-0.74083 0.0714,-1.48696 0.12964,-2.23044 z m 1.84944,50.209974 c 4.7836702,-0.42069 9.6520002,-0.26194 14.3801102,0.73025 2.36273,0.46831 4.69635,1.03452 7.04585,1.51342 2.3495,0.48948 4.70694,0.93398 7.06967,1.36525 2.35743,0.44714 4.72016,0.84402 7.10141,1.11389 2.38655,0.28046 4.7678,0.54769 7.15963,0.67469 2.38919,0.12965 4.78896,0.0714 7.1755,-0.15081 2.38919,-0.20638 4.75985,-0.59531 7.10671,-1.12183 -2.31511,0.64293 -4.68842,1.08479 -7.07761,1.38112 -2.39183,0.27517 -4.80748,0.381 -7.22048,0.29898 -2.413,-0.0635 -4.80748,-0.34925 -7.19666,-0.60325 -2.39448,-0.25665 -4.77838,-0.64029 -7.14375,-1.07421 -2.36273,-0.44714 -4.72282,-0.90752 -7.07496,-1.41552 -2.35215,-0.50535 -4.69371,-1.05833 -7.02998,-1.5875 -1.16946,-0.25665 -2.34421,-0.48683 -3.52954,-0.65881 -1.18269,-0.17463 -2.37596,-0.28575 -3.57188,-0.37571 -2.38918,-0.17992 -4.7942502,-0.19579 -7.1940202,-0.09 z M 12.294807,85.118556 c 1.76477,-0.69585 3.57452,-1.28588 5.40014,-1.80975 1.83092,-0.51329 3.69094,-0.92604 5.56684,-1.25148 1.87325,-0.33602 3.76237,-0.55827 5.64091,-0.80433 l 5.64357,-0.73554 c 3.76237,-0.48684 7.53798,-0.87578 11.20246,-1.80446 1.83885,-0.43921 3.65918,-0.96573 5.4557,-1.56634 0.89959,-0.29633 1.79388,-0.60854 2.68023,-0.94191 0.88636,-0.33602 1.76742,-0.68527 2.64584,-1.04511 -1.70657,0.8308 -3.4634,1.56105 -5.2414,2.23044 -1.78594,0.65088 -3.60098,1.22502 -5.43983,1.7145 -0.92075,0.24606 -1.84415,0.47096 -2.78077,0.65881 -0.93663,0.18786 -1.8759,0.34396 -2.81517,0.48684 -1.87854,0.28575 -3.75973,0.5371 -5.64092,0.78581 l -5.6515,0.68792 c -1.88383,0.22225 -3.76502,0.45772 -5.63562,0.7276 -1.87061,0.27517 -3.72798,0.64029 -5.56419,1.10067 -1.8415,0.4445 -3.66183,0.9816 -5.46629,1.56633 z m -1.06627,-12.30577 c 0.62177,0.18521 1.24354,0.37306 1.86002,0.56621 0.61912,0.1905 1.23296,0.39158 1.86002,0.55033 0.62442,0.17198 1.24354,0.3519 1.87325,0.50006 0.62706,0.15611 1.25148,0.3228 1.88383,0.45509 2.51884,0.5715 5.06148,1.02923 7.62265,1.34937 2.56117,0.32809 5.13556,0.52917 7.71789,0.61119 2.58234,0.0794 5.16996,0.0582 7.76288,-0.0503 -2.5744,0.31221 -5.16996,0.47096 -7.76817,0.46302 -2.59821,0.003 -5.19906,-0.17727 -7.77875,-0.50006 -2.57968,-0.33338 -5.14085,-0.81492 -7.65439,-1.47373 -0.62971,-0.15611 -1.25413,-0.33602 -1.87854,-0.52123 -0.62442,-0.17727 -1.2409,-0.38365 -1.85738,-0.58473 -0.61912,-0.19579 -1.22237,-0.43656 -1.83092,-0.6641 -0.60589,-0.22755 -1.21179,-0.46303 -1.81239,-0.70115 z" /> + style="fill:none;stroke:#d40000;stroke-width:0.264583;stroke-miterlimit:10" + class="st2" + d="m 54.355617,1.8383061 c -6.08766,5.9634901 -28.88185,6.1419001 -34.76889,0 m 18.2245,114.8344539 c 9.62554,0.0635 19.71939,-0.50536 30.20747,-1.91823 1.12713,-0.15081 2.24632,-0.31221 3.35757,-0.4789 V 39.477936 c -0.50007,-0.20903 -1.16682,-0.51859 -1.91823,-0.9578 -2.90513,-1.70656 -4.48204,-3.87614 -4.79425,-4.31535 -1.48961,-2.10079 -1.98438,-4.05871 -2.39713,-5.75469 -0.635,-2.61673 -0.59266,-4.81541 -0.47889,-9.1096 0.0185,-0.68527 0.0767,-2.66436 0.47889,-7.67292 0.26459,-3.2834798 0.52652,-6.0033898 0.71967,-7.9110398 l -8.63071,-1.9182301 c 0,0 -2.54529,13.2900199 -2.71727,13.9117899 -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.89874,4.08137 -21.71488,3.6852 -27.37644,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.71727,-13.9117899 -2.71727,-13.9117899 l -8.63071,1.9182301 c 0.19314,1.90765 0.45508,4.62756 0.71966,7.9110398 0.40217,5.00592 0.46038,6.985 0.4789,7.67292 0.11377,4.29419 0.1561,6.49287 -0.4789,9.1096 -0.41275,1.69598 -0.90752,3.65125 -2.3971202,5.75469 -0.31221,0.43921 -1.88913,2.60879 -4.79425,4.31535 -0.75142,0.44186 -1.41817,0.74877 -1.91823,0.9578 v 74.797694 c 1.11125,0.16669 2.23044,0.32809 3.35756,0.4789 10.4854402,1.41287 20.5819402,1.98173 30.2074802,1.91823 z" /> diff --git a/sites/shared/components/designs/linedrawings/aaron.mjs b/sites/shared/components/designs/linedrawings/aaron.mjs new file mode 100644 index 00000000000..d90f7a8302f --- /dev/null +++ b/sites/shared/components/designs/linedrawings/aaron.mjs @@ -0,0 +1,77 @@ +import { LineDrawingWrapper, thin, dashed } from './shared.mjs' + +export const Aaron = ({ + className = 'w-64', // CSS classes to apply + stroke = 1, // Stroke width to use +}) => ( + + + + +) + +export const AaronFront = ({ + className = 'w-64', // CSS classes to apply + stroke = 1, // Stroke width to use +}) => ( + + + +) + +export const AaronBack = ({ + className = 'w-64', // CSS classes to apply + stroke = 1, // Stroke width to use +}) => ( + + + +) + +/* + * React component for the front + */ +const Front = ({ stroke }) => ( + <> + + + + +) + +/* + * React component for the back + */ +const Back = ({ stroke }) => ( + <> + + + + +) diff --git a/sites/shared/components/designs/linedrawings/shared.mjs b/sites/shared/components/designs/linedrawings/shared.mjs new file mode 100644 index 00000000000..d92217801e2 --- /dev/null +++ b/sites/shared/components/designs/linedrawings/shared.mjs @@ -0,0 +1,37 @@ +/* + * 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 +}) => ( + + {children} + +) + +/* + * Think stroke-width helper to ensure consistency across linedrawings + */ +export const thin = (stroke = 1) => ({ strokeWidth: stroke / 2 }) + +/* + * Dashed stroke-dasharray helper to ensure consistency across linedrawings + */ +export const dashed = (stroke = 1) => ({ strokeDasharray: `${stroke * 1.2},${stroke * 0.8}` })