diff --git a/markdown/dev/tutorials/pattern-design/part2/adding-measurements/en.md b/markdown/dev/tutorials/pattern-design/part2/adding-measurements/en.md index 2d57ecf62e7..0922e62750c 100644 --- a/markdown/dev/tutorials/pattern-design/part2/adding-measurements/en.md +++ b/markdown/dev/tutorials/pattern-design/part2/adding-measurements/en.md @@ -25,7 +25,7 @@ I am using [*the official name* of the measurement](/reference/measurements) her circumference, that name is `head`. -The `design/src/bib.mjs` "language" title is out of date. It is used in the tutorial from this point forward to maintain syntax-highlight not yet available for the `src/bib.mjs` title, but should be replaced with `src/bib.mjs`. +The `design/src/bib.mjs` "language" title on the code snippets is out of date. It is used in the tutorial from this point forward to maintain syntax-highlight not yet available for the `src/bib.mjs` title, but should be replaced with `src/bib.mjs`. ```design/src/bib.mjs diff --git a/markdown/dev/tutorials/pattern-design/part2/avoiding-overlap/en.md b/markdown/dev/tutorials/pattern-design/part2/avoiding-overlap/en.md index 703976fb661..684d36ddc77 100644 --- a/markdown/dev/tutorials/pattern-design/part2/avoiding-overlap/en.md +++ b/markdown/dev/tutorials/pattern-design/part2/avoiding-overlap/en.md @@ -53,7 +53,7 @@ we'll capture these return values from the `round` macros and create easy-to-remember points from them: -```src/bib.mjs +```design/src/bib.mjs function draftBib({ Path, Point, @@ -61,7 +61,9 @@ function draftBib({ points, measurements, options, +// highlight-start utils, +// highlight-end macro, part, }) { @@ -126,7 +128,9 @@ function draftBib({ .close() .addClass('fabric') - // Drawing the bib outline + /* + * Drawing the bib outline + */ const width = measurements.head * options.widthRatio const length = measurements.head * options.lengthRatio @@ -169,6 +173,7 @@ function draftBib({ points.tipRightTop = new Point(points.tipRight.x, points.edgeTop.y) points.tipRightBottom = new Point(points.tipRight.x, points.top.y) + // highlight-start /* * Macros will return the auto-generated IDs */ @@ -197,7 +202,7 @@ function draftBib({ points[`${side}${utils.capitalize(id)}`] = points[ids1[side].points[id]].copy() } } - + // highlight-end /* * Always draw your path at the end * after you've manipulated your points diff --git a/markdown/dev/tutorials/pattern-design/part2/creating-the-closure/en.md b/markdown/dev/tutorials/pattern-design/part2/creating-the-closure/en.md index 7715728eadd..5e82b6e65b2 100644 --- a/markdown/dev/tutorials/pattern-design/part2/creating-the-closure/en.md +++ b/markdown/dev/tutorials/pattern-design/part2/creating-the-closure/en.md @@ -27,7 +27,7 @@ Like our neck opening, we've only drawn half since we can simply copy the points to the other side. -```src/bib.mjs +```design/src/bib.mjs function draftBib({ Path, Point, @@ -35,7 +35,9 @@ function draftBib({ points, measurements, options, + // highlight-start macro, + // highlight-end part, }) { @@ -149,6 +151,7 @@ function draftBib({ .curve(points.edgeRightCp, points.edgeTopRightCp, points.edgeTop) .close() + // highlight-start // Round the straps const strap = points.edgeTop.dy(points.top) @@ -170,7 +173,7 @@ function draftBib({ via: points.tipRightBottom, hide: false }) - + // highlight-end return part } ``` diff --git a/markdown/dev/tutorials/pattern-design/part2/drawing-the-bib-outline/en.md b/markdown/dev/tutorials/pattern-design/part2/drawing-the-bib-outline/en.md index b38f1227944..175f4cbc829 100644 --- a/markdown/dev/tutorials/pattern-design/part2/drawing-the-bib-outline/en.md +++ b/markdown/dev/tutorials/pattern-design/part2/drawing-the-bib-outline/en.md @@ -6,7 +6,7 @@ order: 88 With our neck opening in place, let us draw the basic outline of our bib. -```src/bib.mjs +```design/src/bib.mjs function draftBib({ Path, Point, @@ -75,7 +75,10 @@ function draftBib({ .close() .addClass('fabric') - // Drawing the bib outline +// highlight-start + /* + * Drawing the bib outline + */ const width = measurements.head * options.widthRatio const length = measurements.head * options.lengthRatio @@ -95,6 +98,7 @@ function draftBib({ .line(points.topLeft) .close() .addClass('fabric') +// highlight-end return part } diff --git a/markdown/dev/tutorials/pattern-design/part2/rounding-the-corners/en.md b/markdown/dev/tutorials/pattern-design/part2/rounding-the-corners/en.md index 26189ce4eef..6b889b73227 100644 --- a/markdown/dev/tutorials/pattern-design/part2/rounding-the-corners/en.md +++ b/markdown/dev/tutorials/pattern-design/part2/rounding-the-corners/en.md @@ -8,6 +8,8 @@ We already know how to round corners, we'll have the `round` macro take care of With our corners rounded, we should also update our path. Fortunately, we merely have to update the start of it. +We'll rename `paths.rect` to `paths.seam`. + ```design/src/bib.mjs function draftBib({ diff --git a/markdown/dev/tutorials/pattern-design/part2/shaping-the-straps/en.md b/markdown/dev/tutorials/pattern-design/part2/shaping-the-straps/en.md index e86b59b142a..e291b121287 100644 --- a/markdown/dev/tutorials/pattern-design/part2/shaping-the-straps/en.md +++ b/markdown/dev/tutorials/pattern-design/part2/shaping-the-straps/en.md @@ -17,7 +17,7 @@ As always, [the API docs](/reference/api/point/) have all the details. -```src/bib.mjs +```design/src/bib.mjs function draftBib({ Path, Point, @@ -111,6 +111,7 @@ function draftBib({ .close() .addClass('fabric') +// highlight-start /* * Shape the straps */ @@ -138,6 +139,8 @@ function draftBib({ .curve(points.edgeRightCp, points.edgeTopRightCp, points.edgeTop) .close() +// highlight-end + return part } ```