adding draw.io js

README.md

@@ -99,7 +99,9 @@ Hashiqube is a Training / Development Lab for you to practise, learn or demo POC
 
 Hashiqube can be visualized with the diagrams below.
 
-![HashiQube Diagram](images/hashiqube-diagram.png?raw=true "HashiQube Diagram")
+### Draw.io Diagram
+
+[filename](images/hashiqube.drawio ':include :type=code')
 
 ## Links
 * [Hashicorp blog post](https://www.hashicorp.com/resources/hashiqube-a-development-lab-using-all-the-hashicorp-products) <br />

index.html

@@ -311,6 +311,14 @@
                 '<div class="mermaid">' + mermaid.render('mermaid-svg-' + num++, code) + "</div>"
               );
             }
+            if (lang === 'drawio') {
+              if (window.drawioConverter) {
+                console.log('drawio')
+                return window.drawioConverter(code)
+              } else {
+                return `<div class='drawio-code'>${code}</div>`
+              }
+            }
             return this.origin.code.apply(this, arguments);
           }
         }
@@ -383,6 +391,8 @@
   <!-- script src="//unpkg.com/docsify-pagination/dist/docsify-pagination.min.js"></script -->
   <script src="//unpkg.com/docsify-slides/dist/docsify-slides.min.js"></script>
   <script src="//unpkg.com/docsify-accordion/src/index.js"></script>
+  <script src="//cdn.jsdelivr.net/npm/docsify-drawio/viewer.min.js"></script>
+  <script src='//cdn.jsdelivr.net/npm/docsify-drawio/drawio.js'></script>
   <div class="footer"></div>
   <div class="progress-bar"></div>
 </body>