[web-animations-1][editorial] Move time-related sections up

This improves the flow of the story we're telling
about what an animation effect is and how it works.

(See next commit for tweaks on the text; this only moves it.)

Author: fantasai

web-animations-1/Overview.bs

@@ -2480,6 +2480,13 @@ Animation effects {#animation-effects}
       which cause the [=animation effect=] to apply its behavior
       by driving its [=local time|local time value=]
 
+### Types of animation effects ### {#types-of-animation-effects}
+
+  This specification defines a single type of [=animation effect=]:
+  [=keyframe effects=].
+  Subsequent levels of this specification
+  will define further types of [=animation effects=].
+
 ### Associated animation and timeline ### {#animation-effects-and-animations}
 
   An [=animation effect=] is
@@ -2495,12 +2502,77 @@ Animation effects {#animation-effects}
   if |effect| is [=associated with an animation=] which, in turn,
   is associated with |timeline|.
 
-### Types of animation effects ### {#types-of-animation-effects}
+### Local time ### {#local-time-section}
 
-  This specification defines a single type of [=animation effect=]:
-  [=keyframe effects=].
-  Subsequent levels of this specification
-  will define further types of [=animation effects=].
+  The <dfn>local time</dfn> of an [=animation effect=] at a given moment
+  is based on the first matching condition from the following:
+
+  <div class=switch>
+
+  : If the [=animation effect=] is [=associated with an animation=],
+  ::
+      the [=local time=] is the [=animation/current time=] of the [=animation=].
+
+  : Otherwise,
+  ::
+      the [=local time=] is [=unresolved=].
+
+  </div>
+
+### Time Spaces ### {#iteration-time-space}
+
+<div class=informative-bg>
+<em>This section is non-normative</em>
+
+  In Web Animations all times are relative to some point of reference.
+  These different points of reference produce different <em>time spaces</em>.
+
+  This can be compared to coordinate spaces
+  as used in computer graphics.
+  The zero time of a time space is analogous
+  to the origin of a coordinate space.
+
+  We can describe animations that repeat
+  as establishing a new time space
+  each time the animation repeats:
+  the <em>iteration time space</em>.
+
+  <em>Iteration time space</em> is a time space
+  whose zero time is the beginning
+  of an animation effect's current iteration.
+
+  Within the Web Animations model we also refer to [=active time=],
+  which is a time relative to the beginning of the active interval.
+  This time space, however, is internal to the model
+  and not exposed in the programming interface or in markup.
+
+  These time spaces are illustrated below.
+
+  <figure>
+    <img src="images/time-spaces.svg" width="600"
+         alt="A comparison of local time, active time, and iteration time.">
+    <figcaption>
+      A comparison of [=local time=], [=active time=], and iteration time
+      for an animation with an [=iteration duration=] of 1s
+      and an [=iteration count=] of 2.5.
+    </figcaption>
+  </figure>
+
+  Note: While the time spaces themselves are not bounded,
+  Web Animations defines [=active time=] and the [=iteration progress=]
+  such that they are clamped to a set range as shown in the diagram.
+  For example, whilst a time of -1 second
+  is a valid time in <em>active time space</em>,
+  the procedure for calculating the [=active time=]
+  defined in [[#calculating-the-active-time]]
+  will never return a negative value.
+
+  In addition to these time spaces
+  we can also refer to the <em>document time space</em>,
+  which is time space of the [=time values=]
+  of the [=default document timeline=] of the {{Document}}
+  of the [=current global object=].
+</div>
 
 ### The active interval, duration, and delays ### {#the-active-interval}
 
@@ -2563,24 +2635,6 @@ Animation effects {#animation-effects}
   the <a href="https://www.w3.org/TR/SVG/animate.html#MinAttribute"><code>min</code></a>
   attribute in SVG ([[SVG11]], Chapter 19).
 
-
-### Local time ### {#local-time-section}
-
-  The <dfn>local time</dfn> of an [=animation effect=] at a given moment
-  is based on the first matching condition from the following:
-
-  <div class=switch>
-
-  : If the [=animation effect=] is [=associated with an animation=],
-  ::
-      the [=local time=] is the [=animation/current time=] of the [=animation=].
-
-  : Otherwise,
-  ::
-      the [=local time=] is [=unresolved=].
-
-  </div>
-
 ### Animation effect phases and states ### {#animation-effect-phases-and-states}
 
 <div class=informative-bg>
@@ -3032,61 +3086,6 @@ Repeating {#repeating}
 
 </div>
 
-### Iteration time space ### {#iteration-time-space}
-
-<div class=informative-bg>
-<em>This section is non-normative</em>
-
-  In Web Animations all times are relative to some point of reference.
-  These different points of reference produce different <em>time spaces</em>.
-
-  This can be compared to coordinate spaces
-  as used in computer graphics.
-  The zero time of a time space is analogous
-  to the origin of a coordinate space.
-
-  We can describe animations that repeat
-  as establishing a new time space
-  each time the animation repeats:
-  the <em>iteration time space</em>.
-
-  <em>Iteration time space</em> is a time space
-  whose zero time is the beginning
-  of an animation effect's current iteration.
-
-  Within the Web Animations model we also refer to [=active time=],
-  which is a time relative to the beginning of the active interval.
-  This time space, however, is internal to the model
-  and not exposed in the programming interface or in markup.
-
-  These time spaces are illustrated below.
-
-  <figure>
-    <img src="images/time-spaces.svg" width="600"
-         alt="A comparison of local time, active time, and iteration time.">
-    <figcaption>
-      A comparison of [=local time=], [=active time=], and iteration time
-      for an animation with an [=iteration duration=] of 1s
-      and an [=iteration count=] of 2.5.
-    </figcaption>
-  </figure>
-
-  Note: While the time spaces themselves are not bounded,
-  Web Animations defines [=active time=] and the [=iteration progress=]
-  such that they are clamped to a set range as shown in the diagram.
-  For example, whilst a time of -1 second
-  is a valid time in <em>active time space</em>,
-  the procedure for calculating the [=active time=]
-  defined in [[#calculating-the-active-time]]
-  will never return a negative value.
-
-  In addition to these time spaces
-  we can also refer to the <em>document time space</em>,
-  which is time space of the [=time values=]
-  of the [=default document timeline=] of the {{Document}}
-  of the [=current global object=].
-</div>
-
 ### Interval timing ### {#interval-timing}
 
 <div class=informative-bg>