[web] Added mermaid diagrams.

web/content/docs/devguide/development-workflows/setup-fork/index.md

@@ -148,6 +148,14 @@ Create a branch `feature-name` off of upstream `master`-branch to work on a new
 git checkout -b feature-name upstream/master
 ```
 
+```mermaid
+gitGraph
+  commit
+  commit
+  branch feature-name
+  commit
+```
+
 ----
 
 To keep up to date with the developments in the official repository it is recommended to rebase your feature-branch regularly (at least weekly). To see what has been updated, load a new set of changes with

web/layouts/_default/_markup/render-codeblock-mermaid.html

+<div class="mermaid">
+    {{- .Inner | safeHTML }}
+</div>
+{{ .Page.Store.Set "hasMermaid" true }}

web/layouts/partials/footer.html

@@ -8,3 +8,10 @@
 {{ $scripts := resources.Match "js/*.js" | resources.Concat "bundle.js" | fingerprint }}
 <script type="text/javascript" src="{{ $scripts.Permalink }}" integrity="{{ $scripts.Data.Integrity }}"
   media="screen"></script>
+
+{{ if .Page.Store.Get "hasMermaid" }}
+<script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
+<script>
+  mermaid.initialize({ startOnLoad: true, gitGraph: { mainBranchName: 'master' } });
+</script>
+{{ end }}