updated the panners screenshots

[ardour-manual] / include / stereo-panner.html

diff --git a/include/stereo-panner.html b/include/stereo-panner.html
index 35fd4ab87a753efdd3ccaf1dd3cb87623d54129b..784ff4f90b5c6dd7ac40d3b586a583bc2fbafe3e 100644 (file)
--- a/include/stereo-panner.html
+++ b/include/stereo-panner.html
@@ -19,7 +19,13 @@
 
 <h2>Stereo Panner User Interface</h2>
 
-<img src="/images/stereo-panner-annotated.png" alt=""/>
+<figure class="left">
+  <img src="/images/stereo-panner.png" alt="The Stereo Panner">
+  <figcaption>
+    The Stereo Panner
+  </figcaption>
+</figure>
+
 <p>
   The <dfn>panner user interface</dfn> consists of three elements, divided between
   the top and bottom half. Click and/or drag in the top half to
@@ -55,7 +61,7 @@
   a pair of numbers that will be familiar to most audio engineers.
 </p>
 
-<table>
+<table class="nodl">
 <tr><th>Position</th><th>L/R</th><th>English</th></tr>
 <tr><td>0</td><td>L=50% R=50%</td><td>signal image is midway between
     left and right speakers</td></tr>
@@ -74,7 +80,7 @@
 
 <h3>Examples In Use</h3>
 
-<table>
+<table class="nodl">
 <tr><th>Appearance</th><th>Settings</th></tr>
 <tr><td><img src="/images/stereo-panner.png"></td><td>Width=100%,
     L=50 R=50</td></tr>
@@ -110,39 +116,39 @@
   grab the L/R indicators in order to drag.</em>
 </p>
 
-<dl class="faq">
+<table class="dl">
 
-<dt>Reset to defaults</dt>
-<dd>Click <kbd class="mod3 mouse">right</kbd></dd>
+<tr><th>Reset to defaults</th>
+<td>Click <kbd class="mod3 mouse">right</kbd></td></tr>
 
-<dt>Change to hard left</dt>
-<dd>Double click <kbd class="mod2 mouse">right</kbd> in the upper left half
-  of the panner</dd>
+<tr><th>Change to hard left</th>
+<td>Double click <kbd class="mod2 mouse">right</kbd> in the upper left half
+  of the panner</td></tr>
 
-<dt>Change to a hard right</dt>
-<dd>Double click <kbd class="mod2 mouse">right</kbd> in the upper right half
-  of the panner</dd>
+<tr><th>Change to a hard right</th>
+<td>Double click <kbd class="mod2 mouse">right</kbd> in the upper right half
+  of the panner</td></tr>
 
-<dt>Move position as far left as possible, given width</dt>
-<dd>Double click <kbd class="mouse">right</kbd> in the upper left half of the
-  panner</dd>
+<tr><th>Move position as far left as possible, given width</th>
+<td>Double click <kbd class="mouse">right</kbd> in the upper left half of the
+  panner</td></tr>
 
-<dt>Move position as far right as possible, given width</dt>
-<dd>Double click <kbd class="mouse">right</kbd> in the upper right half of the
-  panner</dd>
+<tr><th>Move position as far right as possible, given width</th>
+<td>Double click <kbd class="mouse">right</kbd> in the upper right half of the
+  panner</td></tr>
 
-<dt>Set the position to center</dt>
-<dd>Click <kbd class="mouse">right</kbd> in the upper middle of the panner</dd>
+<tr><th>Set the position to center</th>
+<td>Click <kbd class="mouse">right</kbd> in the upper middle of the panner</td></tr>
 
-<dt>Reset to maximum possible width</dt>
-<dd>Double click <kbd class="mouse">right</kbd> on the lower left side</dd>
+<tr><th>Reset to maximum possible width</th>
+<td>Double click <kbd class="mouse">right</kbd> on the lower left side</td></tr>
 
-<dt>Invert (flip channel assignments)</dt>
-<dd>Double click <kbd class="mouse">right</kbd> on the lower right side</dd>
+<tr><th>Invert (flip channel assignments)</th>
+<td>Double click <kbd class="mouse">right</kbd> on the lower right side</td></tr>
 
-<dt>Set width to 0&deg;</dt>
-<dd>Double click <kbd class="mouse">right</kbd> in the lower middle</dd>
-</dl>
+<tr><th>Set width to 0&deg;</th>
+<td>Double click <kbd class="mouse">right</kbd> in the lower middle</td></tr>
+</table>
 
 <h4>Keyboard bindings</h4>
 
@@ -151,20 +157,20 @@
   keybindings are available to operate on that panner:
 </p>
 
-<dl>
-  <dt><kbd>&uarr;</kbd> / <kbd class="mod1">&uarr;</kbd></dt>
-  <dd>increase width by 1&deg; / 5&deg;</dd>
-  <dt><kbd>&darr;</kbd> / <kbd class="mod1">&darr;</kbd></dt>
-  <dd>decrease width by 1&deg; / 5&deg;</dd>
-  <dt><kbd>&larr;</kbd> / <kbd class="mod1">&larr;</kbd></dt>
-  <dd>move position 1&deg; / 5&deg; to the left</dd>
-  <dt><kbd>&rarr;</kbd> / <kbd class="mod1">&rarr;</kbd></dt>
-  <dd>move position 1&deg / 5&deg; to the right</dd>
-  <dt><kbd>0</kbd></dt>
-  <dd>reset position to center</dd>
-  <dt><kbd class="mod2">&uarr;</kbd></dt>
-  <dd>reset width to full (100%)</dd>
-</dl>
+<table class="dl">
+  <tr><th><kbd>&uarr;</kbd> / <kbd class="mod1">&uarr;</kbd></th>
+  <td>increase width by 1&deg; / 5&deg;</td></tr>
+  <tr><th><kbd>&darr;</kbd> / <kbd class="mod1">&darr;</kbd></th>
+  <td>decrease width by 1&deg; / 5&deg;</td></tr>
+  <tr><th><kbd>&larr;</kbd> / <kbd class="mod1">&larr;</kbd></th>
+  <td>move position 1&deg; / 5&deg; to the left</td></tr>
+  <tr><th><kbd>&rarr;</kbd> / <kbd class="mod1">&rarr;</kbd></th>
+  <td>move position 1&deg / 5&deg; to the right</td></tr>
+  <tr><th><kbd>0</kbd></th>
+  <td>reset position to center</td></tr>
+  <tr><th><kbd class="mod2">&uarr;</kbd></th>
+  <td>reset width to full (100%)</td></tr>
+</table>
 
 <h4>Using the scroll wheel/touch scroll</h4>
 
@@ -173,16 +179,16 @@
   wheel may be used as follows:
 </p>
 
-<dl>
-  <dt><kbd class="mouse">&lArr;</kbd> / <kbd class="mod1 mouse">&lArr;</kbd></dt>
-  <dd>increase width by 1&deg; / 5&deg;</dd>
-  <dt><kbd class="mouse">&rArr;</kbd> / <kbd class="mod1 mouse">&rArr;</kbd></dt>
-  <dd>decrease width by 1&deg; / 5&deg;</dd>
-  <dt><kbd class="mouse">&uArr;</kbd> / <kbd class="mod1 mouse">&uArr;</kbd></dt>
-  <dd>move position 1&deg; / 5&deg; to the left</dd>
-  <dt><kbd class="mouse">&dArr;</kbd> / <kbd class="mod1 mouse">&dArr;</kbd></dt>
-  <dd>move position 1&deg; / 5&deg;to the right</dd>
-</dl>
+<table class="dl">
+  <tr><th><kbd class="mouse">&lArr;</kbd> / <kbd class="mod1 mouse">&lArr;</kbd></th>
+  <td>increase width by 1&deg; / 5&deg;</td></tr>
+  <tr><th><kbd class="mouse">&rArr;</kbd> / <kbd class="mod1 mouse">&rArr;</kbd></th>
+  <td>decrease width by 1&deg; / 5&deg;</td></tr>
+  <tr><th><kbd class="mouse">&uArr;</kbd> / <kbd class="mod1 mouse">&uArr;</kbd></th>
+  <td>move position 1&deg; / 5&deg; to the left</td></tr>
+  <tr><th><kbd class="mouse">&dArr;</kbd> / <kbd class="mod1 mouse">&dArr;</kbd></th>
+  <td>move position 1&deg; / 5&deg;to the right</td></tr>
+</table>
 
 <h2><a name="caveat"></a>Stereo panning caveats</h2>
 
@@ -241,4 +247,3 @@ some degree of comb filtering may be acceptable. Then again, it may not. Listen
 carefully for artefacts if you manipulate unknown stereo signals&mdash;many
 orchestra sample libraries for example do contain time-delay components.
 </p>
-