home.md

@@ -5,11 +5,10 @@ You can have all the normal markdown objects like titles, links etc. If you add
 
 The wiki supports even more amazing goodies though. You can refer to parts of you project, like commits (just type in the commit id) , issues (using `#`) or other pavlovia users (using `@`).
 
-You can even use [mermaid](https://mermaidjs.github.io/) to add charts like flow diagrams and Gantt charts. Checkout the code for this:
+You can even use [mermaid](https://mermaidjs.github.io/) to add charts like flow diagrams and Gantt charts. Checkout this chart and the code below that generated it
 
-```
-  ```mermaid
-  gantt
+```mermaid
+gantt
     title Study plans
     dateFormat  YYYY-MM-DD
 
@@ -20,12 +19,13 @@ You can even use [mermaid](https://mermaidjs.github.io/) to add charts like flow
     section Study 2
     Check modelling code      :2018-01-12  , 12d
     Forward modelling of results      : 24d
-  ``````
+```
 
-results in
+That was generated by this super-simple code:
 
-```mermaid
-gantt
+<pre>
+  ```mermaid
+  gantt
     title Study plans
     dateFormat  YYYY-MM-DD
 
@@ -36,4 +36,5 @@ gantt
     section Study 2
     Check modelling code      :2018-01-12  , 12d
     Forward modelling of results      : 24d
-```
+  ```
+</pre>