diff --git a/docs/knowledge base/readme.md b/docs/knowledge base/readme.md
index c1469f8..bde6603 100644
--- a/docs/knowledge base/readme.md	
+++ b/docs/knowledge base/readme.md	
@@ -1,3 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+   <head>
+	 <script src="https://cdnjs.cloudflare.com/ajax/libs/mermaid/8.0.0/mermaid.min.js"></script>
+    </head>
+	 
+<body>
+ <pre><code class="language-mermaid">graph LR
+A--&gt;B
+</code></pre>
+
+<div class="mermaid">graph LR
+A--&gt;B
+</div>
+	
+</body>
+<script>
+var config = {
+    startOnLoad:true,
+    theme: 'forest',
+    flowchart:{
+            useMaxWidth:false,
+            htmlLabels:true
+        }
+};
+mermaid.initialize(config);
+window.mermaid.init(undefined, document.querySelectorAll('.language-mermaid'));
+</script>
+
+</html>
+
 - this might be a little redundant at the moment, but i thought its better to explain everything step after step, so the diagramms wont get to large
 ### DHCP
 ```mermaid
