1
0
Fork 0

fix(markdown): Move caption from prop to children

This commit is contained in:
Joost De Cock 2022-01-13 19:05:07 +01:00
parent dd88d8a7f2
commit 7f1f6dfbaf
4 changed files with 23 additions and 15 deletions

View file

@ -41,4 +41,4 @@ For example `38` as 38cm is a realistic head circumference measurement for a bab
Enter `38` in the box, and click on **Draft your pattern** in the top navigation bar to get back to your draft, Enter `38` in the box, and click on **Draft your pattern** in the top navigation bar to get back to your draft,
which for now still looks like this: which for now still looks like this:
<Example pattern="tutorial" part="step1" caption="Nothing has changed, yet" /> <Example pattern="tutorial" part="step1">Nothing has changed, yet</Example>

View file

@ -100,7 +100,7 @@ From there, we drew a Bezier curve to our `bottom` point by using `rightCp1` and
When all is said and done, we now have a quarter of our neck opening: When all is said and done, we now have a quarter of our neck opening:
<Example pattern="tutorial" part="step2" caption="You have drawn your first path" /> <Example pattern="tutorial" part="step2">You have drawn your first path</Example>
The only problem is, we have no guarantee whatsoever that this opening is the correct size. The only problem is, we have no guarantee whatsoever that this opening is the correct size.

View file

@ -43,7 +43,9 @@ If the delta is negative, our path is too short and we increase the tweak factor
We keep on doing this until `Math.abs(delta)` is less than 1. Meaning that we are within 1mm of our target value. We keep on doing this until `Math.abs(delta)` is less than 1. Meaning that we are within 1mm of our target value.
<Example pattern="tutorial" part="step2" caption="It might look the same as before, but now it's just right" /> <Example pattern="tutorial" part="step2">
It might look the same as before, but now it's just right
</Example>
Now that we're happy with the length of our quarter neck opening, let's construct the entire neck opening. Now that we're happy with the length of our quarter neck opening, let's construct the entire neck opening.

View file

@ -40,7 +40,6 @@ Click on any of the options we've added to our pattern, and your bib will be dra
The `lengthRatio` option controls the length of our bib. Testing it confirms that it only influences the length: The `lengthRatio` option controls the length of our bib. Testing it confirms that it only influences the length:
<Example <Example
caption="Your bib with the lengthRatio option sampled"
sample sample
part="bib" part="bib"
pattern="tutorial" pattern="tutorial"
@ -50,7 +49,9 @@ The `lengthRatio` option controls the length of our bib. Testing it confirms tha
option: "lengthRatio" option: "lengthRatio"
} }
}} }}
/> >
Your bib with the lengthRatio option sampled
</Example>
### neckRatio ### neckRatio
@ -62,7 +63,6 @@ Testing it confirms this. We can also see that as the neck opening gets smaller,
further out of the way to avoid overlap: further out of the way to avoid overlap:
<Example <Example
caption="Your bib with the neckRatio option sampled"
sample sample
part="bib" part="bib"
pattern="tutorial" pattern="tutorial"
@ -72,7 +72,9 @@ further out of the way to avoid overlap:
option: "neckRatio" option: "neckRatio"
} }
}} }}
/> >
Your bib with the neckRatio option sampled
</Example>
### widthRatio ### widthRatio
@ -94,7 +96,6 @@ covered in this tutorial. It is left *as an exercise to the reader*.
</Note> </Note>
<Example <Example
caption="Your bib with the widthRatio option sampled"
sample sample
part="bib" part="bib"
pattern="tutorial" pattern="tutorial"
@ -104,7 +105,9 @@ covered in this tutorial. It is left *as an exercise to the reader*.
option: "widthRatio" option: "widthRatio"
} }
}} }}
/> >
Your bib with the widthRatio option sampled
</Example>
## Testing measurements ## Testing measurements
@ -114,7 +117,6 @@ This gives you the option to determine how any given measurement is influencing
For our bib, we only use one measurement, so it influences the entire pattern: For our bib, we only use one measurement, so it influences the entire pattern:
<Example <Example
caption="Your bib with the head circumference measurement sampled"
sample sample
part="bib" part="bib"
pattern="tutorial" pattern="tutorial"
@ -124,7 +126,9 @@ For our bib, we only use one measurement, so it influences the entire pattern:
measurement: "head" measurement: "head"
} }
}} }}
/> >
Your bib with the head circumference measurement sampled
</Example>
## Testing models ## Testing models
@ -140,7 +144,6 @@ pattern will adapt to differently sized bodies.
<Example <Example
sample sample
caption="Your bib sampled for a range of baby sizes"
pattern="tutorial" pattern="tutorial"
part="bib" part="bib"
settings={{ settings={{
@ -159,7 +162,9 @@ pattern will adapt to differently sized bodies.
} }
} }
}} }}
/> >
Your bib sampled for a range of baby sizes
</Example>
## The antperson test ## The antperson test
@ -179,7 +184,6 @@ The best patterns will pass the antperson test with 2 patterns exactly the same,
<Example <Example
sample sample
caption="Congratulations, your bib passes the antperson test"
pattern="tutorial" pattern="tutorial"
part="bib" part="bib"
settings={{ settings={{
@ -191,6 +195,8 @@ The best patterns will pass the antperson test with 2 patterns exactly the same,
} }
} }
}} }}
/> >
Congratulations, your bib passes the antperson test
</Example>
When you're happy with how your pattern passes these tests, it's time to complete it. When you're happy with how your pattern passes these tests, it's time to complete it.