wip: Work on design docs
This commit is contained in:
joostdecock
parent
0a3b4dae1d
commit
a4b184325a
51 changed files with 6147 additions and 263 deletions
58
packages/react-components/src/linedrawings/lunetius.mjs
Normal file
58
packages/react-components/src/linedrawings/lunetius.mjs
Normal 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"
|
||||
/>
|
||||
</>
|
||||
)
|
||||
Loading…
Add table
Add a link
Reference in a new issue