From 8bb7b01d736f9c5dcceae08e0c53340cc1321d78 Mon Sep 17 00:00:00 2001
From: weru <onewesh@gmail.com>
Date: Fri, 26 Jun 2020 14:55:21 +0000
Subject: [PATCH] update example site
---
exampleSite/content/docs/getting started/shortcodes-example.md | 23 ++++++++++++++++++++---
1 files changed, 20 insertions(+), 3 deletions(-)
diff --git a/exampleSite/content/docs/getting started/shortcodes-example.md b/exampleSite/content/docs/getting started/shortcodes-example.md
index 7985b7c..d248ba8 100644
--- a/exampleSite/content/docs/getting started/shortcodes-example.md
+++ b/exampleSite/content/docs/getting started/shortcodes-example.md
@@ -7,7 +7,7 @@
### Using blocks, columns & buttons
-```markdown
+```sh
{{</* block "grid-2" */>}}
{{</* column */>}}
#### Coumn 1
@@ -57,7 +57,7 @@
### Youtube
-```markdown
+```sh
{{</* youtube "q0hyYWKXF0Q" */>}}
<!-- generates 👇 -->
```
@@ -66,9 +66,26 @@
## Picture
-```markdown
+```sh
{{</* picture "compose.svg" "compose-light.svg" "Compose Logo" */>}}
<!-- generates 👇 -->
```
{{< picture "compose.svg" "compose-light.svg" "Compose Logo" >}}
+
+## Gallery
+
+Include inline galleries within your articles. These galleries can contain `N` number of images. It take 2 positional parameters.
+
+The 1st parameter is required. It is _comma-separated list_ (`,`) of your images' paths.
+
+The 2nd parameter is optional. It is _double-collon-separated list_ (`::`) of your images' alt/description/captions text. It's always a good SEO practice to include alt text for your images.
+
+```sh
+{{</* gallery "images/diy.jpeg,images/diy-2.jpeg,images/diy.jpeg" "Gallery Image 1::gallery image 2::gallery image 1 copy" */>}}
+# generates 👇
+```
+
+{{< gallery "images/diy.jpeg,images/diy-2.jpeg,images/diy.jpeg" "Gallery Image 1::gallery image 2::gallery image 1 copy" >}}
+
+> For legibility, you may include a space after the delimiters `,` & `::`
--
Gitblit v1.10.0