]> Shamusworld >> Repos - ardour-manual/blobdiff - include/about-ardours-interface.html
Update to the Interface Overview page : added the Cue Grid, and updated all visuals...
[ardour-manual] / include / about-ardours-interface.html
index 92db8d1ed42e474f8963da721862cea19a1e895f..4b16fbb8eb1ac62eeec5f7bd7850590056169b5f 100644 (file)
 
 <p>
-  In Ardour, work is done in two main windows: the <dfn>Editor</dfn> and the
-  <dfn>Mixer</dfn>.
+  In Ardour, work is done in one of four windows: the <dfn>Editor</dfn>, the
+  <dfn>Mixer</dfn>, the <dfn>Recorder</dfn>, or the <dfn>Cue Grid</dfn>.
 </p>
 
-<figure style="width:100%;">
-
-  <div class="container" style="float:left; width: 600px; height: 347px; background-image: url('/images/Split_Backgroundeditor.png');">
-                       <a href="@@main-menu"><div class="hoverimg" style="left: 0px; top: 11px; width: 297px; height: 13px; background-image: url('/images/Split_MainMenu.png');"></div></a>
-                       <a href="@@status-bar"><div class="hoverimg" style="left: 297px; top: 11px; width: 303px; height: 13px; background-image: url('/images/Split_StatusBar.png');"></div></a>
-                       <a href="@@transport-bar"><div class="hoverimg" style="left: 0px; top: 24px; width: 86px; height: 24px; background-image: url('/images/Split_Transport.png');"></div></a>
-                       <a href="@@selection-and-punch-clocks"><div class="hoverimg" style="left: 86px; top: 24px; width: 50px; height: 24px; background-image: url('/images/Split_RecordandPunchOptions.png');"></div></a>
-                       <a href="@@other-toolbar-items#monitor-options"><div class="hoverimg" style="left: 136px; top: 24px; width: 46px; height: 24px; background-image: url('/images/Split_MonitorOptions.png');"></div></a>
-                       <a href="@@other-toolbar-items#playhead_options"><div class="hoverimg" style="left: 182px; top: 24px; width: 43px; height: 24px; background-image: url('/images/Split_PlayheadOptions.png');"></div></a>
-                       <a href="@@transport-clocks"><div class="hoverimg" style="left: 225px; top: 24px; width: 154px; height: 24px; background-image: url('/images/Split_Clocks.png');"></div></a>
-                       <a href="@@other-toolbar-items#status_indicators"><div class="hoverimg" style="left: 379px; top: 24px; width: 23px; height: 24px; background-image: url('/images/Split_StatusIndicators.png');"></div></a>
-                       <a href="@@selection-and-punch-clocks"><div class="hoverimg" style="left: 402px; top: 24px; width: 55px; height: 24px; background-image: url('/images/Split_SelectionClock.png');"></div></a>
-                       <a href="@@mini-timeline"><div class="hoverimg" style="left: 457px; top: 24px; width: 90px; height: 24px; background-image: url('/images/Split_NavigationTimeline.png');"></div></a>
-                       <a href="@@other-toolbar-items#mode_selector"><div class="hoverimg" style="left: 547px; top: 24px; width: 53px; height: 24px; background-image: url('/images/Split_LevelModeScripts.png');"></div></a>
-                       <a href="@@audiomidi-mixer-strips"><div class="hoverimg" style="left: 0px; top: 48px; width: 43px; height: 299px; background-image: url('/images/Split_aMixerStrip.png');"></div></a>
-                       <a href="@@toolbox"><div class="hoverimg" style="left: 43px; top: 48px; width: 112px; height: 14px; background-image: url('/images/Split_Toolbox.png');"></div></a>
-                       <a href="@@zoom-controls"><div class="hoverimg" style="left: 155px; top: 48px; width: 111px; height: 14px; background-image: url('/images/Split_ZoomControls.png');"></div></a>
-                       <a href="@@grid-controls"><div class="hoverimg" style="left: 266px; top: 48px; width: 90px; height: 14px; background-image: url('/images/Split_GridControls.png');"></div></a>
-                       <a href="@@edit-point-control"><div class="hoverimg" style="left: 356px; top: 48px; width: 40px; height: 14px; background-image: url('/images/Split_EditPoint.png');"></div></a>
-                       <a href="@@nudge-controls"><div class="hoverimg" style="left: 396px; top: 48px; width: 61px; height: 14px; background-image: url('/images/Split_NudgeControls.png');"></div></a>
-                       <a href="@@selection-and-punch-clocks"><div class="hoverimg" style="left: 498px; top: 62px; width: 102px; height: 26px; background-image: url('/images/Split_SelectionandPunchClocks.png');"></div></a>
-                       <a href="@@editor-lists"><div class="hoverimg" style="left: 498px; top: 88px; width: 102px; height: 259px; background-image: url('/images/Split_EditorLists.png');"></div></a>
-                       <a href="@@ruler"><div class="hoverimg" style="left: 43px; top: 62px; width: 455px; height: 49px; background-image: url('/images/Split_Ruler.png');"></div></a>
-                       <a href="@@summary"><div class="hoverimg" style="left: 43px; top: 295px; width: 455px; height: 52px; background-image: url('/images/Split_Summary.png');"></div></a>
-                       <a href="@@track-and-bus-groups"><div class="hoverimg" style="left: 43px; top: 110px; width: 7px; height: 185px; background-image: url('/images/Split_GroupTabs.png');"></div></a>
-                       <a href="@@bus-controls"><div class="hoverimg" style="left: 50px; top: 110px; width: 448px; height: 26px; background-image: url('/images/Split_MasterBus.png');"></div></a>
-                       <a href="@@audio-track-controls"><div class="hoverimg" style="left: 50px; top: 136px; width: 448px; height: 27px; background-image: url('/images/Split_anAudioTrack.png');"></div></a>
-                       <a href="@@automation"><div class="hoverimg" style="left: 50px; top: 163px; width: 448px; height: 26px; background-image: url('/images/Split_someAutomation.png');"></div></a>
-                       <a href="@@audio-track-controls"><div class="hoverimg" style="left: 50px; top: 189px; width: 448px; height: 27px; background-image: url('/images/Split_anotherAudioTrack.png');"></div></a>
-                       <a href="@@midi-track-controls"><div class="hoverimg" style="left: 50px; top: 215px; width: 448px; height: 26px; background-image: url('/images/Split_aMIDITrack.png');"></div></a>
-                       <a href="@@midi-track-controls"><div class="hoverimg" style="left: 50px; top: 242px; width: 448px; height: 54px; background-image: url('/images/Split_anotherMIDITrack.png');"></div></a>
-               </div>
-
-  <div class="container" style="margin-left:10px; float:left; width: 600px; height: 347px; background-image: url('/images/Split_Background.png');">
-                       <a href="@@main-menu"><div class="hoverimg" style="left: 0px; top: 11px; width: 297px; height: 13px; background-image: url('/images/Split_MainMenu.png');"></div></a>
-                       <a href="@@status-bar"><div class="hoverimg" style="left: 297px; top: 11px; width: 303px; height: 13px; background-image: url('/images/Split_StatusBar.png');"></div></a>
-                       <a href="@@transport-bar"><div class="hoverimg" style="left: 0px; top: 24px; width: 86px; height: 24px; background-image: url('/images/Split_Transport.png');"></div></a>
-                       <a href="@@selection-and-punch-clocks"><div class="hoverimg" style="left: 86px; top: 24px; width: 50px; height: 24px; background-image: url('/images/Split_RecordandPunchOptions.png');"></div></a>
-                       <a href="@@other-toolbar-items#monitor-options"><div class="hoverimg" style="left: 136px; top: 24px; width: 46px; height: 24px; background-image: url('/images/Split_MonitorOptions.png');"></div></a>
-                       <a href="@@other-toolbar-items#playhead_options"><div class="hoverimg" style="left: 182px; top: 24px; width: 43px; height: 24px; background-image: url('/images/Split_PlayheadOptions.png');"></div></a>
-                       <a href="@@transport-clocks"><div class="hoverimg" style="left: 225px; top: 24px; width: 154px; height: 24px; background-image: url('/images/Split_Clocks.png');"></div></a>
-                       <a href="@@other-toolbar-items#status_indicators"><div class="hoverimg" style="left: 379px; top: 24px; width: 23px; height: 24px; background-image: url('/images/Split_StatusIndicators.png');"></div></a>
-                       <a href="@@selection-and-punch-clocks"><div class="hoverimg" style="left: 402px; top: 24px; width: 55px; height: 24px; background-image: url('/images/Split_SelectionClock.png');"></div></a>
-                       <a href="@@mini-timeline"><div class="hoverimg" style="left: 457px; top: 24px; width: 90px; height: 24px; background-image: url('/images/Split_NavigationTimeline.png');"></div></a>
-                       <a href="@@other-toolbar-items#mode_selector"><div class="hoverimg" style="left: 547px; top: 24px; width: 53px; height: 24px; background-image: url('/images/Split_LevelModeScripts.png');"></div></a>
-                       <a href="@@favorite-plugins-window"><div class="hoverimg" style="left: 0px; top: 48px; width: 66px; height: 122px; background-image: url('/images/Split_FavoritePlugins.png');"></div></a>
-                       <a href="@@strips-list"><div class="hoverimg" style="left: 0px; top: 170px; width: 66px; height: 88px; background-image: url('/images/Split_StripsList.png');"></div></a>
-                       <a href="@@groups-list"><div class="hoverimg" style="left: 0px; top: 257px; width: 66px; height: 90px; background-image: url('/images/Split_GroupsList.png');"></div></a>
-                       <a href="@@track-and-bus-groups"><div class="hoverimg" style="left: 66px; top: 48px; width: 363px; height: 9px; background-image: url('/images/Split_GroupsTabs.png');"></div></a>
-                       <a href="@@master-bus-strip"><div class="hoverimg" style="left: 490px; top: 48px; width: 46px; height: 299px; background-image: url('/images/Split_MasterStrip.png');"></div></a>
-                       <a href="@@monitor-section"><div class="hoverimg" style="left: 536px; top: 48px; width: 64px; height: 299px; background-image: url('/images/Split_MonitorSection.png');"></div></a>
-                       <a href="@@control-masters-mixer-strips"><div class="hoverimg" style="left: 429px; top: 48px; width: 61px; height: 299px; background-image: url('/images/Split_ControlMastersStrips.png');"></div></a>
-                       <a href="@@audiomidi-busses-mixer-strips"><div class="hoverimg" style="left: 373px; top: 57px; width: 43px; height: 290px; background-image: url('/images/Split_aBusStrip.png');"></div></a>
-                       <a href="@@audiomidi-mixer-strips"><div class="hoverimg" style="left: 66px; top: 57px; width: 45px; height: 290px; background-image: url('/images/Split_anAudioStrip.png');"></div></a>
-                       <a href="@@audiomidi-mixer-strips"><div class="hoverimg" style="left: 155px; top: 57px; width: 43px; height: 290px; background-image: url('/images/Split_aMIDIStrip.png');"></div></a>
-               </div>
-
-  <!--<figcaption>
-               <ol class="multicol3">
-                       <li>Main menu</li>
-                       <li>Status bar</li>
-    </ol><ol class="multicol3" start="3">
-                       <li>Transport bar and Times</li>
-                       <li>Mode switch</li>
-    </ol><ol class="multicol3" start="5">
-                       <li>The <dfn>Mixer</dfn> window</li>
-                       <li>The <dfn>Editor</dfn> window</li>
-               </ol>
-       </figcaption>-->
-  <figcaption>
-               The Editor and Mixer windows. Click on a section to access its description.
+<figure class="imagemap" style="width:100%;">
+       <img src="/images/editor_map.png" alt="The Editor window" width="900" height="502">
+       <!-- common -->
+       <a href="@@main-menu" class="area" style="left: 0px; top: 0px; width: 168px; height: 13px;"></a>
+       <a href="@@status-bar" class="area" style="left: 746px; top: 0px; width: 154px; height: 13px;"></a>
+       <a href="@@transport-bar" class="area" style="left: 0px; top: 13px; width: 99px; height: 29px;"></a>
+       <a href="@@selection-and-punch-clocks" class="area" style="left: 99px; top: 13px; width: 69px; height: 29px;"></a>
+       <a href="@@other-toolbar-items#latency-compensation-info" class="area" style="left: 168px; top: 13px; width: 69px; height: 29px;"></a>
+       <a href="@@other-toolbar-items#playhead_options" class="area" style="left: 237px; top: 13px; width: 51px; height: 29px;"></a>
+       <a href="@@transport-clocks" class="area" style="left: 288px; top: 13px; width: 183px; height: 29px;"></a>
+       <a href="@@other-toolbar-items#status_indicators" class="area" style="left: 471px; top: 13px; width: 28px; height: 29px;"></a>
+       <a href="@@other-toolbar-items#monitor_section_info" class="area" style="left: 499px; top: 13px; width: 26px; height: 29px;"></a>
+       <a href="@@mixing-linear-nonlinear-workflows" class="area" style="left: 525px; top: 13px; width: 42px; height: 29px;"></a>
+       <a href="@@selection-and-punch-clocks" class="area" style="left: 567px; top: 13px; width: 65px; height: 29px;"></a>
+       <a href="@@mini-timeline" class="area" style="left: 632px; top: 13px; width: 187px; height: 29px;"></a>
+       <a href="@@other-toolbar-items#mode_selector" class="area" style="left: 819px; top: 13px; width: 81px; height: 29px;"></a>
+       <!-- editor -->
+       <a href="@@toolbox" class="area" style="left: 53px; top: 42px; width: 171px; height: 17px;"></a>
+       <a href="@@grid-controls" class="area" style="left: 224px; top: 42px; width: 64px; height: 17px;"></a>
+       <a href="@@nudge-controls" class="area" style="left: 288px; top: 42px; width: 73px; height: 17px;"></a>
+       <a href="@@zoom-controls" class="area" style="left: 746px; top: 42px; width: 154px; height: 17px;"></a>
+       <a href="@@ruler" class="area" style="left: 53px; top: 59px; width: 647px; height: 65px;"></a>
+       <a href="@@editor-lists" class="area" style="left: 746px; top: 59px; width: 154px; height: 442px;"></a>
+       <a href="@@summary" class="area" style="left: 53px; top: 458px; width: 693px; height: 43px;"></a>
+       <a href="@@track-and-bus-groups" class="area" style="left: 53px; top: 124px; width: 10px; height: 334px;"></a>
+       <a href="@@automation" class="area" style="left: 63px; top: 174px; width: 683px; height: 51px;"></a>
+       <a href="@@control-masters-mixer-strips" class="area" style="left: 63px; top: 410px; width: 683px; height: 48px;"></a>
+       <a href="@@audio-track-controls" class="area" style="left: 63px; top: 139px; width: 683px; height: 35px;"></a>
+       <a href="@@midi-track-controls" class="area" style="left: 63px; top: 225px; width: 683px; height: 102px;"></a>
+       <a href="@@bus-controls" class="area" style="left: 63px; top: 346px; width: 683px; height: 64px;"></a>
+       <a href="@@bus-controls" class="area" style="left: 63px; top: 124px; width: 683px; height: 15px;"></a>
+       <a href="@@audio-track-controls" class="area" style="left: 63px; top: 327px; width: 683px; height: 19px;"></a>
+       <a href="@@audiomidi-mixer-strips" class="area" style="left: 0px; top: 42px; width: 53px; height: 460px;"></a>
+       
+       <figcaption>
+               The Editor window. Clicking on a section accesses its description.
        </figcaption>
 </figure>
 
+<figure class="imagemap" style="width:100%;">
+       <img src="/images/mixer_map.png" alt="The Mixer window" width="900" height="502">
+       <!-- common -->
+       <a href="@@main-menu" class="area" style="left: 0px; top: 0px; width: 168px; height: 13px;"></a>
+       <a href="@@status-bar" class="area" style="left: 746px; top: 0px; width: 154px; height: 13px;"></a>
+       <a href="@@transport-bar" class="area" style="left: 0px; top: 13px; width: 99px; height: 29px;"></a>
+       <a href="@@selection-and-punch-clocks" class="area" style="left: 99px; top: 13px; width: 69px; height: 29px;"></a>
+       <a href="@@other-toolbar-items#latency-compensation-info" class="area" style="left: 168px; top: 13px; width: 69px; height: 29px;"></a>
+       <a href="@@other-toolbar-items#playhead_options" class="area" style="left: 237px; top: 13px; width: 51px; height: 29px;"></a>
+       <a href="@@transport-clocks" class="area" style="left: 288px; top: 13px; width: 183px; height: 29px;"></a>
+       <a href="@@other-toolbar-items#status_indicators" class="area" style="left: 471px; top: 13px; width: 28px; height: 29px;"></a>
+       <a href="@@other-toolbar-items#monitor_section_info" class="area" style="left: 499px; top: 13px; width: 26px; height: 29px;"></a>
+       <a href="@@mixing-linear-nonlinear-workflows" class="area" style="left: 525px; top: 13px; width: 42px; height: 29px;"></a>
+       <a href="@@selection-and-punch-clocks" class="area" style="left: 567px; top: 13px; width: 65px; height: 29px;"></a>
+       <a href="@@mini-timeline" class="area" style="left: 632px; top: 13px; width: 187px; height: 29px;"></a>
+       <a href="@@other-toolbar-items#mode_selector" class="area" style="left: 819px; top: 13px; width: 81px; height: 29px;"></a>
+       <!-- mixer -->
+       <a href="@@favorite-plugins-window" class="area" style="left: 0px; top: 42px; width: 118px; height: 149px;"></a>
+       <a href="@@strips-list" class="area" style="left: 0px; top: 191px; width: 118px; height: 99px;"></a>
+       <a href="@@groups-list" class="area" style="left: 0px; top: 290px; width: 118px; height: 104px;"></a>
+       <a href="@@mixer-scenes" class="area" style="left: 0px; top: 394px; width: 118px; height: 107px;"></a>
+       <a href="@@track-and-bus-groups" class="area" style="left: 118px; top: 42px; width: 521px; height: 11px;"></a>
+       <a href="@@monitor-section" class="area" style="left: 821px; top: 42px; width: 79px; height: 459px;"></a>
+       <a href="@@master-bus-strip" class="area" style="left: 769px; top: 42px; width: 52px; height: 459px;"></a>
+       <a href="@@foldback-strip" class="area" style="left: 711px; top: 42px; width: 58px; height: 459px;"></a>
+       <a href="@@adding-tracks-busses-and-vcas" class="area" style="left: 691px; top: 42px; width: 20px; height: 459px;"></a>
+       <a href="@@control-masters-mixer-strips" class="area" style="left: 639px; top: 42px; width: 52px; height: 459px;"></a>
+       <a href="@@audiomidi-busses-mixer-strips" class="area" style="left: 531px; top: 53px; width: 108px; height: 448px;"></a>
+       <a href="@@audiomidi-mixer-strips" class="area" style="left: 118px; top: 53px; width: 413px; height: 448px;"></a>
+
+       <figcaption>
+               The Mixer window. Clicking on a section accesses its description.
+       </figcaption>
+</figure>
+
+<figure class="imagemap" style="width:100%;">
+       <img src="/images/recorder_map.png" alt="The Recorder window" width="900" height="502">
+       <!-- common -->
+       <a href="@@main-menu" class="area" style="left: 0px; top: 0px; width: 168px; height: 13px;"></a>
+       <a href="@@status-bar" class="area" style="left: 746px; top: 0px; width: 154px; height: 13px;"></a>
+       <a href="@@transport-bar" class="area" style="left: 0px; top: 13px; width: 99px; height: 29px;"></a>
+       <a href="@@selection-and-punch-clocks" class="area" style="left: 99px; top: 13px; width: 69px; height: 29px;"></a>
+       <a href="@@other-toolbar-items#latency-compensation-info" class="area" style="left: 168px; top: 13px; width: 69px; height: 29px;"></a>
+       <a href="@@other-toolbar-items#playhead_options" class="area" style="left: 237px; top: 13px; width: 51px; height: 29px;"></a>
+       <a href="@@transport-clocks" class="area" style="left: 288px; top: 13px; width: 183px; height: 29px;"></a>
+       <a href="@@other-toolbar-items#status_indicators" class="area" style="left: 471px; top: 13px; width: 28px; height: 29px;"></a>
+       <a href="@@other-toolbar-items#monitor_section_info" class="area" style="left: 499px; top: 13px; width: 26px; height: 29px;"></a>
+       <a href="@@mixing-linear-nonlinear-workflows" class="area" style="left: 525px; top: 13px; width: 42px; height: 29px;"></a>
+       <a href="@@selection-and-punch-clocks" class="area" style="left: 567px; top: 13px; width: 65px; height: 29px;"></a>
+       <a href="@@mini-timeline" class="area" style="left: 632px; top: 13px; width: 187px; height: 29px;"></a>
+       <a href="@@other-toolbar-items#mode_selector" class="area" style="left: 819px; top: 13px; width: 81px; height: 29px;"></a>
+       <!-- recorder -->
+       <a href="@@recorder#recorder_last_take_manager" class="area" style="left: 0px; top: 42px; width: 72px; height: 24px;"></a>
+       <a href="@@recorder#recorder_global_arm" class="area" style="left: 72px; top: 42px; width: 45px; height: 24px;"></a>
+       <a href="@@recorder#recorder_monitoring_options" class="area" style="left: 117px; top: 42px; width: 53px; height: 24px;"></a>
+       <a href="@@recorder#recorder_new_playlist" class="area" style="left: 170px; top: 42px; width: 75px; height: 24px;"></a>
+       <a href="@@recorder#recorder_disk_space" class="area" style="left: 810px; top: 42px; width: 90px; height: 24px;"></a>
+       <a href="@@recorder#recorder_simplified_session" class="area" style="left: 9px; top: 66px; width: 891px; height: 331px;"></a>
+       <a href="@@recorder#recorder_global_input_channel" class="area" style="left: 0px; top: 397px; width: 396px; height: 40px;"></a>
+       <a href="@@track-and-bus-groups" class="area" style="left: 0px; top: 76px; width: 9px; height: 321px;"></a>
+
+       <figcaption>
+               The Recorder window. Clicking on a section accesses its description.
+       </figcaption>
+</figure>
+
+<figure class="imagemap" style="width:100%;">
+       <img src="/images/cue_map.png" alt="The Cue Grid" width="900" height="502">
+       <!-- common -->
+       <a href="@@main-menu" class="area" style="left: 0px; top: 0px; width: 168px; height: 13px;"></a>
+       <a href="@@status-bar" class="area" style="left: 746px; top: 0px; width: 154px; height: 13px;"></a>
+       <a href="@@transport-bar" class="area" style="left: 0px; top: 13px; width: 99px; height: 29px;"></a>
+       <a href="@@selection-and-punch-clocks" class="area" style="left: 99px; top: 13px; width: 69px; height: 29px;"></a>
+       <a href="@@other-toolbar-items#latency-compensation-info" class="area" style="left: 168px; top: 13px; width: 69px; height: 29px;"></a>
+       <a href="@@other-toolbar-items#playhead_options" class="area" style="left: 237px; top: 13px; width: 51px; height: 29px;"></a>
+       <a href="@@transport-clocks" class="area" style="left: 288px; top: 13px; width: 183px; height: 29px;"></a>
+       <a href="@@other-toolbar-items#status_indicators" class="area" style="left: 471px; top: 13px; width: 28px; height: 29px;"></a>
+       <a href="@@other-toolbar-items#monitor_section_info" class="area" style="left: 499px; top: 13px; width: 26px; height: 29px;"></a>
+       <a href="@@mixing-linear-nonlinear-workflows" class="area" style="left: 525px; top: 13px; width: 42px; height: 29px;"></a>
+       <a href="@@selection-and-punch-clocks" class="area" style="left: 567px; top: 13px; width: 65px; height: 29px;"></a>
+       <a href="@@mini-timeline" class="area" style="left: 632px; top: 13px; width: 187px; height: 29px;"></a>
+       <a href="@@other-toolbar-items#mode_selector" class="area" style="left: 819px; top: 13px; width: 81px; height: 29px;"></a>
+       <!-- cue -->
+       <a href="@@cue-window-elements#cue_window_grid" class="area" style="left: 0px; top: 42px; width: 274px; height: 146px;"></a>
+       <a href="@@cue-window-elements#cue_window_sidebar" class="area" style="left: 622px; top: 42px; width: 278px; height: 380px;"></a>
+       <a href="@@cue-window-elements#cue_window_clip_options" class="area" style="left: 0px; top: 422px; width: 316px; height: 80px;"></a>
+       <a href="@@cue-window-elements#cue_window_mixer_channels" class="area" style="left: 0px; top: 188px; width: 274px; height: 234px;"></a>
+       
+       <figcaption>
+               The Cue Grid window. Clicking on a section accesses its description.
+       </figcaption>
+</figure>
+
+
 <p>
-  The Editor and the Mixer share the same toolbar (the top of the window). The sections displayed in this toolbar can be customized to the user's workflow, by checking options in <kbd class="menu">Preferences &gt; Appearance &gt; Toolbar</kbd>.
+  The Editor, Mixer, Recorder and Clip Launcher share the same toolbar 
+  (the top of the window). The sections displayed in this toolbar can 
+  be customized to the user's workflow, by checking options in <kbd 
+  class="menu">Preferences &gt; Appearance &gt; Toolbar</kbd>.
 </p>
 
 <p>
-  Switching between the Editor and the Mixer windows is done:
+  Switching between these 4 different modes is done:
 </p>
 <ul>
-       <li>with the <a href="@@other-toolbar-items#mode_selector">Mode Selector buttons</a> 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>
+       <li>with the <a href="@@other-toolbar-items#mode_selector">Mode Selector
+               buttons</a> in the upper right</li>
+       <li>with the menu <kbd class="menu">Window &gt; Editor <em>(or Mixer / Recorder / Cue Grid)</em>
+               &gt; Show</kbd>.</li>
 </ul>
 
 <p>
-  Both windows can be visible at the same time (e.g. for a multi-monitor
-  setup) using <kbd class="menu">Window &gt; Editor <em>(or Mixer)</em> &gt; Detach</kbd> option in the same submenu.
+       Additionnaly, the <kbd class="mod2">M</kbd> shortcut</li> allows swithing
+       between the Editor and Mixer.
+</p>
+
+<p>
+  Multiple windows can be visible at the same time (e.g. for a multi-monitor
+  setup) using <kbd class="menu">Window &gt; Editor <em>(or Mixer / Recorder / Cue Grid)</em>
+  &gt; Detach</kbd> option in the same submenu.
 </p>
 
 <h2>The Editor</h2>
   To learn more about the process of mixing, see <a href="@@basic-mixing">Mixing</a>.
 </p>
 
+<h2>The Recorder</h2>
+
+<p>
+  The <dfn>Recorder</dfn> window is a very specialized view that provides
+  a compact view of all track's record and monitor status, and a simplified
+  timeline that keeps everything in view at once. Most of the information
+  that is shown in this mode is already available in Mixer or Editor mode,
+  but the Recorder aims at having everything in sight and under control 
+  while tracking a performance. 
+</p>
+<p>
+  The Recorder is covered in great detail in <a href="@@recorder">its own
+  page</a>.
+</p>
+
+<h2>The Cue Grid</h2>
+
+<p>
+  The <dfn>Cue Grid</dfn> window, unlike the rest of Ardour, allows for 
+  a non-linear workflow. It is a clip launcher, that allows to chain and
+  combine various loops and samples, and program events.
+</p>
+
+<p>
+  Instead of anchoring these samples or loops on a timeline, the Cue Grid
+  gives them instruction on when they are triggered, how they are played, 
+  what happens at the end of the clip, etc&hellip;
+</p>
+
+<p>
+   The <a href="@@cue">Cue</a> section of this manual describes this worfkow.
+</p>
+