centering

Author: NadiaHuisjes

assets/main.css

@@ -583,6 +583,11 @@ nav > .dropdown:hover a:hover {
   color: #ffffff;
 }
 
+.center-image {
+  margin: 0 auto;
+  display: block;
+}
+
 /* Media queries */
 @media (max-width:768px) {
   body {

docs/MarsRover/Comments.md

@@ -8,3 +8,24 @@ Fully integrated text editor to annotate the archive. Use to annotate with text
 
 
 <img align='centre' src='{{site.baseurl}}/docs/img/Rover/img10.png' width='600' />
+
+Markdown rendering depends on extensions from [flexmark](https://github.com/vsch/flexmark-java) and [mermaid](https://mermaid-js.github.io/mermaid/#/README). This allows for easy documentation of tags, parameters, settings and the data analysis flow to be saved in the archive itself to improve reproducibility.
+
+Flexmark extensions in Mars:
+
+| :------------- | :------------- |
+| Abbreviation       | Item Two       |
+| Anchorlink       | Item Two       |
+| Aside      | Item Two       |
+| Autolink      | Item Two       |
+| Definition       | Item Two       |
+| Footnotes       | Item Two       |
+| Strikethrough       | Item Two       |
+| Tasklist       | Item Two       |
+| Tables       | Item Two       |
+| TOC       | Item Two       |
+| Wikilink       | Item Two       |
+| Gitlab       | Item Two       |
+| Yaml front matter       | Item Two       |
+
+@Add example screenshot 

index.md

@@ -13,4 +13,4 @@ This site is currently undergoing major changes and has many broken links. Check
 
 To get started with Mars, take a look at the [tutorials](tutorials), [example gallery](examples), and [usage guide](usage), or read [about the project's goals](about). Comprehensive reference material can be found in the [documentation](docs) section.
 
-<img align='center' src='{{site.baseurl}}/assets/200417_status_full.gif' width='450' />
+<img align='center' src='{{site.baseurl}}/assets/200417_status_full.gif' width='450' />{: .center-image}