51dc1d9732
Refer to the CHANGELOG for all info. --------- Co-authored-by: Wouter van Wageningen <wouter.vdub@yahoo.com> Co-authored-by: Josh Munic <jpmunic@gmail.com> Co-authored-by: Jonathan Haas <haasjona@gmail.com>
92 lines
7.7 KiB
JavaScript
92 lines
7.7 KiB
JavaScript
import React from 'react'
|
|
import { LineDrawingWrapper, thin, dashed } from './shared.mjs'
|
|
|
|
/*
|
|
* This strokeScale factor is used to normalize the stroke across
|
|
* designs so we have a consistent look when showing our collection
|
|
*/
|
|
const strokeScale = 1.3
|
|
|
|
/**
|
|
* A linedrawing component for Florence
|
|
*
|
|
* @param {object} props - All React props
|
|
* @param {string} props.className - Any CSS classes to apply
|
|
* @param {number} props.stroke - The stroke width to apply
|
|
*/
|
|
export const Florent = ({ className, stroke = 1 }) => (
|
|
<LineDrawingWrapper viewBox="0 -30 236 236" {...{ className, stroke }}>
|
|
<Front stroke={stroke * strokeScale} />
|
|
</LineDrawingWrapper>
|
|
)
|
|
|
|
// Front is the same
|
|
export const FlorentFront = Florent
|
|
|
|
/*
|
|
* 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"
|
|
/>
|
|
</>
|
|
)
|