feat(docs): document mind map

docs/User Guide/!!!meta.json

@@ -5246,11 +5246,34 @@
                                     "value": "bx bx-sitemap",
                                     "isInheritable": false,
                                     "position": 10
+                                },
+                                {
+                                    "type": "relation",
+                                    "name": "internalLink",
+                                    "value": "XpOYSgsLkTJy",
+                                    "isInheritable": false,
+                                    "position": 20
+                                },
+                                {
+                                    "type": "relation",
+                                    "name": "internalLink",
+                                    "value": "0Ofbk1aSuVRu",
+                                    "isInheritable": false,
+                                    "position": 30
                                 }
                             ],
                             "format": "markdown",
                             "dataFileName": "Mind Map.md",
-                            "attachments": []
+                            "attachments": [
+                                {
+                                    "attachmentId": "Od9jIuQHijXH",
+                                    "title": "image.png",
+                                    "role": "image",
+                                    "mime": "image/png",
+                                    "position": 10,
+                                    "dataFileName": "Mind Map_image.png"
+                                }
+                            ]
                         },
                         {
                             "isClone": false,

docs/User Guide/User Guide/Note Types/Mind Map.md

@@ -0,0 +1,24 @@
+# Mind Map
+![](Mind%20Map_image.png)
+
+The mindmap allows for easy jotting down of ideas and storing them in a hierarchical fashion.
+
+## Terminology
+
+*   A **node** is a single idea, represented differently based on depth (filled rounded rectangle for the root note, unfilled rectangles for sub-ideas, lines only for sub-sub-ideas).
+*   The **root node** is the top-most node from which all other nodes derive, displayed as a filled rectangle. There can only be a single root node.
+
+## Interaction
+
+*   To create a new node at the same level as the current one, press <kbd>Enter</kbd>, enter the desired text and then press <kbd>Enter</kbd> once again to confirm.
+*   Similarly, to create a sub-node, press <kbd>Tab</kbd>, enter the desired text and then press <kbd>Enter</kbd>.
+*   To create a parent, use <kbd>Ctrl</kbd>+<kbd>Enter</kbd> instead.
+*   To remove a node, press <kbd>Delete</kbd>.
+*   To move a node up or down, press <kbd>Page Up</kbd> or <kbd>Page Down</kbd>.
+*   To adjust the font size, color of the text or background or to add a link, click on a node and use the floating panel that appears to the right.
+*   To select one or more notes, drag and drop across the map.
+*   Right click the node to bring a contextual menu with options such as creating new nodes, focusing on a particular notes or creating links between them.
+*   Use the buttons at the top-left to change the positioning of the nodes relative to the root node (to the left, to the right, or to both sides).
+*   In the [Floating buttons](../Basic%20Concepts%20and%20Features/UI%20Elements/Floating%20buttons.md) area:
+    *   An [image reference](Text/Images/Image%20references.md) can be copied, to paste the mind map in a text note.
+    *   The diagram can be exported either as SVG (vectorial) or PNG (raster).

docs/User Guide/User Guide/Note Types/Note Map.md

@@ -1,6 +1,6 @@
 # Note Map
+![](Note%20Map_image.png)
+
 A Note map is a note type which displays a standalone version of the feature of the same name: [Note Map (Link map, Tree map)](../Advanced%20Usage/Note%20Map%20\(Link%20map%2C%20Tree%20map\).md).
 
-Once created, the note map will display the relations between notes. Only the notes that are part of the parent of the note map will be displayed (including their children).
+Once created, the note map will display the relations between notes. Only the notes that are part of the parent of the note map will be displayed (including their children).
-
-![](Note%20Map_image.png)

src/public/app/doc_notes/en/User Guide/!!!meta.json

@@ -5246,11 +5246,34 @@
                                     "value": "bx bx-sitemap",
                                     "isInheritable": false,
                                     "position": 10
+                                },
+                                {
+                                    "type": "relation",
+                                    "name": "internalLink",
+                                    "value": "XpOYSgsLkTJy",
+                                    "isInheritable": false,
+                                    "position": 20
+                                },
+                                {
+                                    "type": "relation",
+                                    "name": "internalLink",
+                                    "value": "0Ofbk1aSuVRu",
+                                    "isInheritable": false,
+                                    "position": 30
                                 }
                             ],
                             "format": "html",
                             "dataFileName": "Mind Map.html",
-                            "attachments": []
+                            "attachments": [
+                                {
+                                    "attachmentId": "Od9jIuQHijXH",
+                                    "title": "image.png",
+                                    "role": "image",
+                                    "mime": "image/png",
+                                    "position": 10,
+                                    "dataFileName": "Mind Map_image.png"
+                                }
+                            ]
                         },
                         {
                             "isClone": false,

src/public/app/doc_notes/en/User Guide/User Guide/Note Types/Mind Map.html

@@ -12,7 +12,48 @@
     <div class="content">
        <h1 data-trilium-h1>Mind Map</h1>
 
-      <div class="ck-content"></div>
+      <div class="ck-content">
+        <figure class="image">
+          <img style="aspect-ratio:892/675;" src="Mind Map_image.png" width="892"
+          height="675">
+        </figure>
+        <p>The mindmap allows for easy jotting down of ideas and storing them in
+          a hierarchical fashion.</p>
+        <h2>Terminology</h2>
+        <ul>
+          <li>A <strong>node</strong> is a single idea, represented differently based
+            on depth (filled rounded rectangle for the root note, unfilled rectangles
+            for sub-ideas, lines only for sub-sub-ideas).</li>
+          <li>The <strong>root node</strong> is the top-most node from which all other
+            nodes derive, displayed as a filled rectangle. There can only be a single
+            root node.</li>
+        </ul>
+        <h2>Interaction</h2>
+        <ul>
+          <li>To create a new<strong> </strong>node at the same level as the current
+            one, press <kbd>Enter</kbd>, enter the desired text and then press <kbd>Enter</kbd> once
+            again to confirm.</li>
+          <li>Similarly, to create a sub-node, press <kbd>Tab</kbd>, enter the desired
+            text and then press <kbd>Enter</kbd>.</li>
+          <li>To create a parent, use <kbd>Ctrl</kbd>+<kbd>Enter</kbd> instead.</li>
+          <li>To remove a node, press <kbd>Delete</kbd>.</li>
+          <li>To move a node up or down, press <kbd>Page Up</kbd> or <kbd>Page Down</kbd>.</li>
+          <li>To adjust the font size, color of the text or background or to add a link,
+            click on a node and use the floating panel that appears to the right.</li>
+          <li>To select one or more notes, drag and drop across the map.</li>
+          <li>Right click the node to bring a contextual menu with options such as creating
+            new nodes, focusing on a particular notes or creating links between them.</li>
+          <li>Use the buttons at the top-left to change the positioning of the nodes
+            relative to the root node (to the left, to the right, or to both sides).</li>
+          <li>In the&nbsp;<a class="reference-link" href="../Basic%20Concepts%20and%20Features/UI%20Elements/Floating%20buttons.html">Floating buttons</a>&nbsp;area:
+            <ul>
+              <li>An <a href="Text/Images/Image%20references.html">image reference</a> can
+                be copied, to paste the mind map in a text note.</li>
+              <li>The diagram can be exported either as SVG (vectorial) or PNG (raster).</li>
+            </ul>
+          </li>
+        </ul>
+      </div>
     </div>
   </body>
 

src/public/app/doc_notes/en/User Guide/User Guide/Note Types/Note Map.html

@@ -13,14 +13,15 @@
        <h1 data-trilium-h1>Note Map</h1>
 
       <div class="ck-content">
+        <figure class="image">
+          <img src="Note Map_image.png">
+        </figure>
         <p>A Note map is a note type which displays a standalone version of the feature
           of the same name:&nbsp;<a href="../Advanced%20Usage/Note%20Map%20(Link%20map%2C%20Tree%20map).html">Note Map (Link map, Tree map)</a>.</p>
         <p>Once created, the note map will display the relations between notes. Only
           the notes that are part of the parent of the note map will be displayed
           (including their children).</p>
-        <p>
+        <p>&nbsp;</p>
-          <img src="Note Map_image.png">
-        </p>
       </div>
     </div>
   </body>