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
}
```