update for mermaid diagrams

Author: bordumb

mkdocs.yml

@@ -95,7 +95,7 @@ extra:
     - icon: fontawesome/brands/github
       link: https://github.com/renbytes
     - icon: fontawesome/brands/python
-      link: https://pypi.org/project/arla/ # When you publish it
+      link: https://pypi.org/project/arla/ # When we publish it
 
 # Markdown extensions
 markdown_extensions:
@@ -108,8 +108,13 @@ markdown_extensions:
   - pymdownx.superfences
   - attr_list
   - md_in_html
-  - pymdownx.tabbed: # Add this extension for content tabs (=== "title")
+  - pymdownx.tabbed: # Extension for content tabs (=== "title")
       alternate_style: true
-  - pymdownx.emoji: # Add this extension for icons
+  - pymdownx.emoji: # Extension for icons
       emoji_index: !!python/name:material.extensions.emoji.twemoji
       emoji_generator: !!python/name:material.extensions.emoji.to_svg
+  - pymdownx.superfences: # Configuration block for Mermaid
+      custom_fences:
+        - name: mermaid
+          class: mermaid
+          format: !!python/name:pymdownx.superfences.fence_code_format