mermaid support added

Author: vivekkpatel

docs/Typography.md

@@ -168,7 +168,6 @@ Here is a statement with a footnote.[^1]
 | **Total Area** |   |   | **12040** |
 
 
-
 # Horizontal Separator
 
 ---
@@ -177,4 +176,14 @@ Here is a statement with a footnote.[^1]
 ![Nodes Logo](assets/favicon.png)
 
 # Image Online
-![Sample Image](https://nodesautomations.com/assets/images/home.webp)
+![Sample Image](https://nodesautomations.com/assets/images/home.webp)
+
+# Diagrams
+``` mermaid
+graph LR
+  A[Start] --> B{Error?};
+  B -->|Yes| C[Hmm...];
+  C --> D[Debug];
+  D --> B;
+  B ---->|No| E[Yay!];
+```

mkdocs.yml

@@ -50,7 +50,11 @@ markdown_extensions:
       pygments_lang_class: true
   - pymdownx.inlinehilite
   - pymdownx.snippets
-  - pymdownx.superfences
+  - pymdownx.superfences:
+      custom_fences:
+        - name: mermaid
+          class: mermaid
+          format: !!python/name:pymdownx.superfences.fence_code_format
   - pymdownx.arithmatex: # for rendering math equations
       generic: true
   - def_list # List extensions