From 20a54957eded56949eaf14336f9e95ad9d9c6137 Mon Sep 17 00:00:00 2001
From: Simon Vieille <simon.vieille@trinaps.com>
Date: Sat, 29 Jul 2023 00:32:49 +0200
Subject: [PATCH] add diagram

---
 docs/tree/index.md | 31 +++++++++++++++++++++++++++++++
 mkdocs.yml         |  6 +++++-
 2 files changed, 36 insertions(+), 1 deletion(-)

diff --git a/docs/tree/index.md b/docs/tree/index.md
index b99145f..358a587 100644
--- a/docs/tree/index.md
+++ b/docs/tree/index.md
@@ -10,3 +10,34 @@ Murph manages contents this way:
 	- the routing
 	- some attributes
 	- a sitemap configuration
+
+## Diagram
+
+``` mermaid
+%%{
+  init: {
+    "theme": "dark",
+    "flowchart": {
+      "curve": "cardinal"
+    }
+  }
+}%%
+
+graph TB
+  N1[Navigation 1] --> M1[Menu 1];
+  N2[Navigation ...];
+  NX[Navigation n];
+
+  N1 --> M2[Menu ...];
+  N1 --> M3[Menu n];
+
+  M1 --> MN1[Node 1]
+  M1 --> MN2[Node ...]
+  M1 --> MN3[Node n]
+
+  MN1 --> P1[Page]
+
+  P1 --> B1[Block 1]
+  P1 --> B2[Block 2]
+  P1 --> BN[Block n]
+```
diff --git a/mkdocs.yml b/mkdocs.yml
index b295365..bbdcee2 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -56,7 +56,11 @@ markdown_extensions:
   - pymdownx.emoji:
       emoji_index: !!python/name:materialx.emoji.twemoji
       emoji_generator: !!python/name:materialx.emoji.to_svg
-
+  - pymdownx.superfences:
+      custom_fences:
+        - name: mermaid
+          class: mermaid
+          format: !!python/name:pymdownx.superfences.fence_code_format
 nav:
   - Overview:
     - Overview: index.md