Update demo content (#830)

Luiz F. A. de Prá

13.51.2023 c3df12d0bbc2dda164df904f6a487580a82da746

 exampleSite/content/posts/mermaid-support.md

@@ -1,14 +1,24 @@
+++
date = "2022-07-25"
authors = ["Lone Coder"]
date = "2023-07-08"
title = "Mermaid JS support"
description = "The post demonstrates Mermaid JS support"
series = ["Theme", "Hugo"]
tags = [
    "hugo",
    "markdown",
    "css",
    "html",
]
categories = [
    "theme demo",
    "syntax",
]
series = ["Theme Demo"]
+++

If you want to use [Mermaid-JS](https://mermaid-js.github.io/mermaid/#/) on your website.
Provide `mermaid` as [Shortcode](https://gohugo.io/content-management/shortcodes/#readout) in your markdown file.


{{<mermaid>}}
flowchart LR

@@ -16,18 +26,18 @@

    B --> C

    C --> D 
    C --> D

    D --> B

{{</mermaid>}}

{{<mermaid>}}
sequenceDiagram
    participant Alice
    participant Bob
    Alice->>Bob: Hi Bob
    Bob->>Alice: Hi Alice
participant Alice
participant Bob
Alice->>Bob: Hi Bob
Bob->>Alice: Hi Alice
{{</mermaid>}}


Find more example on [Mermaid-JS](https://mermaid-js.github.io/mermaid/#/) website.