Rewording & cleaning up in *Ardour's Interface*, new screenshots

_manual/05_ardours-interface.html

@@ -8,35 +8,35 @@ title: Ardour's Interface
 </p>
 
 <figure>
-	<img src="/images/editor_split.png" alt="Ardour's editor window">
-	<img style="margin-left:2em;" src="/images/mixer_split.png" alt="Ardour's mixer window">
+	<img src="/images/global-editor-window-split.png" alt="Ardour's editor window">
+	<img style="margin-left:2em;" src="/images/global-mixer-window-split.png" alt="Ardour's mixer window">
 	<figcaption>
-		<ol class="multicol4">
+		<ol class="multicol3">
 			<li>Main menu</li>
 			<li>Status bar</li>
+</ol><ol class="multicol3" start="3">
 			<li>Transport bar & Times</li>
-</ol><ol class="multicol4" start="4">
 			<li>Mode switch</li>
-			<li>The <dfn>Editor</dfn> window</li>
-			<li>a track's mixer strip</li>
-</ol><ol class="multicol4" start="7">
-			<li>Editors List</li>
+</ol><ol class="multicol3" start="5">
 			<li>The <dfn>Mixer</dfn> window</li>
-			<li>Favorite plugins</li>
-</ol><ol class="multicol4" start="10">
-			<li>Strips list</li>
-			<li>Group list</li>
-			<li>Master strip</li>
+			<li>The <dfn>Editor</dfn> window</li>
 		</ol>
 	</figcaption>
 </figure>
 
 <p>
-  To switch between those windows, use the buttons (#4 Mode switch in the upper right),
-  the shortcut <kbd class="mod2">M</kbd>, or the menu
-  <kbd class="menu">Window > Editor <em>(or Mixer)</em> > Show</kbd>.
-  Both windows can be visible at the same time (eg. for a multi-monitor
-  setup) using <kbd class="menu">Detach</kbd> in the same menu.
+  Switching between the Editor and the Mixer windows done :
 </p>
 
+<ul>
+	<li>with the Mode Switch buttons (#4 in the screenshot) in the upper right</li>
+	<li>with the <kbd class="mod2">M</kbd> shortcut</li>
+	<li>with the menu <kbd class="menu">Window &gt; Editor <em>(or Mixer)</em> &gt; Show</kbd>.</li>
+</ul>
 
+<p>
+  Both windows can be visible at the same time (eg. for a multi-monitor
+  setup) using <kbd class="menu">Window &gt; Editor <em>(or Mixer)</em> &gt; Detach</kbd> option in the same submenu.
+</p>
+
+{% children %}

_manual/05_ardours-interface/03_transport-bar-and-times/01_the-transport-bar.html

@@ -7,7 +7,7 @@ title: The Transport Bar
   The <dfn>Transport Bar</dfn> groups all the actions regarding the control of playback and recording.
 </p>
 
-<p class="center"><img src="/images/transport.png" alt="The transport controls" /></p>
+<p><img src="/images/transport.png" alt="The transport controls" /></p>
 
 <p>
   This bar is made of (from left to right):

_manual/05_ardours-interface/04_the-editor.html

@@ -2,86 +2,52 @@
 title: The Editor
 ---
 
-<figure class="right">
-
-	<img src="/images/editor_split.png" alt="Ardour's editor window">
-
+<figure>
+	<img src="/images/detailed-editor-window.png" alt="Ardour's editor window">
 	<figcaption>
-
-		<ol class="multicol3">
-
-			<li>Main menu</li>
-
-			<li>Status bar</li>
-
-			<li>Transport bar & Times</li>
-
-</ol><ol class="multicol3" start="4">
-
-			<li>Mode switch</li>
-
-			<li>The <dfn>Editor</dfn> window</li>
-
-			<li>a track's mixer strip</li>
-
-</ol><ol class="multicol3" start="7">
-
-			<li>Editors List</li>
-
+		<ol class="multicol4">
+			<li>Toolbar</li>
+			<li>Rulers</li>
+</ol><ol class="multicol4" start="3">
+			<li>Editor's List</li>
+			<li>a Mixer strip</li>
+</ol><ol class="multicol4" start="5">
+			<li>Summary</li>
+			<li>an audio track</li>
+		</ol>
+</ol><ol class="multicol4" start="7">
+			<li>a MIDI track</li>
+			<li>automation</li>
 		</ol>
 
 	</figcaption>
-
 </figure>
 
-
 <p>
-
   The <dfn>Editor</dfn> window includes the editor track <dfn>canvas</dfn>
-
   where you can arrange audio and MIDI data along a timeline. This is the
-
   window you will be in while editing and arranging a project. The window
-
   has a general "horizontal" sense to it: the timeline flows from left to
-
   right, the playhead showing the current position in the session moves
-
   from left to right &mdash; the window really represents <dfn>time</dfn>
-
   in a fairly literal way.
-
 </p>
 
-
-
 <p>
-
   It is possible to show a single channel strip in the editor window, and
-
   some people find this enough to work on mixing without actually opening
-
   the mixer window. Most of the time though, you will want both of these
-
   windows at various stages of a session's lifetime &mdash; sometimes
-
   you'll be focused on editing, sometimes on mixing and possibly some of
-
   the time on both.
-
 </p>
 
-
-
 <p>
-
-  This section is a description of the Editor window. To learn more about the
-
-  editing workflow, see <a href="/editing-and-arranging/">Editing and Arranging</a>.
-
+  This section is a description of the different sections of the Editor window.
+ To learn more about the editing workflow, see <a href="/editing-and-arranging/">Editing and Arranging</a>.
 </p>
 
 
-
+{% children %}
 
 

_manual/05_ardours-interface/04_the-editor/01_the-toolbar.html

@@ -22,7 +22,7 @@ title: The Toolbar
 
 <p>
   The Toolbar is made of 5 parts, described in this part.
-</p
+</p>
 
 
 {% children %}

_manual/05_ardours-interface/04_the-editor/03_the-summary.html

@@ -0,0 +1,32 @@
+---
+title: The Summary
+---
+
+
+<img src="/images/summary.png" alt="Ardour's Summary">
+
+<p>
+  The <dfn>Summary</dfn> is a global overview of the session, allowing for a good "bird's eye" view of where in time and tracks the work happens.
+</p>
+
+<p>
+	Each horizontal line represents a track in the session, with the colored bars being the audio and MIDI regions, colored as per their track's color setting.
+</p>
+
+<p>
+	Two yellow vertical lines show the position of the <em>Start</em> and <em>End</em> markers, defining the session's length. The red line shows the playhead's position.
+</p>
+
+<p>
+	The transparent white rectangle represents what's actually displayed in the Editor window, i.e. what part of the session is beign looked at on screen.
+</p>
+
+<p>The Summary also doubles as a navigator:</p>
+
+<ul>
+	<li>the arrows on the left allow to scroll the view horizontally, by 1 length of the veiw each time</li>
+	<li>the arrows on the right allow to scroll vertically, by 1 track each time</li>
+	<li>the white rectangle can be dragged anywhere on the session, moving the view accordingly</li>
+	<li>each border and corner of the white square can be resized, changing the view accordingly</li>
+</ul>
+

_manual/05_ardours-interface/05_the-mixer.html

@@ -2,22 +2,18 @@
 title: The Mixer
 ---
 
-<figure class="right">
-	<img src="/images/mixer_split.png" alt="Ardour's mixer window">
+<figure>
+	<img src="/images/detailed-mixer-window.png" alt="Ardour's mixer window">
 	<figcaption>
 		<ol class="multicol3">
-			<li>Main menu</li>
-			<li>Status bar</li>
-			<li>Transport bar & Times</li>
-</ol><ol class="multicol3" start="4">
-			<li>Mode switch</li>
-			<li value="6">a track's Strip</li>			
-			<li value="8">The Mixer window</li>
-</ol><ol class="multicol3" start="9">
-			<li>Favorite plugins</li>
-			<li>Strips list</li>
+			<li>Favorite Plugins</li>
+			<li>Strip List</li>
+</ol><ol class="multicol3" start="3">
 			<li>Group list</li>
+			<li>a track's strip</li>			
+</ol><ol class="multicol3" start="5">
 			<li>Master strip</li>
+			<li>Monitor section</li>
 		</ol>
 	</figcaption>
 </figure>

source/css/app.css

@@ -192,8 +192,8 @@
 
 #content figure.left {
     margin: 0 1em 1em 0;
-    float:right;
-    clear:right;
+    float:left;
+    clear:left;
 }
 
 .multicol2 {