From 9c440b38db65efe13c59189ef5e27c4727ffec52 Mon Sep 17 00:00:00 2001
From: Cat Tom <linweijie2015@gmail.com>
Date: Wed, 24 Jul 2024 23:09:47 +0800
Subject: [PATCH] footnotes

---
 docs/examples/index.md | 25 ++++++++++++++++++++-----
 mkdocs.yml             |  1 +
 2 files changed, 21 insertions(+), 5 deletions(-)

diff --git a/docs/examples/index.md b/docs/examples/index.md
index 6d3633b..cd60a78 100644
--- a/docs/examples/index.md
+++ b/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.
\ No newline at end of file
diff --git a/mkdocs.yml b/mkdocs.yml
index e737b64..e0e24e4 100644
--- a/mkdocs.yml
+++ b/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