docs(user): change presentation method for collections

apps/server/src/assets/doc_notes/en/User Guide/User Guide/Collections.html

@@ -1,35 +1,94 @@
 <p>Collections are a unique type of notes that don't have a content, but
   instead display its child notes in various presentation methods.</p>
+<h2>Main collections</h2>
+<figure class="table" style="width:100%;">
+  <table class="ck-table-resized">
+    <colgroup>
+      <col style="width:30.01%;">
+        <col style="width:69.99%;">
+    </colgroup>
+    <tbody>
+      <tr>
+        <td>
+          <figure class="image">
+            <img style="aspect-ratio:1651/810;" src="Collections_collection_ca.webp"
+            width="1651" height="810">
+          </figure>
+        </td>
+        <td style="width:65%;">
+          <p><a class="reference-link" href="#root/_help_xWbu3jpNWapp">Calendar View</a>
+            <br>which displays a week, month or year calendar with the notes being shown
+            as events. New events can be added easily by dragging across the calendar.</p>
+          <p>&nbsp;</p>
+        </td>
+      </tr>
+      <tr>
+        <td>
+          <figure class="image">
+            <img style="aspect-ratio:1643/647;" src="Collections_collection_ta.webp"
+            width="1643" height="647">
+          </figure>
+        </td>
+        <td><a class="reference-link" href="#root/_help_2FvYrpmOXm29">Table View</a>
+          <br>displays each note as a row in a table, with&nbsp;<a class="reference-link"
+          href="#root/_help_OFXdgB2nNk1F">Promoted Attributes</a>&nbsp;being shown as well.
+          This makes it easy to visualize attributes of notes, as well as making
+          them easily editable.</td>
+      </tr>
+      <tr>
+        <td>
+          <figure class="image">
+            <img style="aspect-ratio:1174/850;" src="Collections_collection_bo.webp"
+            width="1174" height="850">
+          </figure>
+        </td>
+        <td><a class="reference-link" href="#root/_help_CtBQqbwXDx1w">Board View</a>
+          <br>displays notes in columns, grouped by the value of a label.</td>
+      </tr>
+      <tr>
+        <td>
+          <figure class="image">
+            <img style="aspect-ratio:844/639;" src="Collections_collection_ge.webp"
+            width="844" height="639">
+          </figure>
+        </td>
+        <td><a class="reference-link" href="#root/_help_81SGnPGMk7Xc">Geo Map View</a>
+          <br>which displays a geographical map in which the notes are represented as
+          markers/pins on the map. New events can be easily added by pointing on
+          the map.</td>
+      </tr>
+      <tr>
+        <td>
+          <p>&nbsp;</p>
+          <figure class="image">
+            <img style="aspect-ratio:1120/763;" src="Collections_collection_pr.webp"
+            width="1120" height="763">
+          </figure>
+        </td>
+        <td>
+          <p><a class="reference-link" href="#root/pOsGYCXsbNQG/GTwFsgaA0lCt/_help_zP3PMqaG71Ct">Presentation View</a>
+            <br>which shows each note as a slide and can be presented full-screen with
+            smooth transitions or exported to PDF for sharing.</p>
+          <p>&nbsp;</p>
+        </td>
+      </tr>
+    </tbody>
+  </table>
+</figure>
+<h2>Classic collections</h2>
 <p>Classic collections are read-only mode and compiles the contents of all
   child notes into one continuous view. This makes it ideal for reading extensive
   information broken into smaller, manageable segments.</p>
 <ul>
-  <li><a class="reference-link" href="#root/_help_8QqnMzx393bx">Grid View</a>&nbsp;which
+  <li data-list-item-id="e60d70e68aa961b53ed51519a6074fe3e"><a class="reference-link" href="#root/_help_8QqnMzx393bx">Grid View</a>&nbsp;which
     is the default presentation method for child notes (see&nbsp;<a class="reference-link"
     href="#root/_help_0ESUbbAxVnoK">Note List</a>), where the notes are displayed
     as tiles with their title and content being visible.</li>
-  <li><a class="reference-link" href="#root/_help_mULW0Q3VojwY">List View</a>&nbsp;is
+  <li data-list-item-id="eeafb9e9474962e23fa9caefc8501ef49"><a class="reference-link" href="#root/_help_mULW0Q3VojwY">List View</a>&nbsp;is
     similar to&nbsp;<a class="reference-link" href="#root/_help_8QqnMzx393bx">Grid View</a>,
     but it displays the notes one under the other with the content being expandable/collapsible,
     but also works recursively.</li>
 </ul>
-<p>More specialized collections were introduced, such as the:</p>
-<ul>
-  <li><a class="reference-link" href="#root/_help_xWbu3jpNWapp">Calendar View</a>&nbsp;which
-    displays a week, month or year calendar with the notes being shown as events.
-    New events can be added easily by dragging across the calendar.</li>
-  <li><a class="reference-link" href="#root/_help_81SGnPGMk7Xc">Geo Map View</a>&nbsp;which
-    displays a geographical map in which the notes are represented as markers/pins
-    on the map. New events can be easily added by pointing on the map.</li>
-  <li><a class="reference-link" href="#root/_help_2FvYrpmOXm29">Table View</a>&nbsp;displays
-    each note as a row in a table, with&nbsp;<a class="reference-link" href="#root/_help_OFXdgB2nNk1F">Promoted Attributes</a>&nbsp;being
-    shown as well. This makes it easy to visualize attributes of notes, as
-    well as making them easily editable.</li>
-  <li><a class="reference-link" href="#root/_help_CtBQqbwXDx1w">Board View</a>&nbsp;(Kanban)
-    displays notes in columns, grouped by the value of a label.</li>
-</ul>
-<p>For a quick presentation of all the supported view types, see the child
-  notes of this help page, including screenshots.</p>
 <h2>Configuration</h2>
 <p>To adjust the view type, see the dedicated <em>Collections</em> tab in the&nbsp;
   <a
@@ -42,8 +101,8 @@
 <h3>Adding a description to a collection</h3>
 <p>To add a text before the collection, for example to describe it:</p>
 <ol>
-  <li>Create a new collection.</li>
-  <li>In the&nbsp;<a class="reference-link" href="#root/_help_BlN9DFI679QC">Ribbon</a>,
+  <li data-list-item-id="e68c7668efccff8c169f876e9c3be8007">Create a new collection.</li>
+  <li data-list-item-id="e101fe6949917eac65e5c0c76920e3bce">In the&nbsp;<a class="reference-link" href="#root/_help_BlN9DFI679QC">Ribbon</a>,
     go to <em>Basic Properties</em> and change the note type from <em>Collection</em> to <em>Text</em>.</li>
 </ol>
 <p>Now the text will be displayed above while still maintaining the collection
@@ -66,13 +125,13 @@
 <p>By default, collections come with a default configuration and sometimes
   even sample notes. To create a collection completely from scratch:</p>
 <ol>
-  <li>Create a new note of type <em>Text</em> (or any type).</li>
-  <li>In the&nbsp;<a class="reference-link" href="#root/_help_BlN9DFI679QC">Ribbon</a>,
+  <li data-list-item-id="e615ae0200ba35a1ee9a7c33b1ddca962">Create a new note of type <em>Text</em> (or any type).</li>
+  <li data-list-item-id="e4f7f8d925e028b79272de20d5667e6ac">In the&nbsp;<a class="reference-link" href="#root/_help_BlN9DFI679QC">Ribbon</a>,
     go to <em>Basic Properties</em> and select <em>Collection</em> as the note
     type.</li>
-  <li>Still in the ribbon, go to <em>Collection Properties</em> and select the
+  <li data-list-item-id="e6b27bd28d0bf75154274b1c73277b7e2">Still in the ribbon, go to <em>Collection Properties</em> and select the
     desired view type.</li>
-  <li>Consult the help page of the corresponding view type in order to understand
+  <li data-list-item-id="e67306995e90c31a1bb6fbdfff63dc83f">Consult the help page of the corresponding view type in order to understand
     how to configure them.</li>
 </ol>
 <h2>Archived notes</h2>

docs/User Guide/!!!meta.json

@@ -9065,13 +9065,6 @@
                     "type": "text",
                     "mime": "text/markdown",
                     "attributes": [
-                        {
-                            "type": "relation",
-                            "name": "internalLink",
-                            "value": "8QqnMzx393bx",
-                            "isInheritable": false,
-                            "position": 10
-                        },
                         {
                             "type": "relation",
                             "name": "internalLink",
@@ -9079,34 +9072,6 @@
                             "isInheritable": false,
                             "position": 20
                         },
-                        {
-                            "type": "relation",
-                            "name": "internalLink",
-                            "value": "mULW0Q3VojwY",
-                            "isInheritable": false,
-                            "position": 30
-                        },
-                        {
-                            "type": "relation",
-                            "name": "internalLink",
-                            "value": "xWbu3jpNWapp",
-                            "isInheritable": false,
-                            "position": 40
-                        },
-                        {
-                            "type": "relation",
-                            "name": "internalLink",
-                            "value": "81SGnPGMk7Xc",
-                            "isInheritable": false,
-                            "position": 50
-                        },
-                        {
-                            "type": "relation",
-                            "name": "internalLink",
-                            "value": "2FvYrpmOXm29",
-                            "isInheritable": false,
-                            "position": 60
-                        },
                         {
                             "type": "relation",
                             "name": "internalLink",
@@ -9114,13 +9079,6 @@
                             "isInheritable": false,
                             "position": 70
                         },
-                        {
-                            "type": "relation",
-                            "name": "internalLink",
-                            "value": "CtBQqbwXDx1w",
-                            "isInheritable": false,
-                            "position": 80
-                        },
                         {
                             "type": "relation",
                             "name": "internalLink",
@@ -9176,11 +9134,101 @@
                             "value": "bx bx-book",
                             "isInheritable": false,
                             "position": 20
+                        },
+                        {
+                            "type": "relation",
+                            "name": "internalLink",
+                            "value": "xWbu3jpNWapp",
+                            "isInheritable": false,
+                            "position": 150
+                        },
+                        {
+                            "type": "relation",
+                            "name": "internalLink",
+                            "value": "2FvYrpmOXm29",
+                            "isInheritable": false,
+                            "position": 170
+                        },
+                        {
+                            "type": "relation",
+                            "name": "internalLink",
+                            "value": "CtBQqbwXDx1w",
+                            "isInheritable": false,
+                            "position": 180
+                        },
+                        {
+                            "type": "relation",
+                            "name": "internalLink",
+                            "value": "8QqnMzx393bx",
+                            "isInheritable": false,
+                            "position": 190
+                        },
+                        {
+                            "type": "relation",
+                            "name": "internalLink",
+                            "value": "mULW0Q3VojwY",
+                            "isInheritable": false,
+                            "position": 200
+                        },
+                        {
+                            "type": "relation",
+                            "name": "internalLink",
+                            "value": "81SGnPGMk7Xc",
+                            "isInheritable": false,
+                            "position": 210
+                        },
+                        {
+                            "type": "relation",
+                            "name": "internalLink",
+                            "value": "zP3PMqaG71Ct",
+                            "isInheritable": false,
+                            "position": 220
                         }
                     ],
                     "format": "markdown",
                     "dataFileName": "Collections.md",
-                    "attachments": [],
+                    "attachments": [
+                        {
+                            "attachmentId": "5NH7myDKSICZ",
+                            "title": "collection_geomap.webp",
+                            "role": "image",
+                            "mime": "image/webp",
+                            "position": 10,
+                            "dataFileName": "Collections_collection_ge.webp"
+                        },
+                        {
+                            "attachmentId": "7gL9zNsbyY4Z",
+                            "title": "collection_presentation.webp",
+                            "role": "image",
+                            "mime": "image/webp",
+                            "position": 10,
+                            "dataFileName": "Collections_collection_pr.webp"
+                        },
+                        {
+                            "attachmentId": "BA2BoJ7NuNrx",
+                            "title": "collection_table.webp",
+                            "role": "image",
+                            "mime": "image/webp",
+                            "position": 10,
+                            "dataFileName": "Collections_collection_ta.webp"
+                        },
+                        {
+                            "attachmentId": "tgdna1b1s44A",
+                            "title": "collection_calendar.webp",
+                            "role": "image",
+                            "mime": "image/webp",
+                            "position": 10,
+                            "dataFileName": "Collections_collection_ca.webp"
+                        },
+                        {
+                            "attachmentId": "vozq8xSO2HO7",
+                            "title": "collection_board.webp",
+                            "role": "image",
+                            "mime": "image/webp",
+                            "position": 10,
+                            "dataFileName": "Collections_collection_bo.webp"
+                        }
+                    ],
                     "dirFileName": "Collections",
                     "children": [
                         {

docs/User Guide/User Guide/Collections.md

@@ -1,20 +1,23 @@
 # Collections
 Collections are a unique type of notes that don't have a content, but instead display its child notes in various presentation methods.
 
+## Main collections
+
+|     |     |
+| --- | --- |
+| <figure class="image"><img style="aspect-ratio:1651/810;" src="Collections_collection_ca.webp" width="1651" height="810"></figure> | <a class="reference-link" href="Collections/Calendar%20View.md">Calendar View</a>  <br>which displays a week, month or year calendar with the notes being shown as events. New events can be added easily by dragging across the calendar. |
+| <figure class="image"><img style="aspect-ratio:1643/647;" src="Collections_collection_ta.webp" width="1643" height="647"></figure> | <a class="reference-link" href="Collections/Table%20View.md">Table View</a>  <br>displays each note as a row in a table, with <a class="reference-link" href="Advanced%20Usage/Attributes/Promoted%20Attributes.md">Promoted Attributes</a> being shown as well. This makes it easy to visualize attributes of notes, as well as making them easily editable. |
+| <figure class="image"><img style="aspect-ratio:1174/850;" src="Collections_collection_bo.webp" width="1174" height="850"></figure> | <a class="reference-link" href="Collections/Board%20View.md">Board View</a>  <br>displays notes in columns, grouped by the value of a label. |
+| <figure class="image"><img style="aspect-ratio:844/639;" src="Collections_collection_ge.webp" width="844" height="639"></figure> | <a class="reference-link" href="Collections/Geo%20Map%20View.md">Geo Map View</a>  <br>which displays a geographical map in which the notes are represented as markers/pins on the map. New events can be easily added by pointing on the map. |
+| <figure class="image"><img style="aspect-ratio:1120/763;" src="Collections_collection_pr.webp" width="1120" height="763"></figure> | <a class="reference-link" href="Collections/Presentation%20View.md">Presentation View</a>  <br>which shows each note as a slide and can be presented full-screen with smooth transitions or exported to PDF for sharing. |
+
+## Classic collections
+
 Classic collections are read-only mode and compiles the contents of all child notes into one continuous view. This makes it ideal for reading extensive information broken into smaller, manageable segments.
 
 *   <a class="reference-link" href="Collections/Grid%20View.md">Grid View</a> which is the default presentation method for child notes (see <a class="reference-link" href="Basic%20Concepts%20and%20Features/Notes/Note%20List.md">Note List</a>), where the notes are displayed as tiles with their title and content being visible.
 *   <a class="reference-link" href="Collections/List%20View.md">List View</a> is similar to <a class="reference-link" href="Collections/Grid%20View.md">Grid View</a>, but it displays the notes one under the other with the content being expandable/collapsible, but also works recursively.
 
-More specialized collections were introduced, such as the:
-
-*   <a class="reference-link" href="Collections/Calendar%20View.md">Calendar View</a> which displays a week, month or year calendar with the notes being shown as events. New events can be added easily by dragging across the calendar.
-*   <a class="reference-link" href="Collections/Geo%20Map%20View.md">Geo Map View</a> which displays a geographical map in which the notes are represented as markers/pins on the map. New events can be easily added by pointing on the map.
-*   <a class="reference-link" href="Collections/Table%20View.md">Table View</a> displays each note as a row in a table, with <a class="reference-link" href="Advanced%20Usage/Attributes/Promoted%20Attributes.md">Promoted Attributes</a> being shown as well. This makes it easy to visualize attributes of notes, as well as making them easily editable.
-*   <a class="reference-link" href="Collections/Board%20View.md">Board View</a> (Kanban) displays notes in columns, grouped by the value of a label.
-
-For a quick presentation of all the supported view types, see the child notes of this help page, including screenshots.
-
 ## Configuration
 
 To adjust the view type, see the dedicated _Collections_ tab in the <a class="reference-link" href="Basic%20Concepts%20and%20Features/UI%20Elements/Ribbon.md">Ribbon</a>.