feat(docs): improve documentation, add icons, reorganize

docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/Global menu.md

@@ -0,0 +1,8 @@
+# Global menu
+The global menu configures the current window (zoom, keeping the window on top) and offers access to some more advanced options.
+
+![](Global%20menu_image.png)
+
+## Accessing the global menu
+
+See [Vertical and horizontal layout](Vertical%20and%20horizontal%20layout.md) since the position of the global menu is changed based on which layout has been selected.

docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/Launch Bar.md

@@ -0,0 +1,65 @@
+# Launch Bar
+## Position of the Launch bar
+
+Depending on the layout selected, the launcher bar will either be on the left side of the screen with buttons displayed vertically or at the top of the screen. See [Vertical and horizontal layout](Vertical%20and%20horizontal%20layout.md) for more information.
+
+## Terminology
+
+*   **Launcher**: a button that can be (or is) displayed on the launch bar.
+*   **Available Launcher**: a launcher that is not displayed on the launch bar, but can be added.
+*   **Visible Launcher**: a launcher that is currently displayed on the launch bar.
+
+## Configuring the Launch bar
+
+There are two ways to configure the launch bar:
+
+*   Right click in the empty space between launchers on the launch bar and select _Configure Launchbar._
+*   Click on the [Global menu](Global%20menu.md) and select _Configure Launchbar_.
+
+This will open a new tab with the [Note Tree](Note%20Tree.md) listing the launchers.
+
+![](Launch%20Bar_image.png)
+
+Expanding _Available Launchers_ section will show the list of launchers that are not displayed on the launch bar. The _Visible Launchers_ will show the ones that are currently displayed.
+
+### Adding/removing and reordering launchers
+
+To display a new launcher in the launch bar, first look for it in the _Available Launchers_ section. Then right click it and select _Move to visible launchers_. It is also possible to drag and drop the item manually.
+
+Similarly, to remove it from the launch bar, simply look for it in _Visible Launchers_ then right click it and select _Move to available launchers_ or use drag-and-drop.
+
+Drag-and-drop the items in the tree in order to change their order. See [Note Tree](Note%20Tree.md) for more interaction options, including using keyboard shortcuts.
+
+## Customizing the launcher
+
+*   The icon of a launcher can be changed just like a normal note. See [Note Icons](../Notes/Note%20Icons.md) for more information.
+*   The title of the launcher can also be changed.
+
+### Resetting
+
+Resetting allows restoring the original configuration of Trilium for the launcher bar, or for a portion of it. Simply right click a launcher (or even the entire _Launch Bar_ section) and select _Reset_ to bring it back to the original state.
+
+### Creating new launchers / types of launchers
+
+Right click either the _Available launchers_ or _Visible launchers_ sections and select one of the options:
+
+1.  **Note Launcher**  
+    A note launcher will simply navigate to a specified note.
+    
+    1.  Set the `target` promoted attribute to the note to navigate to.
+    2.  Optionally, set `hoistedNote` to hoist a particular note. See [Note Hoisting](../Navigation/Note%20Hoisting.md) for more information.
+    3.  Optionally, set a `keyboardShortcut` to trigger the launcher.
+2.  **Script Launcher**  
+    An advanced launcher which will run a script upon pressing. See [Scripts](../../Note%20Types/Code/Scripts.md) for more information.
+    
+    1.  Set `script` to point to the desired script to run.
+    2.  Optionally, set a `keyboardShortcut` to trigger the launcher.
+3.  **Custom Widget**
+    
+    Allows defining a custom widget to be rendered inside the launcher. See [Widget Basics](../../Developer%20Guides/Widget%20Basics.md) for more information.
+    
+4.  **Spacers**  
+    Launchers that create some distance between other launchers for better visual distinction.
+    
+
+Launchers are configured via predefined [Promoted Attributes](../../Advanced%20Usage/Attributes/Promoted%20Attributes.md).

docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/Note Tree.md

@@ -0,0 +1,33 @@
+# Note Tree
+This page explains how to manipulate the note tree in TriliumNext, focusing on moving notes.
+
+![](1_Note%20Tree_image.png)
+
+## Drag and Drop
+
+![Drag and drop example](../../Attachments/drag-and-drop.gif)
+
+You can easily rearrange the note tree by dragging and dropping notes, as demonstrated in the example above.
+
+## Keyboard Manipulation
+
+![Example of using keyboard keys to move a note](../../Attachments/move-note-with-keyboard.gif)Trilium offers efficient keyboard-based manipulation using the following [shortcuts](../Keyboard%20Shortcuts.md):
+
+*   <kbd>Ctrl</kbd> + <kbd><span>↑</span></kbd> and <kbd>Ctrl</kbd> +<kbd><span>↓</span></kbd>: Move the note up or down in the order.
+*   <kbd>Ctrl</kbd>+<kbd><span>←</span></kbd>: Move the note up in the hierarchy by changing its parent to the note's grandparent.
+*   <kbd>Ctrl</kbd>+<kbd><span>→</span></kbd>: Move the note down in the hierarchy by setting its parent to the note currently above it (this action is best understood through a demo or hands-on experience).
+*   <kbd><span>←</span></kbd> and <kbd><span>→</span></kbd>: Expand and collapse a sub-tree.
+
+## Context Menu
+
+You can also move notes using the familiar cut and paste functions available in the context menu, or with the associated keyboard [shortcuts](../Keyboard%20Shortcuts.md): `CTRL-C` ( [copy](../Notes/Cloning%20Notes.md)), <kbd>Ctrl</kbd> + <kbd>X</kbd> (cut) and <kbd>Ctrl</kbd> + <kbd>V</kbd> (paste).
+
+## Multiple selection
+
+It is possible to select multiple notes at one time.
+
+To do so, first select the note to start the selection with. Then hold Shift and click on the note to end the selection with. All the notes between the start and the end note will be selected as well.
+
+![](Note%20Tree_image.png)
+
+In the right-click menu, operations such as Cut, Copy, Move to, Clone to or Delete will apply to all the selected notes. It is also possible to apply [Bulk actions](../../Advanced%20Usage/Bulk%20actions.md) to them. The rest of the options will not be available and will appear disabled in the menu.

docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/Note buttons.md

@@ -0,0 +1,5 @@
+# Note buttons
+To the right of the [Ribbon](Ribbon.md) there are a few more buttons: ![](Note%20buttons_image.png)
+
+*   The Note Revisions button displays the [Note Revisions](../Notes/Note%20Revisions.md) for that particular note.
+*   The contextual menu offers commands for the note or its subtree, such as import, export, viewing the [Note source code](../../Advanced%20Usage/Note%20source.md) or [Attachments](../Notes/Attachments.md).

docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/Ribbon.md

@@ -0,0 +1,8 @@
+# Ribbon
+![](Ribbon_image.png)
+
+The ribbon allows changing options, attributes and viewing information about the current note.
+
+## Settings
+
+It is possible to change whether some ribbon items will be automatically open when navigating to a new note. To do so, in [Settings](Options.md), go to _Appearance_ and look for the _Ribbon widgets_ section.

docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/Vertical and horizontal layout.md

@@ -0,0 +1,34 @@
+# Vertical and horizontal layout
+## Layouts
+
+Trilium supports two different layouts, based on your preference.
+
+### Vertical layout
+
+The vertical layout is Trilium's original layout:
+
+*   The [Launcher Bar](Launch%20Bar.md) is positioned on the left side of the screen, with buttons being laid out vertically.
+*   The tab bar is at the top, but to the right of the [Note Tree](Note%20Tree.md).
+*   The [Quick search](Quick%20search.md) is at the top of the [Note Tree](Note%20Tree.md).
+*   The [Note Tree](Note%20Tree.md) can be collapsed by pressing the ![](5_Vertical%20and%20horizontal%20la.png) button at the bottom of the [Launcher Bar](Launch%20Bar.md).
+*   The [Global menu](Global%20menu.md) can be accessed via the ![](4_Vertical%20and%20horizontal%20la.png) icon at the top of the [Launcher Bar](Launch%20Bar.md).
+
+![](3_Vertical%20and%20horizontal%20la.png)
+
+### Horizontal layout
+
+The horizontal layout is a more traditional layout, since it bears similarity with other applications. In this mode:
+
+*   The [Launcher Bar](Launch%20Bar.md) is at the top of the screen, with the buttons laid horizontally.
+*   The tab bar is at the top of the screen, but now covers the entirety of the width, allowing for more tabs to be displayed at once.
+*   The [Quick search](Quick%20search.md) is now part of the [Launcher Bar](Launch%20Bar.md). It can be moved around according to preference and even removed if needed.
+*   The [Note Tree](Note%20Tree.md) can be collapsed by pressing the small ![](1_Vertical%20and%20horizontal%20la.png) button to the left of the first tab.
+*   The [Global menu](Global%20menu.md) can be accessed via the ![](Vertical%20and%20horizontal%20la.png) button at the end of the [Launcher Bar](Launch%20Bar.md).
+
+![](2_Vertical%20and%20horizontal%20la.png)
+
+## Changing the layout
+
+Go to [Settings](#root/_hidden/_lbRoot/_lbVisibleLaunchers/_lbSettings) and look for the _Appearance_ option on the left. Then look for the _Layout_ section, where there is the possibility to switch between the two available layouts.
+
+Selecting an option will immediately apply the new layout by reloading the window.