]> 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 e6431261268cd2d1c660bd63c438e49eeba344fa..4b16fbb8eb1ac62eeec5f7bd7850590056169b5f 100644 (file)
----
-title: Ardour's Interface
----
 
 <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="/ardours-interface/main-menu/" alt="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="/ardours-interface/status-bar/" alt="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="/ardours-interface/the-transport-bar/" alt="Transport"><div class="hoverimg" style="left: 0px; top: 24px; width: 86px; height: 24px; background-image: url('/images/Split_Transport.png');"></div></a>
-                       <a href="/ardours-interface/selection-and-punch-clocks/" alt="Record and Punch Options"><div class="hoverimg" style="left: 86px; top: 24px; width: 50px; height: 24px; background-image: url('/images/Split_RecordandPunchOptions.png');"></div></a>
-                       <a href="/ardours-interface/status-indicators/#monitor-options" alt="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="/ardours-interface/status-indicators/#playhead_options" alt="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="/ardours-interface/transport-clocks/" alt="Clocks"><div class="hoverimg" style="left: 225px; top: 24px; width: 154px; height: 24px; background-image: url('/images/Split_Clocks.png');"></div></a>
-                       <a href="/ardours-interface/status-indicators/#status_indicators" alt="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="/ardours-interface/selection-and-punch-clocks/" alt="Selection Clock"><div class="hoverimg" style="left: 402px; top: 24px; width: 55px; height: 24px; background-image: url('/images/Split_SelectionClock.png');"></div></a>
-                       <a href="/ardours-interface/mini-timeline/" alt="Navigation Timeline"><div class="hoverimg" style="left: 457px; top: 24px; width: 90px; height: 24px; background-image: url('/images/Split_NavigationTimeline.png');"></div></a>
-                       <a href="/ardours-interface/status-indicators/#mode_selector" alt="Level, Mode, Scripts"><div class="hoverimg" style="left: 547px; top: 24px; width: 53px; height: 24px; background-image: url('/images/Split_LevelModeScripts.png');"></div></a>
-                       <a href="/ardours-interface/audio-midi-mixer-strips/" alt="a Mixer Strip"><div class="hoverimg" style="left: 0px; top: 48px; width: 43px; height: 299px; background-image: url('/images/Split_aMixerStrip.png');"></div></a>
-                       <a href="/ardours-interface/the-toolbox/" alt="Toolbox"><div class="hoverimg" style="left: 43px; top: 48px; width: 112px; height: 14px; background-image: url('/images/Split_Toolbox.png');"></div></a>
-                       <a href="/ardours-interface/the-zoom-controls/" alt="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="/ardours-interface/the-grid-controls/" alt="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="/ardours-interface/the-edit-point-control/" alt="Edit Point"><div class="hoverimg" style="left: 356px; top: 48px; width: 40px; height: 14px; background-image: url('/images/Split_EditPoint.png');"></div></a>
-                       <a href="/ardours-interface/the-nudge-controls/" alt="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="/ardours-interface/selection-and-punch-clocks/" alt="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="/ardours-interface/editor-lists/" alt="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="/ardours-interface/the-ruler/" alt="Ruler"><div class="hoverimg" style="left: 43px; top: 62px; width: 455px; height: 49px; background-image: url('/images/Split_Ruler.png');"></div></a>
-                       <a href="/ardours-interface/the-summary/" alt="Summary"><div class="hoverimg" style="left: 43px; top: 295px; width: 455px; height: 52px; background-image: url('/images/Split_Summary.png');"></div></a>
-                       <div class="hoverimg" style="left: 43px; top: 110px; width: 7px; height: 185px; background-image: url('/images/Split_GroupTabs.png');"></div>
-                       <div class="hoverimg" style="left: 50px; top: 110px; width: 448px; height: 26px; background-image: url('/images/Split_MasterBus.png');"></div>
-                       <div class="hoverimg" style="left: 50px; top: 136px; width: 448px; height: 27px; background-image: url('/images/Split_anAudioTrack.png');"></div>
-                       <div class="hoverimg" style="left: 50px; top: 163px; width: 448px; height: 26px; background-image: url('/images/Split_someAutomation.png');"></div>
-                       <div class="hoverimg" style="left: 50px; top: 189px; width: 448px; height: 27px; background-image: url('/images/Split_anotherAudioTrack.png');"></div>
-                       <div class="hoverimg" style="left: 50px; top: 215px; width: 448px; height: 26px; background-image: url('/images/Split_aMIDITrack.png');"></div>
-                       <div class="hoverimg" style="left: 50px; top: 242px; width: 448px; height: 54px; background-image: url('/images/Split_anotherMIDITrack.png');"></div>
-               </div>
-
-  <div class="container" style="margin-left:10px; float:left; width: 600px; height: 347px; background-image: url('/images/Split_Background.png');">
-                       <a href="/ardours-interface/main-menu/" alt="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="/ardours-interface/status-bar/" alt="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="/ardours-interface/the-transport-bar/" alt="Transport"><div class="hoverimg" style="left: 0px; top: 24px; width: 86px; height: 24px; background-image: url('/images/Split_Transport.png');"></div></a>
-                       <a href="/ardours-interface/selection-and-punch-clocks/" alt="Record and Punch Options"><div class="hoverimg" style="left: 86px; top: 24px; width: 50px; height: 24px; background-image: url('/images/Split_RecordandPunchOptions.png');"></div></a>
-                       <a href="/ardours-interface/status-indicators/#monitor-options" alt="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="/ardours-interface/status-indicators/#playhead_options" alt="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="/ardours-interface/transport-clocks/" alt="Clocks"><div class="hoverimg" style="left: 225px; top: 24px; width: 154px; height: 24px; background-image: url('/images/Split_Clocks.png');"></div></a>
-                       <a href="/ardours-interface/status-indicators/#status_indicators" alt="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="/ardours-interface/selection-and-punch-clocks/" alt="Selection Clock"><div class="hoverimg" style="left: 402px; top: 24px; width: 55px; height: 24px; background-image: url('/images/Split_SelectionClock.png');"></div></a>
-                       <a href="/ardours-interface/mini-timeline/" alt="Navigation Timeline"><div class="hoverimg" style="left: 457px; top: 24px; width: 90px; height: 24px; background-image: url('/images/Split_NavigationTimeline.png');"></div></a>
-                       <a href="/ardours-interface/status-indicators/#mode_selector" alt="Level, Mode, Scripts"><div class="hoverimg" style="left: 547px; top: 24px; width: 53px; height: 24px; background-image: url('/images/Split_LevelModeScripts.png');"></div></a>
-                       <a href="/ardours-interface/favorite-plugins-window/" alt="Favorite Plugins"><div class="hoverimg" style="left: 0px; top: 48px; width: 66px; height: 122px; background-image: url('/images/Split_FavoritePlugins.png');"></div></a>
-                       <a href="/ardours-interface/the-strips-list/" alt="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="/ardours-interface/the-groups-list/" alt="Groups List"><div class="hoverimg" style="left: 0px; top: 257px; width: 66px; height: 90px; background-image: url('/images/Split_GroupsList.png');"></div></a>
-                       <div class="hoverimg" style="left: 66px; top: 48px; width: 363px; height: 9px; background-image: url('/images/Split_GroupsTabs.png');"></div>
-                       <a href="/ardours-interface/the-master-bus-strip/" alt="Master Strip"><div class="hoverimg" style="left: 490px; top: 48px; width: 46px; height: 299px; background-image: url('/images/Split_MasterStrip.png');"></div></a>
-                       <a href="/ardours-interface/the-monitor-section/" alt="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="/ardours-interface/control-masters/" alt="Control Masters Strips"><div class="hoverimg" style="left: 429px; top: 48px; width: 61px; height: 299px; background-image: url('/images/Split_ControlMastersStrips.png');"></div></a>
-                       <a href="/ardours-interface/busses-mixer-strips/" alt="a Bus Strip"><div class="hoverimg" style="left: 373px; top: 57px; width: 43px; height: 290px; background-image: url('/images/Split_aBusStrip.png');"></div></a>
-                       <a href="/ardours-interface/audio-midi-mixer-strips/" alt="an Audio Strip"><div class="hoverimg" style="left: 66px; top: 57px; width: 45px; height: 290px; background-image: url('/images/Split_anAudioStrip.png');"></div></a>
-                       <a href="/ardours-interface/audio-midi-mixer-strips/" alt="a MIDI Strip"><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="/ardours-interface/status-indicators/#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 (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.
+       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>
@@ -128,11 +194,39 @@ title: Ardour's Interface
   output listed at the bottom.
 </p>
 <p>
-  To learn more about the process of mixing, see <a href="/mixing/">Mixing<a>.
+  To learn more about the process of mixing, see <a href="@@basic-mixing">Mixing</a>.
 </p>
 
-<<<<<<< HEAD
+<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>
 
-{% children %}
-=======
->>>>>>> Initial cleanup of manual content.