footnotes

docs/examples/index.md

@@ -134,7 +134,9 @@ The `#!python range()` function is used to generate a sequence of numbers.
 | `PUT`       | :material-check-all: Update resource |
 | `DELETE`    | :material-close:     Delete resource |
 
-## Flow chart
+## Diagrams
+
+### Flow chart
 
 ``` mermaid
 graph LR
@@ -145,7 +147,7 @@ graph LR
   B ---->|No| E[Yay!];
 ```
 
-## Sequence diagram
+### Sequence diagram
 
 ``` mermaid
 sequenceDiagram
@@ -160,7 +162,7 @@ sequenceDiagram
   Bob-->>John: Jolly good!
 ```
 
-## State diagram
+### State diagram
 
 ``` mermaid
 stateDiagram-v2
@@ -176,7 +178,7 @@ stateDiagram-v2
     State4 --> [*]
 ```
 
-## Class diagram
+### Class diagram
 
 ``` mermaid
 classDiagram
@@ -207,7 +209,7 @@ classDiagram
   }
 ```
 
-## Entity-relationship diagram
+### Entity-relationship diagram
 
 ``` mermaid
 erDiagram
@@ -219,3 +221,16 @@ erDiagram
   }
   CUSTOMER }|..|{ DELIVERY-ADDRESS : uses
 ```
+
+## Footnotes
+
+### Text with footnote references
+
+Lorem ipsum[^1] dolor sit amet, consectetur adipiscing elit.[^2]
+
+[^1]: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
+[^2]:
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod
+    nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor
+    massa, nec semper lorem quam in massa.

mkdocs.yml

@@ -24,6 +24,7 @@ theme:
     - content.code.copy
     - content.code.annotate
     - content.tabs.link
+    - content.footnote.tooltips
   palette:
     primary: blue grey
     accent: light blue