Front end toolbar (#28)

* Front-end Toolbar article in Basic Concept with link to further documentation.
* Front end toolbar page setup
* Finished this Front-end Toolbar overview page. Resized images.
* Added User Info and Change Set link

---------

Co-authored-by: Guust Nieuwenhuis <[email protected]>

01_getting-started/01_basic-concepts/05_front-end-toolbar.md

@@ -4,8 +4,48 @@ title: Front-End Toolbar
 nav_order: 5
 grand_parent: Getting started
 parent: Basic concepts
-last_modified_date: 20-10-2021 13:00
+last_modified_date: 14-07-2023 10:00
 permalink: /getting-started/basic-concepts/front-end-toolbar/
 ---
 
-# Front-End Toolbar
+# Front-End Toolbar
+
+When you are logged in as user in MasaCMS and then go back to the website, then you can edit each page using the Front-End Toolbar.
+This is a very useful feature for inline editing the content of your website.  
+![frontendtoolbarexample](/assets/01_getting-started/01_basic-concepts/05_front-end-toolbar/front_end_toolbar_example.png)
+The Front-End Toolbar has the following items, from left to right:
+
+## Publish
+If there are changes on the page this will change into a 'Save' item with a dropdown with different options for saving your changes.  
+![frontendtoolbarpublish](/assets/01_getting-started/01_basic-concepts/05_front-end-toolbar/front_end_toolbar_publish.png)
+
+## Inline Edit
+![frontendtoolbarinlineedit](/assets/01_getting-started/01_basic-concepts/05_front-end-toolbar/front_end_toolbar_edit_menu.png)  
+This is a dropdown with different options:
+1. Inline Edit: edit the page inline in a WYSWYG way.
+2. Full Edit: goes to the Masa CMS Admin to edit the page.
+3. Delete: will delete the page and all its content nested beneath it.
+
+## Add
+A popup now opens with new Content Types to choose from to add to Masa CMS.
+## Version History
+Redirects to the Masa CSM Admin to show the Version History of this Page.
+
+## Multi-Device Preview
+A popup opens in which you preview the Page on different devices / screen resolutions.
+
+## Treeview
+Redirects to the Masa CMS Admin to show the Page in the Treeview.
+
+## Change Sets
+The three menu items are here to manage the Content changes of this Page in a Change Set.
+Change Sets are used for Content Stageing.  
+![frontendtoolbarchangeset](/assets/01_getting-started/01_basic-concepts/05_front-end-toolbar/front_end_toolbar_change_set_menu.png)  
+
+[Read more about Change Sets](/content/managing-content/change-sets/).
+## User Info
+On the far right side of the Front-End Toolbar you can see the name of the User that is logged into the Masa CMS Admin.  
+![frontendtoolbarchangeset](/assets/01_getting-started/01_basic-concepts/05_front-end-toolbar/front_end_toolbar_user.png)  
+The button 'Logout' is a convenient way to directly log out of the Masa CMS Admin.
+
+[Read more in depth about the Front-End Toolbar functionality](/content/layout-manager/front-end-toolbar/).

02_content/01_layout-manager/01_front-end-toolbar.md

@@ -10,6 +10,7 @@ permalink: /content/layout-manager/front-end-toolbar/
 
 # Front-end toolbar
 
+The Front-end Toolbar is a useful tool for inline editing the content of your page. In the following sections the  different features are described.
 ## Front-end editing
 
 ## Permissions