From 9f8024d836dae48837d311de4adcdea739ca2db7 Mon Sep 17 00:00:00 2001
From: Kanisorn Sutham <kanisorns.k@gmail.com>
Date: Sun, 31 Jul 2022 20:26:10 +0300
Subject: [PATCH 1/3] fix: add font-awesome css to docsify index.html

---
 docs/index.html | 1 +
 1 file changed, 1 insertion(+)

diff --git a/docs/index.html b/docs/index.html
index 8cd2488bb6..374f7a1417 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -17,6 +17,7 @@
     />
     <!-- <link rel="stylesheet" href="//unpkg.com/docsify/lib/themes/vue.css"> -->
     <link rel="stylesheet" href="theme.css" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
     <script src="//cdn.jsdelivr.net/npm/mermaid@9.1.3/dist/mermaid.min.js"></script>
     <!-- <script src="http://localhost:9000/mermaid.js"></script> -->
     <script>

From 01d84fdacfcc1498bb2be412c214f6feed5219d2 Mon Sep 17 00:00:00 2001
From: Kanisorn Sutham <kanisorns.k@gmail.com>
Date: Sun, 31 Jul 2022 20:51:15 +0300
Subject: [PATCH 2/3] fix: update font-awesome to version v5.9.0

---
 docs/flowchart.md | 2 +-
 docs/index.html   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/flowchart.md b/docs/flowchart.md
index 34d91063cf..30b3e08588 100644
--- a/docs/flowchart.md
+++ b/docs/flowchart.md
@@ -612,7 +612,7 @@ The icons are accessed via the syntax fa:#icon class name#.
 
 ```mermaid-example
 flowchart TD
-    B["fa:fa-twitter for peace"]
+    B["fab:fa-twitter for peace"]
     B-->C[fa:fa-ban forbidden]
     B-->D(fa:fa-spinner);
     B-->E(A fa:fa-camera-retro perhaps?)
diff --git a/docs/index.html b/docs/index.html
index 374f7a1417..25f10dcd38 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -17,7 +17,7 @@
     />
     <!-- <link rel="stylesheet" href="//unpkg.com/docsify/lib/themes/vue.css"> -->
     <link rel="stylesheet" href="theme.css" />
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.min.css">
     <script src="//cdn.jsdelivr.net/npm/mermaid@9.1.3/dist/mermaid.min.js"></script>
     <!-- <script src="http://localhost:9000/mermaid.js"></script> -->
     <script>

From dd4459f813dcd569afd495c96f07b54065b1d9f8 Mon Sep 17 00:00:00 2001
From: Kanisorn Sutham <kanisorns.k@gmail.com>
Date: Sun, 31 Jul 2022 21:08:27 +0300
Subject: [PATCH 3/3] doc: add font-awesome version warning message

---
 docs/flowchart.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/docs/flowchart.md b/docs/flowchart.md
index 30b3e08588..dfa9a1af6e 100644
--- a/docs/flowchart.md
+++ b/docs/flowchart.md
@@ -618,6 +618,8 @@ flowchart TD
     B-->E(A fa:fa-camera-retro perhaps?)
 ```
 
+?> Mermaid is now only compatible with Font Awesome versions 4 and 5. Check that you are using the correct version of Font Awesome.
+
 
 ## Graph declarations with spaces between vertices and link and without semicolon