content: usage: advanced: updated sidebar menu interface

content/usage/advanced/index.md

@@ -18,6 +18,29 @@ top = false
 
 {{ easy_image(src="interface-overview", width=650, center=true) }}
 
+Cockpit's main interface consists of three main components:
+1. A sidebar menu icon
+   - Normally a sidebar tab arrow on the left
+   - Can be configured as a burger menu in the top left corner
+1. A central region, for regular widgets
+1. Mini-widget containers, including the header and footer bars
+
+### Sidebar Menu
+
+Clicking on the sidebar tab (on the left of the screen) provides access to various configuration options,
+along with information about the application:
+
+{{ easy_image(src="sidebar-menu", width=100) }}
+
+#### Settings
+
+Cockpit's settings control how the application behaves and communicates, including, what data sources it's
+connected to, and how and where it processes and outputs commands and data (including recordings and logs):
+
+{{ easy_image(src="settings-menu", width=100) }}
+
+
+
 ### Header Bar
 
 The header bar consists of the following main elements: