Rename exampleSite to example

example/content/shortcodes/_index.md

@@ -0,0 +1,4 @@
++++
+description = "Demonstrations of shortcodes."
+title = "Shortcodes"
++++

example/content/shortcodes/code.md

@@ -0,0 +1,220 @@
++++
+authors = ["author-demo"]
+categories = ["paige", "shortcodes"]
+description = "Demonstration of the code shortcode."
+tags = ["code", "figures"]
+title = "Code"
++++
+
+The `paige/code` shortcode displays code.
+
+<!--more-->
+
+## Basic
+
+Code:
+
+```go-html-template
+{{</* paige/code */>}}
+q = 'q = %r; print(q %% q)'; print(q % q)
+{{</* /paige/code */>}}
+```
+
+Result:
+
+{{< paige/code >}}
+q = 'q = %r; print(q %% q)'; print(q % q)
+{{< /paige/code >}}
+
+---
+
+Code:
+
+```go-html-template
+{{</* paige/code */>}}
+                       ---
+                    -        --
+                --( /     \ )XXXXXXXXXXXXX
+            --XXX(   O   O  )XXXXXXXXXXXXXXX-
+           /XXX(       U     )        XXXXXXX\
+         /XXXXX(              )--   XXXXXXXXXXX\
+        /XXXXX/ (      O     )   XXXXXX   \XXXXX\
+        XXXXX/   /            XXXXXX   \   \XXXXX----
+        XXXXXX  /          XXXXXX         \  ----  -
+---     XXX  /          XXXXXX      \           ---
+  --  --  /      /\  XXXXXX            /     ---=
+    -        /    XXXXXX              '--- XXXXXX
+      --\/XXX\ XXXXXX                      /XXXXX
+        \XXXXXXXXX                        /XXXXX/
+         \XXXXXX                         /XXXXX/
+           \XXXXX--  /                -- XXXX/
+            --XXXXXXX---------------  XXXXX--
+               \XXXXXXXXXXXXXXXXXXXXXXXX-
+                 --XXXXXXXXXXXXXXXXXX-
+{{</* /paige/code */>}}
+```
+
+Result:
+
+{{< paige/code >}}
+                       ---
+                    -        --
+                --( /     \ )XXXXXXXXXXXXX
+            --XXX(   O   O  )XXXXXXXXXXXXXXX-
+           /XXX(       U     )        XXXXXXX\
+         /XXXXX(              )--   XXXXXXXXXXX\
+        /XXXXX/ (      O     )   XXXXXX   \XXXXX\
+        XXXXX/   /            XXXXXX   \   \XXXXX----
+        XXXXXX  /          XXXXXX         \  ----  -
+---     XXX  /          XXXXXX      \           ---
+  --  --  /      /\  XXXXXX            /     ---=
+    -        /    XXXXXX              '--- XXXXXX
+      --\/XXX\ XXXXXX                      /XXXXX
+        \XXXXXXXXX                        /XXXXX/
+         \XXXXXX                         /XXXXX/
+           \XXXXX--  /                -- XXXX/
+            --XXXXXXX---------------  XXXXX--
+               \XXXXXXXXXXXXXXXXXXXXXXXX-
+                 --XXXXXXXXXXXXXXXXXX-
+{{< /paige/code >}}
+
+## Lang parameter
+
+Code:
+
+```go-html-template
+{{</* paige/code lang="c" */>}}
+float Q_rsqrt( float number )
+{
+	long i;
+	float x2, y;
+	const float threehalfs = 1.5F;
+
+	x2 = number * 0.5F;
+	y  = number;
+	i  = * ( long * ) &y;
+	i  = 0x5f3759df - ( i >> 1 );
+	y  = * ( float * ) &i;
+	y  = y * ( threehalfs - ( x2 * y * y ) );
+
+	return y;
+}
+{{</* /paige/code */>}}
+```
+
+Result:
+
+{{< paige/code lang="c" >}}
+float Q_rsqrt( float number )
+{
+	long i;
+	float x2, y;
+	const float threehalfs = 1.5F;
+
+	x2 = number * 0.5F;
+	y  = number;
+	i  = * ( long * ) &y;
+	i  = 0x5f3759df - ( i >> 1 );
+	y  = * ( float * ) &i;
+	y  = y * ( threehalfs - ( x2 * y * y ) );
+
+	return y;
+}
+{{< /paige/code >}}
+
+
+## Options parameter
+
+Code:
+
+```go-html-template
+{{</* paige/code options="linenos=true,hl_lines=10" */>}}
+float Q_rsqrt( float number )
+{
+	long i;
+	float x2, y;
+	const float threehalfs = 1.5F;
+
+	x2 = number * 0.5F;
+	y  = number;
+	i  = * ( long * ) &y;
+	i  = 0x5f3759df - ( i >> 1 );
+	y  = * ( float * ) &i;
+	y  = y * ( threehalfs - ( x2 * y * y ) );
+
+	return y;
+}
+{{</* /paige/code */>}}
+```
+
+Result:
+
+{{< paige/code options="linenos=true,hl_lines=10" >}}
+float Q_rsqrt( float number )
+{
+	long i;
+	float x2, y;
+	const float threehalfs = 1.5F;
+
+	x2 = number * 0.5F;
+	y  = number;
+	i  = * ( long * ) &y;
+	i  = 0x5f3759df - ( i >> 1 );
+	y  = * ( float * ) &i;
+	y  = y * ( threehalfs - ( x2 * y * y ) );
+
+	return y;
+}
+{{< /paige/code >}}
+
+## Unescape parameter
+
+Code:
+
+```go-html-template
+{{</* paige/code unescape=false */>}}
+{{</* paige/request "[...]" */>}}
+{{</* /paige/code */>}}
+```
+
+Result:
+
+{{< paige/code unescape=false >}}
+{{< paige/request "https://gist.githubusercontent.com/willfaught/fe6f6a8b9715e70112b6894935ecbecd/raw/64f41b7eb47ed5a60172217f8ba3868c23f69d21/qrsqrt.c" >}}
+{{< /paige/code >}}
+
+---
+
+Code:
+
+```go-html-template
+{{</* paige/code unescape=true */>}}
+{{</* paige/request "[...]" */>}}
+{{</* /paige/code */>}}
+```
+
+Result:
+
+{{< paige/code unescape=true >}}
+{{< paige/request "https://gist.githubusercontent.com/willfaught/fe6f6a8b9715e70112b6894935ecbecd/raw/64f41b7eb47ed5a60172217f8ba3868c23f69d21/qrsqrt.c" >}}
+{{< /paige/code >}}
+
+## Figure
+
+Code:
+
+```go-html-template
+{{</* paige/figure caption="Quine" */>}}
+{{</* paige/code lang="python" */>}}
+q = 'q = %r; print(q %% q)'; print(q % q)
+{{</* /paige/code */>}}
+{{</* /paige/figure */>}}
+```
+
+Result:
+
+{{< paige/figure caption="Quine" >}}
+{{< paige/code lang="python" >}}
+q = 'q = %r; print(q %% q)'; print(q % q)
+{{< /paige/code >}}
+{{< /paige/figure >}}

example/content/shortcodes/email.md

@@ -0,0 +1,23 @@
++++
+authors = ["author-demo"]
+categories = ["paige", "shortcodes"]
+description = "Demonstration of the email shortcode."
+tags = ["email"]
+title = "Email"
++++
+
+The `paige/email` shortcode hides e-mail addresses from crawlers.
+
+<!--more-->
+
+## Address parameter
+
+Code:
+
+```go-html-template
+{{%/* paige/email address="example@example.com" */%}}E-mail me{{%/* /paige/email */%}}
+```
+
+Result:
+
+{{% paige/email address="example@example.com" %}}E-mail me{{% /paige/email %}}

example/content/shortcodes/figure.md

@@ -0,0 +1,559 @@
++++
+authors = ["author-demo"]
+categories = ["paige", "shortcodes"]
+description = "Demonstration of the figure shortcode."
+tags = ["figures"]
+title = "Figure"
++++
+
+The `paige/figure` shortcode displays content in a figure.
+
+<!--more-->
+
+## Basic
+
+Code:
+
+```go-html-template
+{{</* paige/figure */>}}
+Hickory dickory dock.<br>
+The mouse ran up the clock.<br>
+The clock struck one,<br>
+The mouse ran down,<br>
+Hickory dickory dock.
+{{</* /paige/figure */>}}
+```
+
+Result:
+
+{{< paige/figure >}}
+Hickory dickory dock.<br>
+The mouse ran up the clock.<br>
+The clock struck one,<br>
+The mouse ran down,<br>
+Hickory dickory dock.
+{{< /paige/figure >}}
+
+## Caption parameter
+
+Code:
+
+```go-html-template
+{{</* paige/figure caption="Hickory Dickory Dock" */>}}
+Hickory dickory dock.<br>
+The mouse ran up the clock.<br>
+The clock struck one,<br>
+The mouse ran down,<br>
+Hickory dickory dock.
+{{</* /paige/figure */>}}
+```
+
+Result:
+
+{{< paige/figure caption="Hickory Dickory Dock" >}}
+Hickory dickory dock.<br>
+The mouse ran up the clock.<br>
+The clock struck one,<br>
+The mouse ran down,<br>
+Hickory dickory dock.
+{{< /paige/figure >}}
+
+## Float parameter
+
+Code:
+
+```go-html-template
+{{</* paige/figure float="start" */>}}
+Hickory dickory dock.<br>
+The mouse ran up the clock.<br>
+The clock struck one,<br>
+The mouse ran down,<br>
+Hickory dickory dock.
+{{</* /paige/figure */>}}
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Habitant morbi tristique senectus et netus et. Phasellus vestibulum lorem sed risus ultricies tristique nulla aliquet enim. Est lorem ipsum dolor sit amet. Consequat mauris nunc congue nisi. Sodales ut etiam sit amet nisl purus in mollis nunc. Vehicula ipsum a arcu cursus vitae congue. Ultrices eros in cursus turpis massa tincidunt dui. Aliquet bibendum enim facilisis gravida. Eu turpis egestas pretium aenean pharetra magna ac placerat. Sed turpis tincidunt id aliquet risus feugiat. Gravida neque convallis a cras. Cras ornare arcu dui vivamus arcu felis bibendum. Vulputate dignissim suspendisse in est. Iaculis at erat pellentesque adipiscing commodo elit at imperdiet. Amet luctus venenatis lectus magna fringilla urna porttitor rhoncus. Placerat orci nulla pellentesque dignissim enim sit amet venenatis urna. Nisl nisi scelerisque eu ultrices vitae auctor eu. Tortor pretium viverra suspendisse potenti nullam ac. Vitae congue mauris rhoncus aenean vel elit scelerisque mauris pellentesque. Fringilla est ullamcorper eget nulla facilisi etiam dignissim diam quis. Facilisis gravida neque convallis a cras semper auctor neque vitae. In dictum non consectetur a erat nam at lectus urna. Eu lobortis elementum nibh tellus. Interdum varius sit amet mattis vulputate. Quisque id diam vel quam elementum pulvinar etiam non quam. Tellus mauris a diam maecenas sed enim ut. Maecenas accumsan lacus vel facilisis volutpat est velit egestas dui.
+```
+
+Result:
+
+{{< paige/figure float="start" >}}
+Hickory dickory dock.<br>
+The mouse ran up the clock.<br>
+The clock struck one,<br>
+The mouse ran down,<br>
+Hickory dickory dock.
+{{< /paige/figure >}}
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Habitant morbi tristique senectus et netus et. Phasellus vestibulum lorem sed risus ultricies tristique nulla aliquet enim. Est lorem ipsum dolor sit amet. Consequat mauris nunc congue nisi. Sodales ut etiam sit amet nisl purus in mollis nunc. Vehicula ipsum a arcu cursus vitae congue. Ultrices eros in cursus turpis massa tincidunt dui. Aliquet bibendum enim facilisis gravida. Eu turpis egestas pretium aenean pharetra magna ac placerat. Sed turpis tincidunt id aliquet risus feugiat. Gravida neque convallis a cras. Cras ornare arcu dui vivamus arcu felis bibendum. Vulputate dignissim suspendisse in est. Iaculis at erat pellentesque adipiscing commodo elit at imperdiet. Amet luctus venenatis lectus magna fringilla urna porttitor rhoncus. Placerat orci nulla pellentesque dignissim enim sit amet venenatis urna. Nisl nisi scelerisque eu ultrices vitae auctor eu. Tortor pretium viverra suspendisse potenti nullam ac. Vitae congue mauris rhoncus aenean vel elit scelerisque mauris pellentesque. Fringilla est ullamcorper eget nulla facilisi etiam dignissim diam quis. Facilisis gravida neque convallis a cras semper auctor neque vitae. In dictum non consectetur a erat nam at lectus urna. Eu lobortis elementum nibh tellus. Interdum varius sit amet mattis vulputate. Quisque id diam vel quam elementum pulvinar etiam non quam. Tellus mauris a diam maecenas sed enim ut. Maecenas accumsan lacus vel facilisis volutpat est velit egestas dui.
+
+<div class="clearfix"></div>
+
+---
+
+Code:
+
+```go-html-template
+{{</* paige/figure float="end" */>}}
+Hickory dickory dock.<br>
+The mouse ran up the clock.<br>
+The clock struck one,<br>
+The mouse ran down,<br>
+Hickory dickory dock.
+{{</* /paige/figure */>}}
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Habitant morbi tristique senectus et netus et. Phasellus vestibulum lorem sed risus ultricies tristique nulla aliquet enim. Est lorem ipsum dolor sit amet. Consequat mauris nunc congue nisi. Sodales ut etiam sit amet nisl purus in mollis nunc. Vehicula ipsum a arcu cursus vitae congue. Ultrices eros in cursus turpis massa tincidunt dui. Aliquet bibendum enim facilisis gravida. Eu turpis egestas pretium aenean pharetra magna ac placerat. Sed turpis tincidunt id aliquet risus feugiat. Gravida neque convallis a cras. Cras ornare arcu dui vivamus arcu felis bibendum. Vulputate dignissim suspendisse in est. Iaculis at erat pellentesque adipiscing commodo elit at imperdiet. Amet luctus venenatis lectus magna fringilla urna porttitor rhoncus. Placerat orci nulla pellentesque dignissim enim sit amet venenatis urna. Nisl nisi scelerisque eu ultrices vitae auctor eu. Tortor pretium viverra suspendisse potenti nullam ac. Vitae congue mauris rhoncus aenean vel elit scelerisque mauris pellentesque. Fringilla est ullamcorper eget nulla facilisi etiam dignissim diam quis. Facilisis gravida neque convallis a cras semper auctor neque vitae. In dictum non consectetur a erat nam at lectus urna. Eu lobortis elementum nibh tellus. Interdum varius sit amet mattis vulputate. Quisque id diam vel quam elementum pulvinar etiam non quam. Tellus mauris a diam maecenas sed enim ut. Maecenas accumsan lacus vel facilisis volutpat est velit egestas dui.
+```
+
+Result:
+
+{{< paige/figure float="end" >}}
+Hickory dickory dock.<br>
+The mouse ran up the clock.<br>
+The clock struck one,<br>
+The mouse ran down,<br>
+Hickory dickory dock.
+{{< /paige/figure >}}
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Habitant morbi tristique senectus et netus et. Phasellus vestibulum lorem sed risus ultricies tristique nulla aliquet enim. Est lorem ipsum dolor sit amet. Consequat mauris nunc congue nisi. Sodales ut etiam sit amet nisl purus in mollis nunc. Vehicula ipsum a arcu cursus vitae congue. Ultrices eros in cursus turpis massa tincidunt dui. Aliquet bibendum enim facilisis gravida. Eu turpis egestas pretium aenean pharetra magna ac placerat. Sed turpis tincidunt id aliquet risus feugiat. Gravida neque convallis a cras. Cras ornare arcu dui vivamus arcu felis bibendum. Vulputate dignissim suspendisse in est. Iaculis at erat pellentesque adipiscing commodo elit at imperdiet. Amet luctus venenatis lectus magna fringilla urna porttitor rhoncus. Placerat orci nulla pellentesque dignissim enim sit amet venenatis urna. Nisl nisi scelerisque eu ultrices vitae auctor eu. Tortor pretium viverra suspendisse potenti nullam ac. Vitae congue mauris rhoncus aenean vel elit scelerisque mauris pellentesque. Fringilla est ullamcorper eget nulla facilisi etiam dignissim diam quis. Facilisis gravida neque convallis a cras semper auctor neque vitae. In dictum non consectetur a erat nam at lectus urna. Eu lobortis elementum nibh tellus. Interdum varius sit amet mattis vulputate. Quisque id diam vel quam elementum pulvinar etiam non quam. Tellus mauris a diam maecenas sed enim ut. Maecenas accumsan lacus vel facilisis volutpat est velit egestas dui.
+
+<div class="clearfix"></div>
+
+---
+
+Code:
+
+```go-html-template
+{{</* paige/figure float="start" */>}}
+Hickory dickory dock.<br>
+The mouse ran up the clock.<br>
+The clock struck one,<br>
+The mouse ran down,<br>
+Hickory dickory dock.
+{{</* /paige/figure */>}}
+
+{{</* paige/figure float="end" */>}}
+Hickory dickory dock.<br>
+The mouse ran up the clock.<br>
+The clock struck one,<br>
+The mouse ran down,<br>
+Hickory dickory dock.
+{{</* /paige/figure */>}}
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Habitant morbi tristique senectus et netus et. Phasellus vestibulum lorem sed risus ultricies tristique nulla aliquet enim. Est lorem ipsum dolor sit amet. Consequat mauris nunc congue nisi. Sodales ut etiam sit amet nisl purus in mollis nunc. Vehicula ipsum a arcu cursus vitae congue. Ultrices eros in cursus turpis massa tincidunt dui. Aliquet bibendum enim facilisis gravida. Eu turpis egestas pretium aenean pharetra magna ac placerat. Sed turpis tincidunt id aliquet risus feugiat. Gravida neque convallis a cras. Cras ornare arcu dui vivamus arcu felis bibendum. Vulputate dignissim suspendisse in est. Iaculis at erat pellentesque adipiscing commodo elit at imperdiet. Amet luctus venenatis lectus magna fringilla urna porttitor rhoncus. Placerat orci nulla pellentesque dignissim enim sit amet venenatis urna. Nisl nisi scelerisque eu ultrices vitae auctor eu. Tortor pretium viverra suspendisse potenti nullam ac. Vitae congue mauris rhoncus aenean vel elit scelerisque mauris pellentesque. Fringilla est ullamcorper eget nulla facilisi etiam dignissim diam quis. Facilisis gravida neque convallis a cras semper auctor neque vitae. In dictum non consectetur a erat nam at lectus urna. Eu lobortis elementum nibh tellus. Interdum varius sit amet mattis vulputate. Quisque id diam vel quam elementum pulvinar etiam non quam. Tellus mauris a diam maecenas sed enim ut. Maecenas accumsan lacus vel facilisis volutpat est velit egestas dui.
+```
+
+Result:
+
+{{< paige/figure float="start" >}}
+Hickory dickory dock.<br>
+The mouse ran up the clock.<br>
+The clock struck one,<br>
+The mouse ran down,<br>
+Hickory dickory dock.
+{{< /paige/figure >}}
+
+{{< paige/figure float="end" >}}
+Hickory dickory dock.<br>
+The mouse ran up the clock.<br>
+The clock struck one,<br>
+The mouse ran down,<br>
+Hickory dickory dock.
+{{< /paige/figure >}}
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Habitant morbi tristique senectus et netus et. Phasellus vestibulum lorem sed risus ultricies tristique nulla aliquet enim. Est lorem ipsum dolor sit amet. Consequat mauris nunc congue nisi. Sodales ut etiam sit amet nisl purus in mollis nunc. Vehicula ipsum a arcu cursus vitae congue. Ultrices eros in cursus turpis massa tincidunt dui. Aliquet bibendum enim facilisis gravida. Eu turpis egestas pretium aenean pharetra magna ac placerat. Sed turpis tincidunt id aliquet risus feugiat. Gravida neque convallis a cras. Cras ornare arcu dui vivamus arcu felis bibendum. Vulputate dignissim suspendisse in est. Iaculis at erat pellentesque adipiscing commodo elit at imperdiet. Amet luctus venenatis lectus magna fringilla urna porttitor rhoncus. Placerat orci nulla pellentesque dignissim enim sit amet venenatis urna. Nisl nisi scelerisque eu ultrices vitae auctor eu. Tortor pretium viverra suspendisse potenti nullam ac. Vitae congue mauris rhoncus aenean vel elit scelerisque mauris pellentesque. Fringilla est ullamcorper eget nulla facilisi etiam dignissim diam quis. Facilisis gravida neque convallis a cras semper auctor neque vitae. In dictum non consectetur a erat nam at lectus urna. Eu lobortis elementum nibh tellus. Interdum varius sit amet mattis vulputate. Quisque id diam vel quam elementum pulvinar etiam non quam. Tellus mauris a diam maecenas sed enim ut. Maecenas accumsan lacus vel facilisis volutpat est velit egestas dui.
+
+<div class="clearfix"></div>
+
+---
+
+Code:
+
+```go-html-template
+{{</* paige/figure float="start" */>}}
+{{</* paige/image src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" width="20rem" */>}}
+{{</* /paige/figure */>}}
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Habitant morbi tristique senectus et netus et. Phasellus vestibulum lorem sed risus ultricies tristique nulla aliquet enim. Est lorem ipsum dolor sit amet. Consequat mauris nunc congue nisi. Sodales ut etiam sit amet nisl purus in mollis nunc. Vehicula ipsum a arcu cursus vitae congue. Ultrices eros in cursus turpis massa tincidunt dui. Aliquet bibendum enim facilisis gravida. Eu turpis egestas pretium aenean pharetra magna ac placerat. Sed turpis tincidunt id aliquet risus feugiat. Gravida neque convallis a cras. Cras ornare arcu dui vivamus arcu felis bibendum. Vulputate dignissim suspendisse in est. Iaculis at erat pellentesque adipiscing commodo elit at imperdiet. Amet luctus venenatis lectus magna fringilla urna porttitor rhoncus. Placerat orci nulla pellentesque dignissim enim sit amet venenatis urna. Nisl nisi scelerisque eu ultrices vitae auctor eu. Tortor pretium viverra suspendisse potenti nullam ac. Vitae congue mauris rhoncus aenean vel elit scelerisque mauris pellentesque. Fringilla est ullamcorper eget nulla facilisi etiam dignissim diam quis. Facilisis gravida neque convallis a cras semper auctor neque vitae. In dictum non consectetur a erat nam at lectus urna. Eu lobortis elementum nibh tellus. Interdum varius sit amet mattis vulputate. Quisque id diam vel quam elementum pulvinar etiam non quam. Tellus mauris a diam maecenas sed enim ut. Maecenas accumsan lacus vel facilisis volutpat est velit egestas dui.
+```
+
+Result:
+
+{{< paige/figure float="start" >}}
+{{< paige/image src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" width="20rem" >}}
+{{< /paige/figure >}}
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Habitant morbi tristique senectus et netus et. Phasellus vestibulum lorem sed risus ultricies tristique nulla aliquet enim. Est lorem ipsum dolor sit amet. Consequat mauris nunc congue nisi. Sodales ut etiam sit amet nisl purus in mollis nunc. Vehicula ipsum a arcu cursus vitae congue. Ultrices eros in cursus turpis massa tincidunt dui. Aliquet bibendum enim facilisis gravida. Eu turpis egestas pretium aenean pharetra magna ac placerat. Sed turpis tincidunt id aliquet risus feugiat. Gravida neque convallis a cras. Cras ornare arcu dui vivamus arcu felis bibendum. Vulputate dignissim suspendisse in est. Iaculis at erat pellentesque adipiscing commodo elit at imperdiet. Amet luctus venenatis lectus magna fringilla urna porttitor rhoncus. Placerat orci nulla pellentesque dignissim enim sit amet venenatis urna. Nisl nisi scelerisque eu ultrices vitae auctor eu. Tortor pretium viverra suspendisse potenti nullam ac. Vitae congue mauris rhoncus aenean vel elit scelerisque mauris pellentesque. Fringilla est ullamcorper eget nulla facilisi etiam dignissim diam quis. Facilisis gravida neque convallis a cras semper auctor neque vitae. In dictum non consectetur a erat nam at lectus urna. Eu lobortis elementum nibh tellus. Interdum varius sit amet mattis vulputate. Quisque id diam vel quam elementum pulvinar etiam non quam. Tellus mauris a diam maecenas sed enim ut. Maecenas accumsan lacus vel facilisis volutpat est velit egestas dui.
+
+<div class="clearfix"></div>
+
+---
+
+Code:
+
+```go-html-template
+{{</* paige/figure float="end" */>}}
+{{</* paige/image src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" width="20rem" */>}}
+{{</* /paige/figure */>}}
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Habitant morbi tristique senectus et netus et. Phasellus vestibulum lorem sed risus ultricies tristique nulla aliquet enim. Est lorem ipsum dolor sit amet. Consequat mauris nunc congue nisi. Sodales ut etiam sit amet nisl purus in mollis nunc. Vehicula ipsum a arcu cursus vitae congue. Ultrices eros in cursus turpis massa tincidunt dui. Aliquet bibendum enim facilisis gravida. Eu turpis egestas pretium aenean pharetra magna ac placerat. Sed turpis tincidunt id aliquet risus feugiat. Gravida neque convallis a cras. Cras ornare arcu dui vivamus arcu felis bibendum. Vulputate dignissim suspendisse in est. Iaculis at erat pellentesque adipiscing commodo elit at imperdiet. Amet luctus venenatis lectus magna fringilla urna porttitor rhoncus. Placerat orci nulla pellentesque dignissim enim sit amet venenatis urna. Nisl nisi scelerisque eu ultrices vitae auctor eu. Tortor pretium viverra suspendisse potenti nullam ac. Vitae congue mauris rhoncus aenean vel elit scelerisque mauris pellentesque. Fringilla est ullamcorper eget nulla facilisi etiam dignissim diam quis. Facilisis gravida neque convallis a cras semper auctor neque vitae. In dictum non consectetur a erat nam at lectus urna. Eu lobortis elementum nibh tellus. Interdum varius sit amet mattis vulputate. Quisque id diam vel quam elementum pulvinar etiam non quam. Tellus mauris a diam maecenas sed enim ut. Maecenas accumsan lacus vel facilisis volutpat est velit egestas dui.
+```
+
+Result:
+
+{{< paige/figure float="end" >}}
+{{</* paige/image src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" width="20rem" */>}}
+{{< /paige/figure >}}
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Habitant morbi tristique senectus et netus et. Phasellus vestibulum lorem sed risus ultricies tristique nulla aliquet enim. Est lorem ipsum dolor sit amet. Consequat mauris nunc congue nisi. Sodales ut etiam sit amet nisl purus in mollis nunc. Vehicula ipsum a arcu cursus vitae congue. Ultrices eros in cursus turpis massa tincidunt dui. Aliquet bibendum enim facilisis gravida. Eu turpis egestas pretium aenean pharetra magna ac placerat. Sed turpis tincidunt id aliquet risus feugiat. Gravida neque convallis a cras. Cras ornare arcu dui vivamus arcu felis bibendum. Vulputate dignissim suspendisse in est. Iaculis at erat pellentesque adipiscing commodo elit at imperdiet. Amet luctus venenatis lectus magna fringilla urna porttitor rhoncus. Placerat orci nulla pellentesque dignissim enim sit amet venenatis urna. Nisl nisi scelerisque eu ultrices vitae auctor eu. Tortor pretium viverra suspendisse potenti nullam ac. Vitae congue mauris rhoncus aenean vel elit scelerisque mauris pellentesque. Fringilla est ullamcorper eget nulla facilisi etiam dignissim diam quis. Facilisis gravida neque convallis a cras semper auctor neque vitae. In dictum non consectetur a erat nam at lectus urna. Eu lobortis elementum nibh tellus. Interdum varius sit amet mattis vulputate. Quisque id diam vel quam elementum pulvinar etiam non quam. Tellus mauris a diam maecenas sed enim ut. Maecenas accumsan lacus vel facilisis volutpat est velit egestas dui.
+
+<div class="clearfix"></div>
+
+---
+
+Code:
+
+```go-html-template
+{{</* paige/figure float="start" */>}}
+{{</* paige/image src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" width="20rem" */>}}
+{{</* /paige/figure */>}}
+
+{{</* paige/figure float="end" */>}}
+{{</* paige/image src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" width="20rem" */>}}
+{{</* /paige/figure */>}}
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Habitant morbi tristique senectus et netus et. Phasellus vestibulum lorem sed risus ultricies tristique nulla aliquet enim. Est lorem ipsum dolor sit amet. Consequat mauris nunc congue nisi. Sodales ut etiam sit amet nisl purus in mollis nunc. Vehicula ipsum a arcu cursus vitae congue. Ultrices eros in cursus turpis massa tincidunt dui. Aliquet bibendum enim facilisis gravida. Eu turpis egestas pretium aenean pharetra magna ac placerat. Sed turpis tincidunt id aliquet risus feugiat. Gravida neque convallis a cras. Cras ornare arcu dui vivamus arcu felis bibendum. Vulputate dignissim suspendisse in est. Iaculis at erat pellentesque adipiscing commodo elit at imperdiet. Amet luctus venenatis lectus magna fringilla urna porttitor rhoncus. Placerat orci nulla pellentesque dignissim enim sit amet venenatis urna. Nisl nisi scelerisque eu ultrices vitae auctor eu. Tortor pretium viverra suspendisse potenti nullam ac. Vitae congue mauris rhoncus aenean vel elit scelerisque mauris pellentesque. Fringilla est ullamcorper eget nulla facilisi etiam dignissim diam quis. Facilisis gravida neque convallis a cras semper auctor neque vitae. In dictum non consectetur a erat nam at lectus urna. Eu lobortis elementum nibh tellus. Interdum varius sit amet mattis vulputate. Quisque id diam vel quam elementum pulvinar etiam non quam. Tellus mauris a diam maecenas sed enim ut. Maecenas accumsan lacus vel facilisis volutpat est velit egestas dui.
+```
+
+Result:
+
+{{< paige/figure float="start" >}}
+{{</* paige/image src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" width="20rem" */>}}
+{{< /paige/figure >}}
+
+{{< paige/figure float="end" >}}
+{{</* paige/image src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" width="20rem" */>}}
+{{< /paige/figure >}}
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Habitant morbi tristique senectus et netus et. Phasellus vestibulum lorem sed risus ultricies tristique nulla aliquet enim. Est lorem ipsum dolor sit amet. Consequat mauris nunc congue nisi. Sodales ut etiam sit amet nisl purus in mollis nunc. Vehicula ipsum a arcu cursus vitae congue. Ultrices eros in cursus turpis massa tincidunt dui. Aliquet bibendum enim facilisis gravida. Eu turpis egestas pretium aenean pharetra magna ac placerat. Sed turpis tincidunt id aliquet risus feugiat. Gravida neque convallis a cras. Cras ornare arcu dui vivamus arcu felis bibendum. Vulputate dignissim suspendisse in est. Iaculis at erat pellentesque adipiscing commodo elit at imperdiet. Amet luctus venenatis lectus magna fringilla urna porttitor rhoncus. Placerat orci nulla pellentesque dignissim enim sit amet venenatis urna. Nisl nisi scelerisque eu ultrices vitae auctor eu. Tortor pretium viverra suspendisse potenti nullam ac. Vitae congue mauris rhoncus aenean vel elit scelerisque mauris pellentesque. Fringilla est ullamcorper eget nulla facilisi etiam dignissim diam quis. Facilisis gravida neque convallis a cras semper auctor neque vitae. In dictum non consectetur a erat nam at lectus urna. Eu lobortis elementum nibh tellus. Interdum varius sit amet mattis vulputate. Quisque id diam vel quam elementum pulvinar etiam non quam. Tellus mauris a diam maecenas sed enim ut. Maecenas accumsan lacus vel facilisis volutpat est velit egestas dui.
+
+<div class="clearfix"></div>
+
+## Horizontal parameter
+
+Code:
+
+```go-html-template
+{{</* paige/figure caption="Hickory Dickory Dock" horizontal="start" */>}}
+Hickory dickory dock.<br>
+The mouse ran up the clock.<br>
+The clock struck one,<br>
+The mouse ran down,<br>
+Hickory dickory dock.
+{{</* /paige/figure */>}}
+
+{{</* paige/figure caption="Hickory Dickory Dock" horizontal="center" */>}}
+Hickory dickory dock.<br>
+The mouse ran up the clock.<br>
+The clock struck one,<br>
+The mouse ran down,<br>
+Hickory dickory dock.
+{{</* /paige/figure */>}}
+
+{{</* paige/figure caption="Hickory Dickory Dock" horizontal="end" */>}}
+Hickory dickory dock.<br>
+The mouse ran up the clock.<br>
+The clock struck one,<br>
+The mouse ran down,<br>
+Hickory dickory dock.
+{{</* /paige/figure */>}}
+```
+
+Result:
+
+{{< paige/figure caption="Hickory Dickory Dock" horizontal="start" >}}
+Hickory dickory dock.<br>
+The mouse ran up the clock.<br>
+The clock struck one,<br>
+The mouse ran down,<br>
+Hickory dickory dock.
+{{< /paige/figure >}}
+
+{{< paige/figure caption="Hickory Dickory Dock" horizontal="center" >}}
+Hickory dickory dock.<br>
+The mouse ran up the clock.<br>
+The clock struck one,<br>
+The mouse ran down,<br>
+Hickory dickory dock.
+{{< /paige/figure >}}
+
+{{< paige/figure caption="Hickory Dickory Dock" horizontal="end" >}}
+Hickory dickory dock.<br>
+The mouse ran up the clock.<br>
+The clock struck one,<br>
+The mouse ran down,<br>
+Hickory dickory dock.
+{{< /paige/figure >}}
+
+## Maxwidth parameter
+
+Code:
+
+```go-html-template
+{{</* paige/figure caption="Hickory Dickory Dock" maxwidth="5rem" */>}}
+Hickory dickory dock.<br>
+The mouse ran up the clock.<br>
+The clock struck one,<br>
+The mouse ran down,<br>
+Hickory dickory dock.
+{{</* /paige/figure */>}}
+```
+
+Result:
+
+{{< paige/figure caption="Hickory Dickory Dock" maxwidth="5rem" >}}
+Hickory dickory dock.<br>
+The mouse ran up the clock.<br>
+The clock struck one,<br>
+The mouse ran down,<br>
+Hickory dickory dock.
+{{< /paige/figure >}}
+
+---
+
+Code:
+
+```go-html-template
+{{</* paige/figure caption="Hickory Dickory Dock" maxwidth="20rem" */>}}
+Hickory dickory dock.<br>
+The mouse ran up the clock.<br>
+The clock struck one,<br>
+The mouse ran down,<br>
+Hickory dickory dock.
+{{</* /paige/figure */>}}
+```
+
+Result:
+
+{{< paige/figure caption="Hickory Dickory Dock" maxwidth="20rem" >}}
+Hickory dickory dock.<br>
+The mouse ran up the clock.<br>
+The clock struck one,<br>
+The mouse ran down,<br>
+Hickory dickory dock.
+{{< /paige/figure >}}
+
+## Number parameter
+
+Code:
+
+```go-html-template
+{{</* paige/figure caption="Hickory Dickory Dock" number=7 */>}}
+Hickory dickory dock.<br>
+The mouse ran up the clock.<br>
+The clock struck one,<br>
+The mouse ran down,<br>
+Hickory dickory dock.
+{{</* /paige/figure */>}}
+```
+
+Result:
+
+{{< paige/figure caption="Hickory Dickory Dock" number=7 >}}
+Hickory dickory dock.<br>
+The mouse ran up the clock.<br>
+The clock struck one,<br>
+The mouse ran down,<br>
+Hickory dickory dock.
+{{< /paige/figure >}}
+
+---
+
+Code:
+
+```go-html-template
+{{</* paige/figure caption="Hickory Dickory Dock" number="G" */>}}
+Hickory dickory dock.<br>
+The mouse ran up the clock.<br>
+The clock struck one,<br>
+The mouse ran down,<br>
+Hickory dickory dock.
+{{</* /paige/figure */>}}
+```
+
+Result:
+
+{{< paige/figure caption="Hickory Dickory Dock" number="G" >}}
+Hickory dickory dock.<br>
+The mouse ran up the clock.<br>
+The clock struck one,<br>
+The mouse ran down,<br>
+Hickory dickory dock.
+{{< /paige/figure >}}
+
+## Numbered parameter
+
+Code:
+
+```go-html-template
+{{</* paige/figure caption="Hickory Dickory Dock" numbered=true */>}}
+Hickory dickory dock.<br>
+The mouse ran up the clock.<br>
+The clock struck one,<br>
+The mouse ran down,<br>
+Hickory dickory dock.
+{{</* /paige/figure */>}}
+
+{{</* paige/figure caption="Hickory Dickory Dock" number=3 */>}}
+Hickory dickory dock.<br>
+The mouse ran up the clock.<br>
+The clock struck one,<br>
+The mouse ran down,<br>
+Hickory dickory dock.
+{{</* /paige/figure */>}}
+
+{{</* paige/figure caption="Hickory Dickory Dock" numbered=true */>}}
+Hickory dickory dock.<br>
+The mouse ran up the clock.<br>
+The clock struck one,<br>
+The mouse ran down,<br>
+Hickory dickory dock.
+{{</* /paige/figure */>}}
+```
+
+Result:
+
+{{< paige/figure caption="Hickory Dickory Dock" numbered=true >}}
+Hickory dickory dock.<br>
+The mouse ran up the clock.<br>
+The clock struck one,<br>
+The mouse ran down,<br>
+Hickory dickory dock.
+{{< /paige/figure >}}
+
+{{< paige/figure caption="Hickory Dickory Dock" number=3 >}}
+Hickory dickory dock.<br>
+The mouse ran up the clock.<br>
+The clock struck one,<br>
+The mouse ran down,<br>
+Hickory dickory dock.
+{{< /paige/figure >}}
+
+{{< paige/figure caption="Hickory Dickory Dock" numbered=true >}}
+Hickory dickory dock.<br>
+The mouse ran up the clock.<br>
+The clock struck one,<br>
+The mouse ran down,<br>
+Hickory dickory dock.
+{{< /paige/figure >}}
+
+## Vertical parameter
+
+Code:
+
+```go-html-template
+<div class="column-gap-3 d-flex justify-content-between" style="height: 20rem">
+
+{{</* paige/figure caption="Hickory Dickory Dock" vertical="start" */>}}
+Hickory dickory dock.<br>
+The mouse ran up the clock.<br>
+The clock struck one,<br>
+The mouse ran down,<br>
+Hickory dickory dock.
+{{</* /paige/figure */>}}
+
+{{</* paige/figure caption="Hickory Dickory Dock" vertical="center" */>}}
+Hickory dickory dock.<br>
+The mouse ran up the clock.<br>
+The clock struck one,<br>
+The mouse ran down,<br>
+Hickory dickory dock.
+{{</* /paige/figure */>}}
+
+{{</* paige/figure caption="Hickory Dickory Dock" vertical="end" */>}}
+Hickory dickory dock.<br>
+The mouse ran up the clock.<br>
+The clock struck one,<br>
+The mouse ran down,<br>
+Hickory dickory dock.
+{{</* /paige/figure */>}}
+
+</div>
+```
+
+Result:
+
+<div class="column-gap-3 d-flex justify-content-between" style="height: 20rem">
+
+{{< paige/figure caption="Hickory Dickory Dock" vertical="start" >}}
+Hickory dickory dock.<br>
+The mouse ran up the clock.<br>
+The clock struck one,<br>
+The mouse ran down,<br>
+Hickory dickory dock.
+{{< /paige/figure >}}
+
+{{< paige/figure caption="Hickory Dickory Dock" vertical="center" >}}
+Hickory dickory dock.<br>
+The mouse ran up the clock.<br>
+The clock struck one,<br>
+The mouse ran down,<br>
+Hickory dickory dock.
+{{< /paige/figure >}}
+
+{{< paige/figure caption="Hickory Dickory Dock" vertical="end" >}}
+Hickory dickory dock.<br>
+The mouse ran up the clock.<br>
+The clock struck one,<br>
+The mouse ran down,<br>
+Hickory dickory dock.
+{{< /paige/figure >}}
+
+</div>
+
+## Width parameter
+
+Code:
+
+```go-html-template
+{{</* paige/figure caption="Hickory Dickory Dock" width="5rem" */>}}
+Hickory dickory dock.<br>
+The mouse ran up the clock.<br>
+The clock struck one,<br>
+The mouse ran down,<br>
+Hickory dickory dock.
+{{</* /paige/figure */>}}
+```
+
+Result:
+
+{{< paige/figure caption="Hickory Dickory Dock" width="5rem" >}}
+Hickory dickory dock.<br>
+The mouse ran up the clock.<br>
+The clock struck one,<br>
+The mouse ran down,<br>
+Hickory dickory dock.
+{{< /paige/figure >}}
+
+---
+
+Code:
+
+```go-html-template
+{{</* paige/figure caption="Hickory Dickory Dock" width="20rem" */>}}
+Hickory dickory dock.<br>
+The mouse ran up the clock.<br>
+The clock struck one,<br>
+The mouse ran down,<br>
+Hickory dickory dock.
+{{</* /paige/figure */>}}
+```
+
+Result:
+
+{{< paige/figure caption="Hickory Dickory Dock" width="20rem" >}}
+Hickory dickory dock.<br>
+The mouse ran up the clock.<br>
+The clock struck one,<br>
+The mouse ran down,<br>
+Hickory dickory dock.
+{{< /paige/figure >}}

example/content/shortcodes/gallery/index.md

@@ -0,0 +1,443 @@
++++
+authors = ["author-demo"]
+categories = ["paige", "shortcodes"]
+description = "Demonstration of the gallery shortcode."
+tags = ["figures", "gallery", "images"]
+title = "Gallery"
++++
+
+The `paige/gallery` shortcode displays a list of content.
+
+<!--more-->
+
+## Align parameter
+
+Code:
+
+```go-html-template
+{{</* paige/gallery align="start" */>}}
+{{</* paige/image height="20rem" src="01-2.jpg" */>}}
+{{</* paige/image height="10rem" src="02-2.jpg" */>}}
+{{</* /paige/gallery */>}}
+```
+
+Result:
+
+{{< paige/gallery align="start" >}}
+{{< paige/image height="20rem" src="01-2.jpg" >}}
+{{< paige/image height="10rem" src="02-2.jpg" >}}
+{{< /paige/gallery >}}
+
+---
+
+Code:
+
+```go-html-template
+{{</* paige/gallery align="center" */>}}
+{{</* paige/image height="20rem" src="01-2.jpg" */>}}
+{{</* paige/image height="10rem" src="02-2.jpg" */>}}
+{{</* /paige/gallery */>}}
+```
+
+Result:
+
+{{< paige/gallery align="center" >}}
+{{< paige/image height="20rem" src="01-2.jpg" >}}
+{{< paige/image height="10rem" src="02-2.jpg" >}}
+{{< /paige/gallery >}}
+
+---
+
+Code:
+
+```go-html-template
+{{</* paige/gallery align="end" */>}}
+{{</* paige/image height="20rem" src="01-2.jpg" */>}}
+{{</* paige/image height="10rem" src="02-2.jpg" */>}}
+{{</* /paige/gallery */>}}
+```
+
+Result:
+
+{{< paige/gallery align="end" >}}
+{{< paige/image height="20rem" src="01-2.jpg" >}}
+{{< paige/image height="10rem" src="02-2.jpg" >}}
+{{< /paige/gallery >}}
+
+## Breakpoints parameter
+
+Code:
+
+```go-html-template
+{{</* paige/gallery breakpoints=true images="large/*.jpg" /*/>}}
+```
+
+Result:
+
+{{< paige/gallery breakpoints=true images="large/*.jpg" />}}
+
+## Class parameter
+
+Code:
+
+```go-html-template
+{{</* paige/gallery class="rounded-5" images="*-2.jpg" /*/>}}
+```
+
+Result:
+
+{{< paige/gallery class="rounded-5" images="*-2.jpg" />}}
+
+## Densities parameter
+
+Code:
+
+```go-html-template
+{{</* paige/gallery densities="1x 2x 3x" images="*-2.jpg" /*/>}}
+```
+
+Result:
+
+{{< paige/gallery densities="1x 2x 3x" images="*-2.jpg" />}}
+
+## Fetchpriority parameter
+
+Code:
+
+```go-html-template
+{{</* paige/gallery fetchpriority="high" images="*-2.jpg" /*/>}}
+```
+
+Result:
+
+{{< paige/gallery fetchpriority="high" images="*-2.jpg" />}}
+
+---
+
+Code:
+
+```go-html-template
+{{</* paige/gallery fetchpriority="low" images="*-2.jpg" /*/>}}
+```
+
+Result:
+
+{{< paige/gallery fetchpriority="low" images="*-2.jpg" />}}
+
+## Height parameter
+
+Code:
+
+```go-html-template
+{{</* paige/gallery height="10rem" images="*-2.jpg" /*/>}}
+```
+
+Result:
+
+{{< paige/gallery height="10rem" images="*-2.jpg" />}}
+
+---
+
+Code:
+
+```go-html-template
+{{</* paige/gallery height="20rem" images="*-2.jpg" /*/>}}
+```
+
+Result:
+
+{{< paige/gallery height="20rem" images="*-2.jpg" />}}
+
+## Images parameter
+
+Code:
+
+```go-html-template
+{{</* paige/gallery images="1-2.jpg" /*/>}}
+```
+
+Result:
+
+{{< paige/gallery images="1-2.jpg" />}}
+
+---
+
+Code:
+
+```go-html-template
+{{</* paige/gallery images="*-2.jpg" /*/>}}
+```
+
+Result:
+
+{{< paige/gallery images="*-2.jpg" />}}
+
+## Justify parameter
+
+Code:
+
+```go-html-template
+{{</* paige/gallery images="*-2.jpg" justify="start" /*/>}}
+```
+
+Result:
+
+{{< paige/gallery images="*-2.jpg" justify="start" />}}
+
+---
+
+Code:
+
+```go-html-template
+{{</* paige/gallery images="*-2.jpg" justify="center" /*/>}}
+```
+
+Result:
+
+{{< paige/gallery images="*-2.jpg" justify="center" />}}
+
+---
+
+Code:
+
+```go-html-template
+{{</* paige/gallery images="*-2.jpg" justify="end" /*/>}}
+```
+
+Result:
+
+{{< paige/gallery images="*-2.jpg" justify="end" />}}
+
+## Linked parameter
+
+Code:
+
+```go-html-template
+{{</* paige/gallery images="*-2.jpg" linked="unprocessed" /*/>}}
+```
+
+Result:
+
+{{< paige/gallery images="*-2.jpg" linked="unprocessed" />}}
+
+---
+
+Code:
+
+```go-html-template
+{{</* paige/gallery images="*-2.jpg" linked="default" /*/>}}
+```
+
+Result:
+
+{{< paige/gallery images="*-2.jpg" linked="default" />}}
+
+---
+
+Code:
+
+```go-html-template
+{{</* paige/gallery images="*-2.jpg" linked="r180" /*/>}}
+```
+
+Result:
+
+{{< paige/gallery images="*-2.jpg" linked="r180" />}}
+
+## Loading parameter
+
+Code:
+
+```go-html-template
+{{</* paige/gallery images="*-2.jpg" loading="eager" /*/>}}
+```
+
+Result:
+
+{{< paige/gallery images="*-2.jpg" loading="eager" />}}
+
+---
+
+Code:
+
+```go-html-template
+{{</* paige/gallery images="*-2.jpg" loading="lazy" /*/>}}
+```
+
+Result:
+
+{{< paige/gallery images="*-2.jpg" loading="lazy" />}}
+
+## Maxheight parameter
+
+Code:
+
+```go-html-template
+{{</* paige/gallery images="*-2.jpg" maxheight="10rem" /*/>}}
+```
+
+Result:
+
+{{< paige/gallery images="*-2.jpg" maxheight="10rem" />}}
+
+---
+
+Code:
+
+```go-html-template
+{{</* paige/gallery images="*-2.jpg" maxheight="20rem" /*/>}}
+```
+
+Result:
+
+{{< paige/gallery images="*-2.jpg" maxheight="20rem" />}}
+
+## Maxwidth parameter
+
+Code:
+
+```go-html-template
+{{</* paige/gallery images="*-2.jpg" maxwidth="10rem" /*/>}}
+```
+
+Result:
+
+{{< paige/gallery images="*-2.jpg" maxwidth="10rem" />}}
+
+---
+
+Code:
+
+```go-html-template
+{{</* paige/gallery images="*-2.jpg" maxwidth="20rem" /*/>}}
+```
+
+Result:
+
+{{< paige/gallery images="*-2.jpg" maxwidth="20rem" />}}
+
+## Process parameter
+
+Code:
+
+```go-html-template
+{{</* paige/gallery images="*-2.jpg" process="default" /*/>}}
+```
+
+Result:
+
+{{< paige/gallery images="*-2.jpg" process="default" />}}
+
+---
+
+Code:
+
+```go-html-template
+{{</* paige/gallery images="*-2.jpg" process="300x300 center crop lanczos picture r180 webp" /*/>}}
+```
+
+Result:
+
+{{< paige/gallery images="*-2.jpg" process="300x300 center crop lanczos picture r180 webp" />}}
+
+## Style parameter
+
+Code:
+
+```go-html-template
+{{</* paige/gallery images="*-2.jpg" style="filter: grayscale(100%)" /*/>}}
+```
+
+Result:
+
+{{< paige/gallery images="*-2.jpg" style="filter: grayscale(100%)" />}}
+
+## Type
+
+Code:
+
+```go-html-template
+{{</* paige/gallery images="*.jpg" type="grid" /*/>}}
+```
+
+Result:
+
+{{< paige/gallery images="*.jpg" type="grid" />}}
+
+---
+
+Code:
+
+```go-html-template
+{{</* paige/gallery images="*.jpg" maxheight="10rem" type="rows" /*/>}}
+```
+
+Result:
+
+{{< paige/gallery images="*.jpg" maxheight="10rem" type="rows" />}}
+
+## Width parameter
+
+Code:
+
+```go-html-template
+{{</* paige/gallery images="*-2.jpg" width="10rem" /*/>}}
+```
+
+Result:
+
+{{< paige/gallery images="*-2.jpg" width="10rem" />}}
+
+---
+
+Code:
+
+```go-html-template
+{{</* paige/gallery images="*-2.jpg" width="20rem" /*/>}}
+```
+
+Result:
+
+{{< paige/gallery images="*-2.jpg" width="20rem" />}}
+
+## Figure
+
+Code:
+
+```go-html-template
+{{</* paige/figure caption="Gallery" */>}}
+{{</* paige/gallery */>}}
+{{</* paige/figure caption="Image 1" */>}}
+{{</* paige/image src="01-2.jpg" */>}}
+{{</* /paige/figure */>}}
+{{</* paige/figure caption="Image 2" */>}}
+{{</* paige/image src="02-2.jpg" */>}}
+{{</* /paige/figure */>}}
+{{</* paige/figure caption="Image 3" */>}}
+{{</* paige/image src="03.jpg" */>}}
+{{</* /paige/figure */>}}
+{{</* paige/figure caption="Image 4" */>}}
+{{</* paige/image src="04.jpg" */>}}
+{{</* /paige/figure */>}}
+{{</* /paige/gallery */>}}
+{{</* /paige/figure */>}}
+```
+
+Result:
+
+{{< paige/figure caption="Gallery" >}}
+{{< paige/gallery >}}
+{{< paige/figure caption="Image 1" >}}
+{{< paige/image src="01-2.jpg" >}}
+{{< /paige/figure >}}
+{{< paige/figure caption="Image 2" >}}
+{{< paige/image src="02-2.jpg" >}}
+{{< /paige/figure >}}
+{{< paige/figure caption="Image 3" >}}
+{{< paige/image src="03.jpg" >}}
+{{< /paige/figure >}}
+{{< paige/figure caption="Image 4" >}}
+{{< paige/image src="04.jpg" >}}
+{{< /paige/figure >}}
+{{< /paige/gallery >}}
+{{< /paige/figure >}}

example/content/shortcodes/icon.md

@@ -0,0 +1,47 @@
++++
+authors = ["author-demo"]
+categories = ["paige", "shortcodes"]
+description = "Demonstration of the icon shortcode."
+tags = ["icon", "web font"]
+title = "Icon"
++++
+
+The `paige/icon` shortcode displays a web font icon.
+
+<!--more-->
+
+## Class parameter
+
+Code:
+
+```go-html-template
+<p class="display-1">Icon: {{</* paige/icon class="bi bi-github" */>}}</p>
+```
+
+Result:
+
+<p class="display-1">Icon: {{< paige/icon class="bi bi-github" >}}</p>
+
+## Title parameter
+
+Code:
+
+```go-html-template
+<p class="display-1">Icon: {{</* paige/icon class="bi bi-github" title="GitHub" */>}}</p>
+```
+
+Result:
+
+<p class="display-1">Icon: {{< paige/icon class="bi bi-github" title="GitHub" >}}</p>
+
+## Url parameter
+
+Code:
+
+```go-html-template
+<p class="display-1">Icon: {{</* paige/icon class="bi bi-github" url="https://github.com/willfaught/paige" */>}}</p>
+```
+
+Result:
+
+<p class="display-1">Icon: {{< paige/icon class="bi bi-github" url="https://github.com/willfaught/paige" >}}</p>

example/content/shortcodes/image.md

@@ -0,0 +1,288 @@
++++
+authors = ["author-demo"]
+categories = ["paige", "shortcodes"]
+description = "Demonstration of the image shortcode."
+tags = ["figures", "images"]
+title = "Image"
++++
+
+The `paige/image` shortcode displays an image.
+
+<!--more-->
+
+## Alt parameter
+
+Code:
+
+```go-html-template
+{{</* paige/image alt="Landscape" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" */>}}
+```
+
+Result:
+
+{{< paige/image alt="Landscape" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" >}}
+
+## Breakpoints parameter
+
+Code:
+
+```go-html-template
+{{</* paige/image breakpoints=true src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" */>}}
+```
+
+Result:
+
+{{< paige/image breakpoints=true src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" >}}
+
+## Class parameter
+
+Code:
+
+```go-html-template
+{{</* paige/image class="rounded-5" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" */>}}
+```
+
+Result:
+
+{{< paige/image class="rounded-5" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" >}}
+
+## Densities parameter
+
+Code:
+
+```go-html-template
+{{</* paige/image densities="1x 2x 3x" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" */>}}
+```
+
+Result:
+
+{{< paige/image densities="1x 2x 3x" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" >}}
+
+## Fetchpriority parameter
+
+Code:
+
+```go-html-template
+{{</* paige/image fetchpriority="high" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" */>}}
+```
+
+Result:
+
+{{< paige/image fetchpriority="high" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" >}}
+
+## Height parameter
+
+Code:
+
+```go-html-template
+{{</* paige/image height="10rem" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" */>}}
+```
+
+Result:
+
+{{< paige/image height="10rem" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" >}}
+
+## Link parameter
+
+Code:
+
+```go-html-template
+{{</* paige/image link="https://github.com/willfaught/paige" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" */>}}
+```
+
+Result:
+
+{{< paige/image link="https://github.com/willfaught/paige" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" >}}
+
+## Linked parameter
+
+Code:
+
+```go-html-template
+{{</* paige/image linked="unprocessed" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" */>}}
+```
+
+Result:
+
+{{< paige/image linked="unprocessed" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" >}}
+
+---
+
+Code:
+
+```go-html-template
+{{</* paige/image linked="default" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" */>}}
+```
+
+Result:
+
+{{< paige/image linked="default" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" >}}
+
+---
+
+Code:
+
+```go-html-template
+{{</* paige/image linked="r180" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" */>}}
+```
+
+Result:
+
+{{< paige/image linked="r180" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" >}}
+
+## Loading parameter
+
+Code:
+
+```go-html-template
+{{</* paige/image loading="eager" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" */>}}
+```
+
+Result:
+
+{{< paige/image loading="eager" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" >}}
+
+## Maxheight parameter
+
+Code:
+
+```go-html-template
+{{</* paige/image maxheight="10rem" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" */>}}
+```
+
+Result:
+
+{{< paige/image maxheight="10rem" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" >}}
+
+## Maxwidth parameter
+
+Code:
+
+```go-html-template
+{{</* paige/image maxwidth="10rem" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" */>}}
+```
+
+Result:
+
+{{< paige/image maxwidth="10rem" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" >}}
+
+## Process parameter
+
+Code:
+
+```go-html-template
+{{</* paige/image process="default" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" */>}}
+```
+
+Result:
+
+{{< paige/image process="default" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" >}}
+
+---
+
+Code:
+
+```go-html-template
+{{</* paige/image process="550x lanczos picture resize webp" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" */>}}
+```
+
+Result:
+
+{{< paige/image process="550x lanczos picture resize webp" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" >}}
+
+## Sizes parameter
+
+Code:
+
+```go-html-template
+{{</* paige/image
+    sizes="(max-width: 576px) 550px, (max-width: 992px) 936px, 1296px"
+    src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" */>}}
+```
+
+Result:
+
+{{< paige/image
+    sizes="(max-width: 576px) 550px, (max-width: 992px) 936px, 1296px"
+    src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" >}}
+
+## Src parameter
+
+Code:
+
+```go-html-template
+{{</* paige/image src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" */>}}
+```
+
+Result:
+
+{{< paige/image src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" >}}
+
+## Srcset parameter
+
+Code:
+
+```go-html-template
+{{</* paige/image
+    src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296"
+    srcset="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=550 550w,
+        https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=936 936w" */>}}
+```
+
+Result:
+
+{{< paige/image
+    src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296"
+    srcset="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=550 550w, https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=936 936w" >}}
+
+## Style parameter
+
+Code:
+
+```go-html-template
+{{</* paige/image src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" style="filter: grayscale(100%)" */>}}
+```
+
+Result:
+
+{{< paige/image src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" style="filter: grayscale(100%)" >}}
+
+## Title parameter
+
+Code:
+
+```go-html-template
+{{</* paige/image src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" title="Landscape" */>}}
+```
+
+Result:
+
+{{< paige/image src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" title="Landscape" >}}
+
+## Width parameter
+
+Code:
+
+```go-html-template
+{{</* paige/image src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" width="50%" */>}}
+```
+
+Result:
+
+{{< paige/image src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" width="50%" >}}
+
+## Figure
+
+Code:
+
+```go-html-template
+{{</* paige/figure caption="Landscape" */>}}
+{{</* paige/image src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" */>}}
+{{</* /paige/figure */>}}
+```
+
+Result:
+
+{{< paige/figure caption="Landscape" >}}
+{{< paige/image src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" >}}
+{{< /paige/figure >}}

example/content/shortcodes/quote.md

@@ -0,0 +1,87 @@
++++
+authors = ["author-demo"]
+categories = ["paige", "shortcodes"]
+description = "Demonstration of the quote shortcode."
+tags = ["figures", "quotations"]
+title = "Quote"
++++
+
+The `paige/quote` shortcode displays a quotation.
+
+<!--more-->
+
+## Basic
+
+Code:
+
+```go-html-template
+{{</* paige/quote */>}}
+Hickory dickory dock.<br>
+The mouse ran up the clock.<br>
+The clock struck one,<br>
+The mouse ran down,<br>
+Hickory dickory dock.
+{{</* /paige/quote */>}}
+```
+
+Result:
+
+{{< paige/quote >}}
+Hickory dickory dock.<br>
+The mouse ran up the clock.<br>
+The clock struck one,<br>
+The mouse ran down,<br>
+Hickory dickory dock.
+{{< /paige/quote >}}
+
+## Cite
+
+Code:
+
+```go-html-template
+{{</* paige/quote cite="Hickory Dickory Dock" */>}}
+Hickory dickory dock.<br>
+The mouse ran up the clock.<br>
+The clock struck one,<br>
+The mouse ran down,<br>
+Hickory dickory dock.
+{{</* /paige/quote */>}}
+```
+
+Result:
+
+{{< paige/quote cite="Hickory Dickory Dock" >}}
+Hickory dickory dock.<br>
+The mouse ran up the clock.<br>
+The clock struck one,<br>
+The mouse ran down,<br>
+Hickory dickory dock.
+{{< /paige/quote >}}
+
+## Figure
+
+Code:
+
+```go-html-template
+{{</* paige/figure caption="Hickory Dickory Dock" */>}}
+{{</* paige/quote */>}}
+Hickory dickory dock.<br>
+The mouse ran up the clock.<br>
+The clock struck one,<br>
+The mouse ran down,<br>
+Hickory dickory dock.
+{{</* /paige/quote */>}}
+{{</* /paige/figure */>}}
+```
+
+Result:
+
+{{< paige/figure caption="Hickory Dickory Dock" >}}
+{{< paige/quote >}}
+Hickory dickory dock.<br>
+The mouse ran up the clock.<br>
+The clock struck one,<br>
+The mouse ran down,<br>
+Hickory dickory dock.
+{{< /paige/quote >}}
+{{< /paige/figure >}}

example/content/shortcodes/request.md

@@ -0,0 +1,79 @@
++++
+authors = ["author-demo"]
+categories = ["paige", "shortcodes"]
+description = "Demonstration of the request shortcode."
+tags = ["request", "figures"]
+title = "Request"
++++
+
+The `paige/request` shortcode displays the content for a URL.
+
+<!--more-->
+
+## Basic
+
+Code:
+
+```go-html-template
+<pre>
+{{</* paige/request "https://raw.githubusercontent.com/willfaught/paige/master/LICENSE" */>}}
+</pre>
+```
+
+Result:
+
+<pre>
+{{< paige/request "https://raw.githubusercontent.com/willfaught/paige/master/LICENSE" >}}
+</pre>
+
+## Method parameter
+
+Code:
+
+```go-html-template
+<pre>
+{{</* paige/request method="get" url="https://raw.githubusercontent.com/willfaught/paige/master/LICENSE" */>}}
+</pre>
+```
+
+Result:
+
+<pre>
+{{< paige/request method="get" url="https://raw.githubusercontent.com/willfaught/paige/master/LICENSE" >}}
+</pre>
+
+## Url parameter
+
+Code:
+
+```go-html-template
+<pre>
+{{</* paige/request url="https://raw.githubusercontent.com/willfaught/paige/master/LICENSE" */>}}
+</pre>
+```
+
+Result:
+
+<pre>
+{{< paige/request url="https://raw.githubusercontent.com/willfaught/paige/master/LICENSE" >}}
+</pre>
+
+## Figure
+
+Code:
+
+```go-html-template
+{{</* paige/figure caption="License" */>}}
+<pre>
+{{</* paige/request "https://raw.githubusercontent.com/willfaught/paige/master/LICENSE" */>}}
+</pre>
+{{</* /paige/figure */>}}
+```
+
+Result:
+
+{{< paige/figure caption="License" >}}
+<pre>
+{{< paige/request "https://raw.githubusercontent.com/willfaught/paige/master/LICENSE" >}}
+</pre>
+{{< /paige/figure >}}

example/content/shortcodes/tabs.md

@@ -0,0 +1,131 @@
++++
+authors = ["author-demo"]
+categories = ["paige", "shortcodes"]
+description = "Demonstration of the tabs shortcodes."
+tags = ["figures", "tabs"]
+title = "Tabs"
++++
+
+The `paige/tabs` shortcode displays content in tabs.
+
+<!--more-->
+
+## Basic
+
+Code:
+
+```go-html-template
+{{</* paige/tabs */>}}
+{{</* paige/tabs/buttons */>}}
+{{</* paige/tabs/button */>}}JSON{{</* /paige/tabs/button */>}}
+{{</* paige/tabs/button */>}}TOML{{</* /paige/tabs/button */>}}
+{{</* paige/tabs/button */>}}YAML{{</* /paige/tabs/button */>}}
+{{</* /paige/tabs/buttons */>}}
+{{</* paige/tabs/panes */>}}
+{{</* paige/tabs/pane */>}}
+{{</* paige/code lang="json" */>}}
+{"foo": 123}
+{{</* /paige/code */>}}
+{{</* /paige/tabs/pane */>}}
+{{</* paige/tabs/pane */>}}
+{{</* paige/code lang="toml" */>}}
+foo = 123
+{{</* /paige/code */>}}
+{{</* /paige/tabs/pane */>}}
+{{</* paige/tabs/pane */>}}
+{{</* paige/code lang="yaml" */>}}
+foo: 123
+{{</* /paige/code */>}}
+{{</* /paige/tabs/pane */>}}
+{{</* /paige/tabs/panes */>}}
+{{</* /paige/tabs */>}}
+```
+
+Result:
+
+{{< paige/tabs >}}
+{{< paige/tabs/buttons >}}
+{{< paige/tabs/button >}}JSON{{< /paige/tabs/button >}}
+{{< paige/tabs/button >}}TOML{{< /paige/tabs/button >}}
+{{< paige/tabs/button >}}YAML{{< /paige/tabs/button >}}
+{{< /paige/tabs/buttons >}}
+{{< paige/tabs/panes >}}
+{{< paige/tabs/pane >}}
+{{< paige/code lang="json" >}}
+{"foo": 123}
+{{< /paige/code >}}
+{{< /paige/tabs/pane >}}
+{{< paige/tabs/pane >}}
+{{< paige/code lang="toml" >}}
+foo = 123
+{{< /paige/code >}}
+{{< /paige/tabs/pane >}}
+{{< paige/tabs/pane >}}
+{{< paige/code lang="yaml" >}}
+foo: 123
+{{< /paige/code >}}
+{{< /paige/tabs/pane >}}
+{{< /paige/tabs/panes >}}
+{{< /paige/tabs >}}
+
+## Figure
+
+Code:
+
+```go-html-template
+{{</* paige/figure caption="Tabs" */>}}
+{{</* paige/tabs */>}}
+{{</* paige/tabs/buttons */>}}
+{{</* paige/tabs/button */>}}JSON{{</* /paige/tabs/button */>}}
+{{</* paige/tabs/button */>}}TOML{{</* /paige/tabs/button */>}}
+{{</* paige/tabs/button */>}}YAML{{</* /paige/tabs/button */>}}
+{{</* /paige/tabs/buttons */>}}
+{{</* paige/tabs/panes */>}}
+{{</* paige/tabs/pane */>}}
+{{</* paige/code lang="json" */>}}
+{"foo": 123}
+{{</* /paige/code */>}}
+{{</* /paige/tabs/pane */>}}
+{{</* paige/tabs/pane */>}}
+{{</* paige/code lang="toml" */>}}
+foo = 123
+{{</* /paige/code */>}}
+{{</* /paige/tabs/pane */>}}
+{{</* paige/tabs/pane */>}}
+{{</* paige/code lang="yaml" */>}}
+foo: 123
+{{</* /paige/code */>}}
+{{</* /paige/tabs/pane */>}}
+{{</* /paige/tabs/panes */>}}
+{{</* /paige/tabs */>}}
+{{</* /paige/figure */>}}
+```
+
+Result:
+
+{{< paige/figure caption="Tabs" >}}
+{{< paige/tabs >}}
+{{< paige/tabs/buttons >}}
+{{< paige/tabs/button >}}JSON{{< /paige/tabs/button >}}
+{{< paige/tabs/button >}}TOML{{< /paige/tabs/button >}}
+{{< paige/tabs/button >}}YAML{{< /paige/tabs/button >}}
+{{< /paige/tabs/buttons >}}
+{{< paige/tabs/panes >}}
+{{< paige/tabs/pane >}}
+{{< paige/code lang="json" >}}
+{"foo": 123}
+{{< /paige/code >}}
+{{< /paige/tabs/pane >}}
+{{< paige/tabs/pane >}}
+{{< paige/code lang="toml" >}}
+foo = 123
+{{< /paige/code >}}
+{{< /paige/tabs/pane >}}
+{{< paige/tabs/pane >}}
+{{< paige/code lang="yaml" >}}
+foo: 123
+{{< /paige/code >}}
+{{< /paige/tabs/pane >}}
+{{< /paige/tabs/panes >}}
+{{< /paige/tabs >}}
+{{< /paige/figure >}}

example/content/shortcodes/vimeo.md

@@ -0,0 +1,351 @@
++++
+authors = ["author-demo"]
+categories = ["paige", "shortcodes"]
+description = "Demonstration of the Vimeo shortcode."
+tags = ["videos", "vimeo"]
+title = "Vimeo"
++++
+
+The `paige/vimeo` shortcode plays a Vimeo video.
+
+<!--more-->
+
+## Basic
+
+Code:
+
+```go-html-template
+{{</* paige/vimeo "644036051" */>}}
+```
+
+Result:
+
+{{< paige/vimeo "644036051" >}}
+
+## Autopause parameter
+
+Code:
+
+```go-html-template
+{{</* paige/vimeo autopause=false video="644036051" */>}}
+```
+
+Result:
+
+{{< paige/vimeo autopause=false video="644036051" >}}
+
+## Autoplay parameter
+
+Code:
+
+```go-html-template
+{{</* paige/vimeo autoplay=true video="644036051" */>}}
+```
+
+Result:
+
+{{< paige/vimeo autoplay=true video="644036051" >}}
+
+## Background parameter
+
+Code:
+
+```go-html-template
+{{</* paige/vimeo background=true video="644036051" */>}}
+```
+
+Result:
+
+{{< paige/vimeo background=true video="644036051" >}}
+
+## Byline parameter
+
+Code:
+
+```go-html-template
+{{</* paige/vimeo byline=false video="644036051" */>}}
+```
+
+Result:
+
+{{< paige/vimeo byline=false video="644036051" >}}
+
+## Color parameter
+
+Code:
+
+```go-html-template
+{{</* paige/vimeo color="ff0000" video="644036051" */>}}
+```
+
+Result:
+
+{{< paige/vimeo color="ff0000" video="644036051" >}}
+
+## Controls parameter
+
+Code:
+
+```go-html-template
+{{</* paige/vimeo controls=false video="644036051" */>}}
+```
+
+Result:
+
+{{< paige/vimeo controls=false video="644036051" >}}
+
+## Description parameter
+
+Code:
+
+```go-html-template
+{{</* paige/vimeo description="My description" video="644036051" */>}}
+```
+
+Result:
+
+{{< paige/vimeo description="My description" video="644036051" >}}
+
+## DNT parameter
+
+Code:
+
+```go-html-template
+{{</* paige/vimeo dnt=true video="644036051" */>}}
+```
+
+Result:
+
+{{< paige/vimeo dnt=true video="644036051" >}}
+
+## Fullscreen parameter
+
+Code:
+
+```go-html-template
+{{</* paige/vimeo fullscreen=false video="644036051" */>}}
+```
+
+Result:
+
+{{< paige/vimeo fullscreen=false video="644036051" >}}
+
+## Height parameter
+
+Code:
+
+```go-html-template
+{{</* paige/vimeo height="10rem" video="644036051" */>}}
+```
+
+Result:
+
+{{< paige/vimeo height="10rem" video="644036051" >}}
+
+## Keyboard parameter
+
+Code:
+
+```go-html-template
+{{</* paige/vimeo keyboard=false video="644036051" */>}}
+```
+
+Result:
+
+{{< paige/vimeo keyboard=false video="644036051" >}}
+
+## Loop parameter
+
+Code:
+
+```go-html-template
+{{</* paige/vimeo loop=true video="644036051" */>}}
+```
+
+Result:
+
+{{< paige/vimeo loop=true video="644036051" >}}
+
+## Maxheight parameter
+
+Code:
+
+```go-html-template
+{{</* paige/vimeo maxheight="10rem" video="644036051" */>}}
+```
+
+Result:
+
+{{< paige/vimeo maxheight="10rem" video="644036051" >}}
+
+## Maxwidth parameter
+
+Code:
+
+```go-html-template
+{{</* paige/vimeo maxwidth="50%" video="644036051" */>}}
+```
+
+Result:
+
+{{< paige/vimeo maxwidth="50%" video="644036051" >}}
+
+## Muted parameter
+
+Code:
+
+```go-html-template
+{{</* paige/vimeo muted=true video="644036051" */>}}
+```
+
+Result:
+
+{{< paige/vimeo muted=true video="644036051" >}}
+
+## PIP parameter
+
+Code:
+
+```go-html-template
+{{</* paige/vimeo pip=true video="644036051" */>}}
+```
+
+Result:
+
+{{< paige/vimeo pip=true video="644036051" >}}
+
+## Playsinline parameter
+
+Code:
+
+```go-html-template
+{{</* paige/vimeo playsinline=false video="644036051" */>}}
+```
+
+Result:
+
+{{< paige/vimeo playsinline=false video="644036051" >}}
+
+## Portrait parameter
+
+Code:
+
+```go-html-template
+{{</* paige/vimeo portrait=false video="644036051" */>}}
+```
+
+Result:
+
+{{< paige/vimeo portrait=false video="644036051" >}}
+
+## Quality parameter
+
+Code:
+
+```go-html-template
+{{</* paige/vimeo quality="720p" video="644036051" */>}}
+```
+
+Result:
+
+{{< paige/vimeo quality="720p" video="644036051" >}}
+
+## Speed parameter
+
+Code:
+
+```go-html-template
+{{</* paige/vimeo speed=true video="644036051" */>}}
+```
+
+Result:
+
+{{< paige/vimeo speed=true video="644036051" >}}
+
+## Texttrack parameter
+
+Code:
+
+```go-html-template
+{{</* paige/vimeo texttrack=true video="644036051" */>}}
+```
+
+Result:
+
+{{< paige/vimeo texttrack=true video="644036051" >}}
+
+## Time parameter
+
+Code:
+
+```go-html-template
+{{</* paige/vimeo time="1m2s" video="644036051" */>}}
+```
+
+Result:
+
+{{< paige/vimeo time="1m2s" video="644036051" >}}
+
+## Title parameter
+
+Code:
+
+```go-html-template
+{{</* paige/vimeo title=false video="644036051" */>}}
+```
+
+Result:
+
+{{< paige/vimeo title=false video="644036051" >}}
+
+## Transparent parameter
+
+Code:
+
+```go-html-template
+{{</* paige/vimeo transparent=false video="644036051" */>}}
+```
+
+Result:
+
+{{< paige/vimeo transparent=false video="644036051" >}}
+
+## Video parameter
+
+Code:
+
+```go-html-template
+{{</* paige/vimeo video="644036051" */>}}
+```
+
+Result:
+
+{{< paige/vimeo video="644036051" >}}
+
+## Width parameter
+
+Code:
+
+```go-html-template
+{{</* paige/vimeo video="644036051" width="50%" */>}}
+```
+
+Result:
+
+{{< paige/vimeo video="644036051" width="50%" >}}
+
+## Figure
+
+Code:
+
+```go-html-template
+{{</* paige/figure caption="Vimeo" */>}}
+{{</* paige/vimeo video="644036051" */>}}
+{{</* /paige/figure */>}}
+```
+
+Result:
+
+{{< paige/figure caption="Vimeo" >}}
+{{< paige/vimeo video="644036051" >}}
+{{< /paige/figure >}}

example/content/shortcodes/youtube.md

@@ -0,0 +1,207 @@
++++
+authors = ["author-demo"]
+categories = ["paige", "shortcodes"]
+description = "Demonstration of the YouTube shortcode."
+tags = ["videos", "youtube"]
+title = "YouTube"
++++
+
+The `paige/youtube` shortcode plays a YouTube video.
+
+<!--more-->
+
+## Basic
+
+Code:
+
+```go-html-template
+{{</* paige/youtube "dQw4w9WgXcQ" */>}}
+```
+
+Result:
+
+{{< paige/youtube "dQw4w9WgXcQ" >}}
+
+## Autoplay parameter
+
+Code:
+
+```go-html-template
+{{</* paige/youtube autoplay=true video="dQw4w9WgXcQ" */>}}
+```
+
+Result:
+
+{{< paige/youtube autoplay=true video="dQw4w9WgXcQ" >}}
+
+## Controls parameter
+
+Code:
+
+```go-html-template
+{{</* paige/youtube controls=true video="dQw4w9WgXcQ" */>}}
+```
+
+Result:
+
+{{< paige/youtube controls=true video="dQw4w9WgXcQ" >}}
+
+## Description parameter
+
+Code:
+
+```go-html-template
+{{</* paige/youtube description="My title" video="dQw4w9WgXcQ" */>}}
+```
+
+Result:
+
+{{< paige/youtube description="My title" video="dQw4w9WgXcQ" >}}
+
+## End parameter
+
+Code:
+
+```go-html-template
+{{</* paige/youtube end=20 video="dQw4w9WgXcQ" */>}}
+```
+
+Result:
+
+{{< paige/youtube end=20 video="dQw4w9WgXcQ" >}}
+
+## Fullscreen parameter
+
+Code:
+
+```go-html-template
+{{</* paige/youtube fullscreen=false video="dQw4w9WgXcQ" */>}}
+```
+
+Result:
+
+{{< paige/youtube fullscreen=false video="dQw4w9WgXcQ" >}}
+
+## Height parameter
+
+Code:
+
+```go-html-template
+{{</* paige/youtube height="10rem" video="dQw4w9WgXcQ" */>}}
+```
+
+Result:
+
+{{< paige/youtube height="10rem" video="dQw4w9WgXcQ" >}}
+
+## List parameter
+
+Code:
+
+```go-html-template
+{{</* paige/youtube list="PLOstxpSiJGlClyRnCiubdXJcUvwgHcrVH" video="dQw4w9WgXcQ" */>}}
+```
+
+Result:
+
+{{< paige/youtube list="PLOstxpSiJGlClyRnCiubdXJcUvwgHcrVH" video="dQw4w9WgXcQ" >}}
+
+## Loop parameter
+
+Code:
+
+```go-html-template
+{{</* paige/youtube loop=true video="dQw4w9WgXcQ" */>}}
+```
+
+Result:
+
+{{< paige/youtube loop=true video="dQw4w9WgXcQ" >}}
+
+## Maxheight parameter
+
+Code:
+
+```go-html-template
+{{</* paige/youtube maxheight="10rem" video="dQw4w9WgXcQ" */>}}
+```
+
+Result:
+
+{{< paige/youtube maxheight="10rem" video="dQw4w9WgXcQ" >}}
+
+## Maxwidth parameter
+
+Code:
+
+```go-html-template
+{{</* paige/youtube maxwidth="50%" video="dQw4w9WgXcQ" */>}}
+```
+
+Result:
+
+{{< paige/youtube maxwidth="50%" video="dQw4w9WgXcQ" >}}
+
+## Mute parameter
+
+Code:
+
+```go-html-template
+{{</* paige/youtube mute=true video="dQw4w9WgXcQ" */>}}
+```
+
+Result:
+
+{{< paige/youtube mute=true video="dQw4w9WgXcQ" >}}
+
+## Start parameter
+
+Code:
+
+```go-html-template
+{{</* paige/youtube start=10 video="dQw4w9WgXcQ" */>}}
+```
+
+Result:
+
+{{< paige/youtube start=10 video="dQw4w9WgXcQ" >}}
+
+## Video parameter
+
+Code:
+
+```go-html-template
+{{</* paige/youtube video="dQw4w9WgXcQ" */>}}
+```
+
+Result:
+
+{{< paige/youtube video="dQw4w9WgXcQ" >}}
+
+## Width parameter
+
+Code:
+
+```go-html-template
+{{</* paige/youtube video="dQw4w9WgXcQ" width="50%" */>}}
+```
+
+Result:
+
+{{< paige/youtube video="dQw4w9WgXcQ" width="50%" >}}
+
+## Figure
+
+Code:
+
+```go-html-template
+{{</* paige/figure caption="YouTube" */>}}
+{{</* paige/youtube video="dQw4w9WgXcQ" */>}}
+{{</* /paige/figure */>}}
+```
+
+Result:
+
+{{< paige/figure caption="YouTube" >}}
+{{< paige/youtube video="dQw4w9WgXcQ" >}}
+{{< /paige/figure >}}