2024-10-06 11:49:14 +02:00
|
|
|
import React from 'react'
|
|
|
|
import { LineDrawingWrapper, thin, dashed } from './shared.mjs'
|
|
|
|
|
|
|
|
/*
|
2025-04-01 16:15:20 +02:00
|
|
|
* This strokeScale factor is used to normalize the stroke across
|
|
|
|
* designs so we have a consistent look when showing our collection
|
|
|
|
*/
|
|
|
|
const strokeScale = 0.7
|
|
|
|
|
|
|
|
/**
|
|
|
|
* A linedrawing component for Hortensia
|
|
|
|
*
|
2025-05-24 14:57:15 +02:00
|
|
|
* @component
|
|
|
|
* @param {object} props - All component props
|
2025-04-01 16:15:20 +02:00
|
|
|
* @param {string} props.className - Any CSS classes to apply
|
|
|
|
* @param {number} props.stroke - The stroke width to apply
|
2025-05-24 14:57:15 +02:00
|
|
|
* @returns {JSX.Element}
|
2024-10-06 11:49:14 +02:00
|
|
|
*/
|
2025-04-01 16:15:20 +02:00
|
|
|
export const Hortensia = ({ className, stroke = 1 }) => (
|
|
|
|
<LineDrawingWrapper viewBox="-2 0 129 129" {...{ className }}>
|
|
|
|
<Front stroke={stroke * strokeScale} />
|
|
|
|
</LineDrawingWrapper>
|
|
|
|
)
|
2024-10-06 11:49:14 +02:00
|
|
|
|
2025-05-24 14:57:15 +02:00
|
|
|
/**
|
|
|
|
* A linedrawing component for the front of Hortensia
|
|
|
|
*
|
|
|
|
* @component
|
|
|
|
* @param {object} props - All component props
|
|
|
|
* @param {string} props.className - Any CSS classes to apply
|
|
|
|
* @param {number} props.stroke - The stroke width to apply
|
|
|
|
* @returns {JSX.Element}
|
|
|
|
*/
|
2025-04-01 16:15:20 +02:00
|
|
|
export const HortensiaFront = Hortensia
|
2024-10-06 11:49:14 +02:00
|
|
|
|
|
|
|
/*
|
|
|
|
* SVG elements for the front
|
|
|
|
*/
|
|
|
|
export const Front = ({ stroke }) => (
|
|
|
|
<>
|
|
|
|
<path
|
|
|
|
key="stitches"
|
|
|
|
{...dashed(stroke)}
|
|
|
|
{...thin(stroke)}
|
|
|
|
d="m 105.83882,41.659625 c 0.45,2.118 0.72642,3.56182 0.99942,5.03782 0.384,2.082 2.757,14.97 2.991,16.563 0.165,1.128 0.426,2.946 0.426,5.343 0,1.398 -0.087,3.774 -0.426,5.889 m -28.209004,-60.45 c 0.234,-0.192 2.208,-0.444 2.688,-0.597 0.717,-0.228 1.545,-0.186 3.225,0.597 0.318,0.147 0.678,0.327 1.089,0.561 0.723,0.408 1.602,0.981 2.673,1.824 1.47,1.158 2.481,2.175 2.688,2.385 2.463,2.499 3.942,4.986 5.913,8.349 1.251004,2.133 2.094004,3.771 3.225004,5.964 0.192,0.372 0.375,0.729 0.549,1.074 m 0.582,2.13146 c 0.042,-1.671 0.039,-4.64546 -0.063,-5.77946 -0.231,-2.604 -0.861,-4.503 -1.05,-5.043 -0.486,-1.389 -1.05,-2.499 -1.608,-3.444 -0.348,-0.588 -0.693,-1.113 -1.014,-1.596 -1.197004,-1.803 -2.076004,-3.129 -3.672004,-4.482 -0.624,-0.531 -1.785,-1.425 -3.36,-2.16 -4.74894,-2.2133 -10.00173,-1.03431 -12.387,-0.108 3.19707,-1.55801 9.91665,-1.70693 14.694,0.498 2.379,1.095 4.104,2.577 5.385004,3.96 0.813,0.876 1.449,1.713 1.959,2.382 2.478,3.264 3.471,6.24 3.672,6.87 0.195,0.618 0.942,3.066 1.05,6.342 0.021,0.651 0.012,1.197 0,1.587 l 1.554,5.829 3.057,11.463 m -6.708,-13.365 2.892,-0.57 m -4.662,-2.331 3.92964,-0.791 m -33.860644,3.752 3.693,6.168 c 3.174,4.926 18.957,28.527 22.689004,31.968 0.969,0.891 1.626,1.509 2.637,1.683 1.23,0.21 2.25,-0.357 2.637,-0.561 0.249,-0.132 0.531,-0.27 0.852,-0.414 1.05,-0.474 2.661,-1.203 4.731,-1.953 m -47.349004,-60.24 4.173,3.288 c 0.786,0.702 1.899,1.722 3.192,2.991 1.995,1.959 29.589004,41.79 31.167004,44.058 1.815,2.607 4.899,6.723 6.294,8.16 0.759,0.78 1.341,1.257 2.097,1.632 0.687,0.339 1.584,0.783 2.622,0.543 1.128,-0.258 1.782,-1.176 2.097,-1.632 1.062,-1.53 1.101,-3.291 1.05,-4.896 -0.162,-5.064 -1.05,-8.16 -1.05,-8.16 -0.831,-2.895 -3.501,-9.564 -6.819,-14.685 l -4.326,-8.307 m -34.938004,7.02001 5.03397,-0.93001 m -6.68997,-2.775 5.42097,-0.846 m 2.08803,24.83401 4.368,-1.10701 m -4.368,1.107 c -0.375,-1.86 -0.801,-3.765 -1.287,-5.715 -1.623,-6.513 -3.621,-12.345 -5.715,-17.475 l -0.507,-0.795 -0.012,-1.389 c 0.042,-1.428 -0.012,-3.537 -0.519,-6.006 -0.69,-3.363 -1.884,-5.757 -3.117,-8.19 -1.557,-3.072 -3.078,-5.232 -3.636,-6.006 -0.258,-0.36 -3.414,-4.668 -7.791,-7.644 -0.687,-0.468 -1.494,-0.951 -2.5965,-1.0905 -0.6165,-0.0765 -1.1955,-0.0345 -1.7235,0.0765 -1.023,0.213 -5.664,5.073 -6.021,5.376 m 15.798,-5.388 c 0.351,0.039 1.926,1.128 1.926,1.128 v 0 c 0.534,0.36 1.275,0.897 2.097,1.632 0.786,0.702 1.875,1.785 3.672,4.35 2.223,3.171 3.654,5.934 4.386,7.446 0.135,0.282 0.549,1.251 0.681,1.683 0.882,2.862 2.433,10.017 2.277,12.081 v 1.089 c 1.68,4.617 3.297,9.699 4.722,15.228 0.285,1.107 0.555,2.202 0.81,3.285 0.48,2.037 0.906,4.026 1.287,5.961 m 25.466974,-48.78 4.43403,3.051 m -1.884,8.397 c 3.909,3.39 7.218,6.285 7.278,6.426 l 5.094,4.062 m -39.864004,-19.407 c 0.531,0.786 9.9,5.379 9.9,5.379 0.561,0.225 1.371,0.57 2.316,1.05 3.951,2.001 6.441,4.389 8.394004,6.294 0.435,0.426 0.849,0.831 1.245,1.215 m 7.93287,8.02118 c 0.801,0.861 0.98013,1.06882 2.36013,2.30482 2.808,2.517 5.082,4.296 6.819,7.869 0.906,1.86 2.241,4.461 2.472,5.637 m -51.897004,-36.849 c 0.642,0.786 6.936,3.933 6.936,3.933 l 6.456,4.197 c 1.182,0.6 3.021,1.62 5.085,3.147 3.945,2.925 5.94,5.679 9.966,10.491 2.070004,2.472 -3.414,-4.176 7.344004,8.394 0.351,0.411 0.726,0.852 1.125,1.323 m 9.498,11.385 c 1.809,2.175 3.669,4.401 5.49,6.564 m -1.053,18.885 -0.897,-4.062 c -0.456,-1.035 -0.945,-2.085 -1.467,-3.147 -1.059,-2.148 -2.172,-4.167 -3.312,-6.06 m -5.691,-7.491 c -0.969,-0.945 -1.938,-1.893 -2.907,-2.853 -4.398,-4.35 -8.262004,-8.343 -11.433004,-11.697 m -33.672,-30.054 c -0.855,-0.588 -1.734,-1.185 -2.643,-1.797 m -3.921,82.983005 c 1.05,0.048 4.983,3.423 4.983,3.423 v 0 c 1.836,1.848 4.044,4.086 5.88,5.931 m -12.063,-32.520005 5.397,3.807 c 0.972,0.789 2.493,2.034 4.335,3.588 9.444,7.971 11.784,10.992 12.975,12.675005 0.795,1.122 2.862,4.329 4.047,6.684 m -29.08923,-49.137225 3.53523,1.93822 2.622,1.695 c 0.576,0.393 1.404,0.975 2.361,1.728 1.95,1.536 3.273,2.859 3.933,3.519 6.786,6.789 5.634,5.577 6.819,6.819 7.758,8.121 6.354,6.891 8.916,9.441 3.288,3.27 6.717,6.411 9.441,10.491 0.774,1
|
|
|
|
/>
|
|
|
|
<path
|
|
|
|
key="outline"
|
|
|
|
d="m 103.63724,35.765445 c 0.042,-1.623 0.039,-4.044 -0.063,-5.145 -0.231,-2.529 -0.861,-4.371 -1.05,-4.896 -0.486,-1.347 -1.05,-2.427 -1.608,-3.345 -0.348,-0.57 -0.693,-1.08 -1.014004,-1.551 -1.197,-1.749 -2.076,-3.039 -3.672,-4.35 -0.624,-0.513 -1.785,-1.383 -3.36,-2.097 -1.326,-0.6 -2.943,-1.092 -4.782,-1.167 -0.414,-0.018 -0.762,-0.009 -1.005,0 -0.591,-0.036 -1.215,-0.042 -1.869,0 -1.764,0.111 -3.351,0.522 -4.731,1.062 m -1.44,0.153 c -0.084,0 2.502,-1.215 2.502,-1.215 0.522,-0.159 1.239,-0.36 2.097,-0.543 1.065,-0.228 3.426,-0.717 6.294,-0.543 1.353,0.081 3.933,0.264 6.819,1.632 2.379,1.128 4.104004,2.652 5.385004,4.074 0.813,0.903 1.449,1.761 1.959,2.451 2.478,3.357 3.471,6.423 3.672,7.071 0.195,0.636 0.942,3.153 1.05,6.528 0.021,0.672 0.012,1.233 0,1.632 l 1.554,6 3.71775,14.6512 0.0377,0.14559 M 80.495226,14.303445 c 0.228,-0.177 2.154,-0.405 2.622,-0.543 0.699,-0.207 1.509,-0.168 3.147,0.543 0.309,0.135 0.66,0.3 1.062,0.51 0.705,0.372 1.563,0.894 2.61,1.665 1.434,1.056 2.421,1.986 2.622,2.175 2.406,2.28 3.849,4.548 5.769,7.614 1.221,1.947 2.043004,3.441 3.147004,5.439 1.137,2.061 1.908,3.561 3.147,5.982 1.362,2.664 3.78,7.176 4.842,9.261 m -35.262004,-5.451 3.672,5.982 c 3.156,4.776 18.846,27.666 22.557004,31.002 0.963,0.864 1.617,1.464 2.622,1.632 1.221,0.204 2.235,-0.345 2.622,-0.543 0.249,-0.126 0.528,-0.261 0.846,-0.402 1.503,-0.66 4.152,-1.833 7.668,-2.844 m -49.668004,-60.687 4.173,3.288 c 0.786,0.702 1.899,1.722 3.192,2.991 1.995,1.959 29.589004,41.79 31.167004,44.058 1.815,2.607 4.899,6.723 6.294,8.16 0.759,0.78 1.341,1.257 2.097,1.632 0.687,0.339 1.584,0.783 2.622,0.543 1.128,-0.258 1.782,-1.176 2.097,-1.632 1.062,-1.53 1.101,-3.291 1.05,-4.896 -0.162,-5.064 -1.05,-8.16 -1.05,-8.16 -0.75,-2.613 -3.825,-9.819 -6.696,-14.67 m -60.447004,-34.83 9.516,-0.036 c 0,0 0.273,-0.039 0.624,0 0.351,0.039 1.926,1.128 1.926,1.128 v 0 c 0.534,0.36 1.275,0.897 2.097,1.632 0.786,0.702 1.875,1.785 3.672,4.35 2.223,3.171 3.654,5.934 4.386,7.446 0.135,0.282 0.549,1.251 0.681,1.683 0.882,2.862 2.433,10.017 2.277,12.081 v 1.089 c 1.68,4.617 3.297,9.699 4.722,15.228 0.285,1.107 0.555,2.202 0.81,3.285 0.48,2.037 0.906,4.026 1.287,5.961 l -6.294,1.632 c -0.441,-2.283 -0.96,-4.644 -1.575,-7.071 -1.638,-6.486 -3.654,-12.297 -5.769,-17.406 l -0.513,-0.792 -0.012,-1.383 c 0.042,-1.425 -0.012,-3.522 -0.525,-5.982 -0.696,-3.348 -1.902,-5.736 -3.147,-8.16 -1.572,-3.06 -3.108,-5.211 -3.672,-5.982 -0.261,-0.357 -3.447,-4.65 -7.869,-7.614 -0.696,-0.465 -1.509,-0.948 -2.622,-1.089 -0.618,-0.078 -1.197,-0.036 -1.725,0.075 -1.023,0.213 -5.664,5.073 -6.021,5.376 m 62.424004,18.363 c 1.074,4.221 1.821,7.686 2.319,10.173 0.417,2.088 2.994,15.003 3.249,16.599 0.18,1.131 0.462,2.952 0.465,5.355 0,1.401 -0.093,3.78 -0.465,5.901 m 1.212,-71.2859996 c -0.291,0.372 -1.587,1.854 -1.971,2.586 -0.723,1.383 -0.957,2.553 -1.176,3.708 -0.435,2.2619996 -0.774,5.2109996 -1.05,6.8189996 m -6.819004,-3.147 c 0.111,-0.75 0.282,-1.839 0.525,-3.1469996 0.591004,-3.192 0.909004,-3.903 1.050004,-4.197 0.375,-0.786 1.11,-1.986 2.622,-3.147 l 6.723,0.45 c 0.18,0.204 0.444,0.54 0.669,0.996 1.422,2.859 -0.564,6.5489996 -1.623,8.5199996 -0.432,0.804 -1.59,2.655 -2.583,3.885 m -72.387034,2.097 21.078,-1.728 m 8.61303,-0.705 21.14535,-1.74193 m 10.13565,-0.82307 3.024,-0.249 c 0.819,-0.102 1.578004,-0.093 2.283004,0 2.592,0.339 4.848,2.268 6.636,4.197 M 26.588226,3.4134454 c -0.045,0.525 -0.075,2.322 0,3.21 0.156,1.821 0.696,3.4799996 1.575,5.1839996 1.65,3.204 2.517,4.119 5.247,6.819 0.807,0.798 1.506,1.662 1.968,2.364 m -0.34362,-0.52645 c -1.221,-6.324 -2.71038,-11.2965496 -3.72438,-13.3785496 -0.909,-1.866 -1.968,-2.625 -2.364,-2.886 -0.708,-0.462 -1.389,-0.678 -1.833,-0.786 l -10.491,1.575 c -0.075,0.6 -0.132,1.482 0,2.529 0.345,2.7329996 1.749,4.6799996 2.622,5.8649996 0.924,1.251 1.125,1.164 3.147,3.672 0.891,1.104 1.335,1.656 1.575,2.097 0.237,0.438 0.51,1.071 0.666,1.929 m 97.482004,66.729 c -0.627,0.795 -4.77,3.579 -6.009,4.239 -17.091004,9.105005 -56.844004,25.392005 -58.566004,25.419005 -0.825,0.012 -1.33908,-0.0429 -2.12508,-0.35794 M 2.1952255,104.39
|
|
|
|
/>
|
|
|
|
</>
|
|
|
|
)
|