[motion-1][editorial] Fixed Bikeshed issues

Author: SebastianZ

motion-1/Overview.bs

@@ -165,7 +165,7 @@ Values have the following meanings:
         on the element that establishes the [=containing block=]
         for this element.
         If <<coord-box>> is omitted,
-        it defaults to ''&lt;coord-box>/border-box''.
+        it defaults to ''<coord-box>/border-box''.
 
         See the specific values (below)
         for the interpretation of each component.
@@ -177,7 +177,7 @@ Values have the following meanings:
         at some angle.
         See [[#ray-function]] for details.
 
-        The <<coord-box>> provides the [=&lt;basic-shape>/reference box=]
+        The <<coord-box>> provides the [=<basic-shape>/reference box=]
         for the ray.
 
     : <dfn><<url>></dfn>
@@ -202,7 +202,7 @@ Values have the following meanings:
 
     : <dfn><<basic-shape>></dfn>
     ::
-        The [=offset path=] is the [=&lt;basic-shape>/equivalent path=]
+        The [=offset path=] is the [=<basic-shape>/equivalent path=]
         of the <<basic-shape>> function.
 
         For all <<basic-shape>>s,
@@ -227,11 +227,12 @@ Values have the following meanings:
         for this element.
 
         In SVG contexts,
-        all values behave as ''&lt;coord-box>/view-box''.
+        all values behave as ''<coord-box>/view-box''.
 </dl>
 
 <wpt>
 animation/offset-path-composition.html
+animation/offset-path-coord-box-interpolation.html
 animation/offset-path-interpolation-001.html
 animation/offset-path-interpolation-002.html
 animation/offset-path-interpolation-003.html
@@ -536,7 +537,7 @@ Issue: all of these examples need to be rewritten.
     &lt;/body>
     </code></pre>
     <figure>
-        <img alt="An image of boxes positioned without contain" src="images/offset_distance_without_contain.png" style="width: 200px;">
+        <img alt="An image of boxes positioned without contain" src="images/offset_distance_without_contain.png" width="200" height="220">
         <figcaption>'offset-path' without 'contain'</figcaption>
     </figure>
 
@@ -571,7 +572,7 @@ Issue: all of these examples need to be rewritten.
     &lt;/body>
     </code></pre>
     <figure>
-        <img alt="An image of boxes positioned with contain" src="images/offset_distance_with_contain.png" width=200 height=220>
+        <img alt="An image of boxes positioned with contain" src="images/offset_distance_with_contain.png" width="200" height="220">
         <figcaption>'offset-path' with 'contain'</figcaption>
     </figure>
 
@@ -602,7 +603,7 @@ Issue: all of these examples need to be rewritten.
     &lt;/body>
     </code></pre>
     <figure>
-        <img alt="An image of an increased path size" src="images/increase-size.svg" width="400" height="335" >
+        <img alt="An image of an increased path size" src="images/increase-size.svg" width="400" height="335">
         <figcaption>'offset-path' with path size increased</figcaption>
     </figure>
 
@@ -635,7 +636,7 @@ Issue: all of these examples need to be rewritten.
     &lt;/div>
     </code></pre>
     <figure>
-        <img alt="An image with initial position outside the containing block" src="images/initial-outside.svg" width=700 height=460 >
+        <img alt="An image with initial position outside the containing block" src="images/initial-outside.svg" width="700" height="460">
         <figcaption>Initial position outside the containing block</figcaption>
     </figure>
 </div>
@@ -704,7 +705,7 @@ Issue: all of these examples need to be rewritten.
     &lt;/body>
     </code></pre>
     <figure>
-        <img alt="An image of example for geometry-box with border-radius" src="images/geometry-box.svg" width=470 height=270 >
+        <img alt="An image of example for geometry-box with border-radius" src="images/geometry-box.svg" width="470" height="270">
         <figcaption>The initial position is the left end of the top horizontal line.</figcaption>
     </figure>
 </div>
@@ -833,7 +834,7 @@ This example shows boxes placed along an unclosed interval.
 &lt;/body>
 </code></pre>
 <figure>
-    <img src="images/offset-distance-unclosed.svg" width=700 height=270
+    <img src="images/offset-distance-unclosed.svg" width="700" height="270"
          alt="An example of boxes placed along an unclosed interval">
     <figcaption>An example of boxes placed along an unclosed interval</figcaption>
 </figure>
@@ -865,7 +866,7 @@ This example shows boxes placed along a closed interval.
 &lt;/body>
 </code></pre>
 <figure>
-    <img src="images/offset-distance-closed.svg" width=700 height=270
+    <img src="images/offset-distance-closed.svg" width="700" height="270"
          alt="An example of boxes placed along a closed interval">
     <figcaption>An example of boxes placed along a closed interval</figcaption>
 </figure>
@@ -912,7 +913,7 @@ This example shows boxes placed along a closed interval.
     &lt;/body>
     </code></pre>
     <figure>
-        <img alt="An image of three boxes positioned to polar coordinates" src="images/simple_offset_position.png" style="width: 300px;">
+        <img alt="An image of three boxes positioned to polar coordinates" src="images/simple_offset_position.png" width="300" height="300">
         <figcaption>An example of positioning box in polar coordinates</figcaption>
     </figure>
 </div>
@@ -1010,7 +1011,7 @@ parsing/offset-position-parsing-valid.html
     &lt;/body>
     </code></pre>
     <figure>
-        <img alt="An image of offset-position: auto" src="images/offset_position_auto.png" width="300">
+        <img alt="An image of offset-position: auto" src="images/offset_position_auto.png" width="300" height="279">
         <figcaption>An example when ''offset-position/auto'' is given to 'offset-position'</figcaption>
     </figure>
 </div>
@@ -1300,7 +1301,7 @@ This example shows an alignment of four boxes with different <a>anchor point</a>
 &lt;/body>
 </code></pre>
 <figure>
-    <img src="images/offset_anchor.png" alt="An example of offset-anchor" style="width: 300px;">
+    <img src="images/offset_anchor.png" alt="An example of offset-anchor" width="300" height="300">
     <figcaption>An example of 'offset-anchor'</figcaption>
 </figure>
 </div>
@@ -1348,7 +1349,7 @@ This example shows boxes centered at their offset-position.
 &lt;/body>
 </code></pre>
 <figure>
-    <img src="images/offset_anchor_center.svg" width=700 height=790 alt="An example of offset-anchor: center">
+    <img src="images/offset_anchor_center.svg" width="700" height="790" alt="An example of offset-anchor: center">
     <figcaption>An example of 'offset-anchor: center'</figcaption>
 </figure>
 </div>
@@ -1396,7 +1397,7 @@ This example shows how offset-anchor computes to their offset-position.
 &lt;/body>
 </code></pre>
 <figure>
-    <img src="images/offset_anchor_auto.svg" width=700 height=570 alt="An example of offset-anchor: auto">
+    <img src="images/offset_anchor_auto.svg" width="700" height="570" alt="An example of offset-anchor: auto">
     <figcaption>An example of 'offset-anchor: auto'</figcaption>
 </figure>
 </div>
@@ -1585,7 +1586,7 @@ parsing/offset-rotate-parsing-valid.html
     &lt;/body>
     </code></pre>
     <figure>
-        <img alt="An image of example for offset-rotate" src="images/rotate_by_angle_with_auto.png" style="width: 250px; text-align: center">
+        <img alt="An image of example for offset-rotate" src="images/rotate_by_angle_with_auto.png" width="250" height="250">
         <figcaption>The boxes are rotated by the value of ''offset-rotate/auto'' with a fixed amount of degree.</figcaption>
     </figure>
 </div>
@@ -1757,14 +1758,14 @@ This specification introduces no new security considerations.
 * Fixed directionality at sharp path boundaries to match SVG. <a href="https://github.com/w3c/fxtf-drafts/issues/209">#209</a>.
 * Reorganized offset-path section for better readability.
 * Removed note describing the concept of polar angles.
-* Changed computed value of offset-distance to a computed <length-percentage> value.
+* Changed computed value of offset-distance to a computed <<length-percentage>> value.
 * Replaced animatable by Animation type.
 
 <h3 class=no-num id="changes-20150409">Changes since the <a href="https://www.w3.org/TR/2015/WD-motion-1-20150409/">9 April 2015</a> First Public Working Draft</h3>
 
 * Renamed <a href="https://www.w3.org/TR/2015/WD-motion-1-20150409/#motion-path-property">motion-path</a> to 'offset-path' for integrating with <a href="https://www.w3.org/TR/2016/WD-css-round-display-1-20160301/#polar-angle-property">polar-angle</a>.
     * Added the ''ray()'' to define an <a>offset path</a> as a line segment which direction is specified by <<angle>>.
-    * Added <<size>> and 'contain' value for the ''ray()''.
+    * Added <<ray-size>> and 'contain' value to ''ray()''.
 * Renamed <a href="https://www.w3.org/TR/2015/WD-motion-1-20150409/#propdef-motion-offset">motion-offset</a> to 'offset-distance' for integrating with <a href="https://www.w3.org/TR/2016/WD-css-round-display-1-20160301/#polar-distance-property">polar-distance</a>.
 * Renamed <a href="https://www.w3.org/TR/2015/WD-motion-1-20150409/#propdef-motion-rotation">motion-rotation</a> to 'offset-rotate'.
 * Added 'offset-position' to specify the [=offset starting position=] of the path by merging <a href="https://www.w3.org/TR/2016/WD-css-round-display-1-20160301/#polar-origin-property">polar-origin</a> from [[CSS-ROUND-DISPLAY-1]].