Exemplo com diagramas Mermaid JS

docs/aulas/aula-2026-03-17/index.md

@@ -0,0 +1,20 @@
+(aula:2026-03-17)=
+
+# Aula de 17/03/2026
+
+Diagramas com {cite:t}`mermaidjs`.
+
+```{mermaid}
+---
+title: Simple sample
+---
+stateDiagram-v2
+    [*] --> Still
+    Still --> [*]
+
+    Still --> Moving
+    Moving --> Still
+    Moving --> Crash
+    Crash --> [*]
+```
+

docs/aulas/index.md

@@ -7,6 +7,7 @@
 maxdepth: 2
 caption: Sumário
 glob: true
+reversed: true
 ---
 
 */*

docs/conf.py

@@ -17,6 +17,7 @@ release = 'ANO_PERIODO'
 extensions = [
     'myst_parser',
     'sphinxcontrib.bibtex',
+    'sphinxcontrib.mermaid',
 ]
 
 templates_path = ['_templates']

docs/refs.bib

@@ -1,10 +1,3 @@
-@book{1987:nelson,
-    author = {Edward Nelson},
-    title = {Radically Elementary Probability Theory},
-    publisher = {Princeton University Press},
-    year = {1987}
-}
-
 @book{kurose2013redes,
   title={Redes de computadores e a internet: uma abordagem top-down},
   author={Kurose, J.F. and Ross, K.W.},
@@ -13,3 +6,20 @@
   publisher={Pearson}
 }
 
+@book{1987:nelson,
+    author = {Edward Nelson},
+    title = {Radically Elementary Probability Theory},
+    publisher = {Princeton University Press},
+    year = {1987}
+}
+
+@online{mermaidjs,
+  title        = {Mermaid},
+  author       = {{The Mermaid Project Contributors}},
+  year         = {2024},
+  url          = {https://mermaid.ai/},
+  urldate      = {2025-03-17},
+  organization = {Mermaid},
+  note         = {Página oficial da ferramenta de diagramação e gráficos a partir de texto}
+}
+