From 5437521798291b54dabb6645de0094e458c9c228 Mon Sep 17 00:00:00 2001
From: Alex Shpak <alex-shpak@users.noreply.github.com>
Date: Thu, 23 May 2019 16:30:26 +0200
Subject: #39, Finish columns shortcode, clean scss

---
 exampleSite/content/docs/shortcodes.md | 73 ++++++++++++++++++++++++++++------
 1 file changed, 60 insertions(+), 13 deletions(-)

(limited to 'exampleSite/content/docs')

diff --git a/exampleSite/content/docs/shortcodes.md b/exampleSite/content/docs/shortcodes.md
index ff46e16..9889fc6 100644
--- a/exampleSite/content/docs/shortcodes.md
+++ b/exampleSite/content/docs/shortcodes.md
@@ -80,30 +80,77 @@ Miseratus fonte Ditis conubia.
 
 # Multi-Column shortcode
 
-```tpl
-{{</* column */>}} <!-- begin columns block -->
+```html
+{{</* columns */>}} <!-- begin columns block -->
 # Left Content
-...
-{{</* column /*/>}} <!-- columns separator -->
+Lorem markdownum insigne...
+
+<---> <!-- magic sparator, between columns -->
+
+# Mid Content
+Lorem markdownum insigne...
+
+<---> <!-- magic sparator, between columns -->
+
 # Right Content
-...
-{{</* /column */>}} <!-- end columns block -->
+Lorem markdownum insigne...
+{{</* /columns */>}}
 ```
 
-{{< column >}}
-# Left Content
+{{< columns >}}
+## Left Content
 Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat
 stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa
 protulit, sed sed aere valvis inhaesuro Pallas animam: qui _quid_, ignes.
 Miseratus fonte Ditis conubia.
-{{< column />}}
-# Mid Content
+
+<--->
+
+## Mid Content
 Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat
 stringit, frustra Saturnius uteroque inter!
-{{< column />}}
-# Right Content
+
+<--->
+
+## Right Content
 Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat
 stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa
 protulit, sed sed aere valvis inhaesuro Pallas animam: qui _quid_, ignes.
 Miseratus fonte Ditis conubia.
-{{< /column >}}
+{{< /columns >}}
+
+
+# Mermaid Chart Shortcode
+
+{{< columns >}}
+```tpl
+{{</* mermaid */>}}
+sequenceDiagram
+    Alice->>Bob: Hello Bob, how are you?
+    alt is sick
+        Bob->>Alice: Not so good :(
+    else is well
+        Bob->>Alice: Feeling fresh like a daisy
+    end
+    opt Extra response
+        Bob->>Alice: Thanks for asking
+    end
+{{</* /mermaid */>}}
+```
+
+<--->
+
+{{< mermaid >}}
+sequenceDiagram
+    Alice->>Bob: Hello Bob, how are you?
+    alt is sick
+        Bob->>Alice: Not so good :(
+    else is well
+        Bob->>Alice: Feeling fresh like a daisy
+    end
+    opt Extra response
+        Bob->>Alice: Thanks for asking
+    end
+{{< /mermaid >}}
+
+{{< /columns >}}
-- 
cgit v1.2.3