Merge pull request #3 from python-la-paz:feature/taicoding/mermaid

jevillanueva · web-flow · commit 016ca1d2df31 · 2025-05-11T17:20:52.000-04:00
Add Mermaid.js
diff --git a/content/sesion01/index.html b/content/sesion01/index.html
@@ -26,6 +26,7 @@
     <script src="../../plugin/math/math.js"></script>
     <script src="../../plugin/pointer/pointer.js"></script>
     <script src="../../plugin/zoom/zoom.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/reveal.js-mermaid-plugin@11.4.1/plugin/mermaid/mermaid.js"></script>
     <script>
 
         Reveal.initialize({
@@ -35,7 +36,7 @@
             center: true,
             pdfMaxPagesPerSlide: 1,
             slideNumber: 'c/t',
-            plugins: [RevealMarkdown, RevealHighlight, RevealNotes, RevealMath.KaTeX, RevealZoom, RevealPointer],
+            plugins: [RevealMarkdown, RevealHighlight, RevealNotes, RevealMath.KaTeX, RevealZoom, RevealPointer, RevealMermaid],
             pointer: {
                 key: "q", // key to enable pointer, default "q", not case-sensitive
                 color: "red", // color of a cursor, default "red" any valid CSS color
diff --git a/index.html b/index.html
@@ -13,6 +13,8 @@
 
 	<!-- Theme used for syntax highlighted code -->
 	<link rel="stylesheet" href="plugin/highlight/monokai.css">
+
+
 </head>
 
 <body>
@@ -41,14 +43,16 @@ <h6>2025</h6>
 	<script src="plugin/markdown/markdown.js"></script>
 	<script src="plugin/highlight/highlight.js"></script>
 	<script src="plugin/zoom/zoom.js"></script>
+	<script src="https://cdn.jsdelivr.net/npm/mermaid@10.9.0/dist/mermaid.min.js"></script>
+	<script src="https://cdn.jsdelivr.net/npm/reveal.js-mermaid-plugin@11.4.1/plugin/mermaid/mermaid.js"></script>
 	<script>
 		// More info about initialization & config:
 		// - https://revealjs.com/initialization/
 		// - https://revealjs.com/config/
 		Reveal.initialize({
 			hash: true,
 			// Learn about plugins: https://revealjs.com/plugins/
-			plugins: [RevealMarkdown, RevealHighlight, RevealNotes, RevealZoom]
+			plugins: [RevealMarkdown, RevealHighlight, RevealNotes, RevealZoom, RevealMermaid]
 		});
 	</script>
 	<!-- Google tag (gtag.js) -->
