#2074 webpage: add note relations panel documentation and blog post

Signed-off-by: Patrizio Bekerle <patrizio@bekerle.com>

webpage/src/.vuepress/config.js

@@ -27,6 +27,7 @@ const gettingStartedNavItems = [
   'getting-started/command-line-snippet-manager',
   'getting-started/web-app',
   'getting-started/qownnotesapi',
+  'getting-started/note-relations',
   'getting-started/searching',
   'getting-started/shortcuts',
   'getting-started/git-versioning',

webpage/src/blog/2025-03-14-Note-relations-panel.md

@@ -0,0 +1,25 @@
+---
+title: Note relations panel
+description: There is a new panel to show the relations between notes in a graph.
+image: /screenshots/screenshot-note-relations.png
+date: 2025-03-14
+order: 20250314000000
+---
+
+# Note relations panel
+
+<BlogDate v-bind:fm="$frontmatter" />
+
+The note relations panel shows the **relations between the current note and linked notes** several levels deep.
+
+![note-relations](/screenshots/screenshot-note-relations.png)
+
+Relations between notes can be created by **linking to another note**, for example with the *Note link* dialog.
+
+The syntax for a note link is for example `[My note](path/to/My%20note.md)`.
+
+You can turn on the panel in the *Window / Panels* menu.
+
+For more information visit the [note relations](../getting-started/note-relations.md) page.
+
+Feedback is welcome on [GitHub issue #2074](https://github.com/pbek/QOwnNotes/issues/2074).

webpage/src/getting-started/note-relations.md

@@ -0,0 +1,15 @@
+---
+image: /screenshots/screenshot-note-relations.png
+---
+
+# Note relations panel
+
+The note relations panel shows the **relations between the current note and linked notes** several levels deep.
+
+![note-relations](/screenshots/screenshot-note-relations.png)
+
+- Relations between notes can be created by **linking to another note**, for example with the *Note link* dialog
+- The syntax for a note link is for example `[My note](path/to/My%20note.md)`
+- You can turn on the panel in the *Window / Panels* menu
+- The panel allows zooming with the mouse wheel, and you can double-click on a note to open it
+- Gathering of relations is done in the background, so you can continue working while the relations are being gathered

webpage/src/getting-started/overview.md

@@ -20,6 +20,12 @@
       View your notes in a vertical markdown view by moving the panels
     </div>
   </v-carousel-item>
+  <v-carousel-item>
+    <img src="/screenshots/screenshot-note-relations.png" alt="Note relations" />
+    <div class="sheet">
+      Note relations panel
+    </div>
+  </v-carousel-item>
   <v-carousel-item>
     <img src="/screenshots/screenshot-portable-mode.png" alt="Portable mode" />
     <div class="sheet">