diff --git a/content/usage/advanced/index.md b/content/usage/advanced/index.md index a822939..ebc28c6 100644 --- a/content/usage/advanced/index.md +++ b/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: diff --git a/content/usage/advanced/interface-overview.png b/content/usage/advanced/interface-overview.png index 31cecc8..64cdfcb 100644 Binary files a/content/usage/advanced/interface-overview.png and b/content/usage/advanced/interface-overview.png differ diff --git a/content/usage/advanced/settings-menu.png b/content/usage/advanced/settings-menu.png new file mode 100644 index 0000000..b2f0b51 Binary files /dev/null and b/content/usage/advanced/settings-menu.png differ diff --git a/content/usage/advanced/sidebar-menu.png b/content/usage/advanced/sidebar-menu.png new file mode 100644 index 0000000..93d9635 Binary files /dev/null and b/content/usage/advanced/sidebar-menu.png differ