Move shortcode pages into shortcodes section

exampleSite/content/shortcodes/figure.md

@@ -0,0 +1,414 @@
+---
+authors: [michael_bluth]
+categories: [paige]
+date: "2023-01-01"
+description: Demonstration of the Paige figure shortcode.
+tags: [figures, shortcodes]
+title: Figure Shortcode
+---
+
+Paige provides a `paige/figure` shortcode for displaying content.
+
+<!--more-->
+
+## Basic
+
+Code:
+
+```go-text-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-text-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="Abraham Lincoln" >}}
+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-text-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 */>}}
+
+I made a huge tiny mistake. In fact, it was a box of Oscar's legally obtained medical marijuana. Primo bud. Real sticky weed. And don't make the water too hot. The scabs come right off. There's a new daddy in town. A discipline daddy. It's so watery. And yet there's a smack of ham to it. Chickens don't clap! I don't criticize you! And if you're worried about criticism, sometimes a diet is the best defense. I hear the jury's still out on science. This is not what it looks like. It looks like you're tweaking her nipples through a chain-link fence. What, so the guy we are meeting with can't even grow his own hair? COME ON!
+```
+
+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 >}}
+
+I made a huge tiny mistake. In fact, it was a box of Oscar's legally obtained medical marijuana. Primo bud. Real sticky weed. And don't make the water too hot. The scabs come right off. There's a new daddy in town. A discipline daddy. It's so watery. And yet there's a smack of ham to it. Chickens don't clap! I don't criticize you! And if you're worried about criticism, sometimes a diet is the best defense. I hear the jury's still out on science. This is not what it looks like. It looks like you're tweaking her nipples through a chain-link fence. What, so the guy we are meeting with can't even grow his own hair? COME ON!
+
+---
+
+Code:
+
+```go-text-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 */>}}
+
+I made a huge tiny mistake. In fact, it was a box of Oscar's legally obtained medical marijuana. Primo bud. Real sticky weed. And don't make the water too hot. The scabs come right off. There's a new daddy in town. A discipline daddy. It's so watery. And yet there's a smack of ham to it. Chickens don't clap! I don't criticize you! And if you're worried about criticism, sometimes a diet is the best defense. I hear the jury's still out on science. This is not what it looks like. It looks like you're tweaking her nipples through a chain-link fence. What, so the guy we are meeting with can't even grow his own hair? COME ON!
+```
+
+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 >}}
+
+I made a huge tiny mistake. In fact, it was a box of Oscar's legally obtained medical marijuana. Primo bud. Real sticky weed. And don't make the water too hot. The scabs come right off. There's a new daddy in town. A discipline daddy. It's so watery. And yet there's a smack of ham to it. Chickens don't clap! I don't criticize you! And if you're worried about criticism, sometimes a diet is the best defense. I hear the jury's still out on science. This is not what it looks like. It looks like you're tweaking her nipples through a chain-link fence. What, so the guy we are meeting with can't even grow his own hair? COME ON!
+
+---
+
+Code:
+
+```go-text-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 */>}}
+
+I made a huge tiny mistake. In fact, it was a box of Oscar's legally obtained medical marijuana. Primo bud. Real sticky weed. And don't make the water too hot. The scabs come right off. There's a new daddy in town. A discipline daddy. It's so watery. And yet there's a smack of ham to it. Chickens don't clap! I don't criticize you! And if you're worried about criticism, sometimes a diet is the best defense. I hear the jury's still out on science. This is not what it looks like. It looks like you're tweaking her nipples through a chain-link fence. What, so the guy we are meeting with can't even grow his own hair? COME ON!
+```
+
+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 >}}
+
+I made a huge tiny mistake. In fact, it was a box of Oscar's legally obtained medical marijuana. Primo bud. Real sticky weed. And don't make the water too hot. The scabs come right off. There's a new daddy in town. A discipline daddy. It's so watery. And yet there's a smack of ham to it. Chickens don't clap! I don't criticize you! And if you're worried about criticism, sometimes a diet is the best defense. I hear the jury's still out on science. This is not what it looks like. It looks like you're tweaking her nipples through a chain-link fence. What, so the guy we are meeting with can't even grow his own hair? COME ON!
+
+## Height parameter
+
+Code:
+
+```go-text-template
+{{</* paige/figure caption="Hickory Dickory Dock" height="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" height="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-text-template
+{{</* paige/figure caption="Hickory Dickory Dock" height="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" height="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 >}}
+
+## Horizontal parameter
+
+Code:
+
+```go-text-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 >}}
+
+## Maxheight parameter
+
+Code:
+
+```go-text-template
+{{</* paige/figure caption="Hickory Dickory Dock" maxheight="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" maxheight="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-text-template
+{{</* paige/figure caption="Hickory Dickory Dock" maxheight="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" maxheight="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 >}}
+
+## Maxwidth parameter
+
+Code:
+
+```go-text-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-text-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-text-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-text-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-text-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-text-template
+<div class="column-gap-3 d-flex justify-content-between">
+
+{{</* paige/figure caption="Hickory Dickory Dock" height="20rem" 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" height="20rem" 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" height="20rem" 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">
+
+{{< paige/figure caption="Hickory Dickory Dock" height="20rem" 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" height="20rem" 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" height="20rem" 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-text-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-text-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 >}}
+
+## All together
+
+Code:
+
+```go-text-template
+{{</* paige/figure caption="Hickory Dickory Dock" float="start" height="20rem" number=7 vertical="end" width="10rem" */>}}
+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 */>}}
+
+I made a huge tiny mistake. In fact, it was a box of Oscar's legally obtained medical marijuana. Primo bud. Real sticky weed. And don't make the water too hot. The scabs come right off. There's a new daddy in town. A discipline daddy. It's so watery. And yet there's a smack of ham to it. Chickens don't clap! I don't criticize you! And if you're worried about criticism, sometimes a diet is the best defense. I hear the jury's still out on science. This is not what it looks like. It looks like you're tweaking her nipples through a chain-link fence. What, so the guy we are meeting with can't even grow his own hair? COME ON!
+```
+
+Result:
+
+{{< paige/figure caption="Hickory Dickory Dock" float="start" height="20rem" number=7 vertical="end" width="10rem" >}}
+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 >}}
+
+I made a huge tiny mistake. In fact, it was a box of Oscar's legally obtained medical marijuana. Primo bud. Real sticky weed. And don't make the water too hot. The scabs come right off. There's a new daddy in town. A discipline daddy. It's so watery. And yet there's a smack of ham to it. Chickens don't clap! I don't criticize you! And if you're worried about criticism, sometimes a diet is the best defense. I hear the jury's still out on science. This is not what it looks like. It looks like you're tweaking her nipples through a chain-link fence. What, so the guy we are meeting with can't even grow his own hair? COME ON!
+
+<div class="clearfix"></div>
+
+---
+
+Code:
+
+```go-text-template
+{{</* paige/figure caption="Hickory Dickory Dock" horizontal="end" maxheight="20rem" maxwidth="10rem" number=7 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 */>}}
+```
+
+Result:
+
+{{< paige/figure caption="Hickory Dickory Dock" horizontal="end" maxheight="20rem" maxwidth="10rem" number=7 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 >}}

exampleSite/content/shortcodes/gallery/code.md

@@ -0,0 +1,206 @@
+---
+authors: [michael_bluth]
+categories: [paige]
+date: "2023-01-03"
+description: Demonstration of the Paige code shortcode.
+tags: [code, figures, shortcodes]
+title: Code Shortcode
+---
+
+Paige provides a `paige/code` shortcode for displaying code.
+
+<!--more-->
+
+Code:
+
+```go-text-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-text-template
+{{</* paige/code */>}}
+q = 'q = %r; print(q %% q)'; print(q % q)
+{{</* /paige/code */>}}
+
+{{</* paige/code */>}}
+q = 'q = %s%s%s; print(q %% (chr(39), q, chr(39)))'; print(q % (chr(39), q, chr(39)))
+{{</* /paige/code */>}}
+```
+
+Result:
+
+{{< paige/code >}}
+q = 'q = %r; print(q %% q)'; print(q % q)
+{{< /paige/code >}}
+
+{{< paige/code >}}
+q = 'q = %s%s%s; print(q %% (chr(39), q, chr(39)))'; print(q % (chr(39), q, chr(39)))
+{{< /paige/code >}}
+
+---
+
+Code:
+
+```go-text-template
+{{</* paige/code caption="Python quine" */>}}
+q = 'q = %r; print(q %% q)'; print(q % q)
+{{</* /paige/code */>}}
+```
+
+Result:
+
+{{< paige/code caption="Python quine" >}}
+q = 'q = %s%s%s; print(q %% (chr(39), q, chr(39)))'; print(q % (chr(39), q, chr(39)))
+{{< /paige/code >}}
+
+---
+
+Code:
+
+```go-text-template
+{{</* paige/code caption="Python quine" */>}}
+q = 'q = %r; print(q %% q)'; print(q % q)
+{{</* /paige/code */>}}
+
+{{</* paige/code caption="Another Python quine" */>}}
+q = 'q = %s%s%s; print(q %% (chr(39), q, chr(39)))'; print(q % (chr(39), q, chr(39)))
+{{</* /paige/code */>}}
+```
+
+Result:
+
+{{< paige/code caption="Python quine" >}}
+q = 'q = %r; print(q %% q)'; print(q % q)
+{{< /paige/code >}}
+
+{{< paige/code caption="Another Python quine" >}}
+q = 'q = %s%s%s; print(q %% (chr(39), q, chr(39)))'; print(q % (chr(39), q, chr(39)))
+{{< /paige/code >}}
+
+---
+
+Code:
+
+```go-text-template
+{{</* paige/code caption="Python quine" float="end" */>}}
+q = 'q = %r; print(q %% q)'; print(q % q)
+{{</* /paige/code */>}}
+
+Michael was having brunch with Sally Sitwell at a restaurant called Skip Church's Bistro. In addition to brunch, the restaurant was known for an item on the menu called the "Skip's Scramble", an omelet that contained everything on the menu. Do not order the Skip's Scramble. You might enjoy this. Oh. Em. Gee. That's amazing. It feels good to be back in a queen! I need a tea to give my dingle less tingle. Teamocil. Heyyyyyy Uncle Father Oscar. Do the right thing here. String this blind girl along so that dad doesn't have to pay his debt to society. Dead Dove DO NOT EAT. Come on, this is a Bluth family celebration. It's no place for children. If you didn't have adult onset diabetes, I wouldn't mind giving you a little sugar.
+```
+
+Result:
+
+{{< paige/code caption="Python quine" float="end" >}}
+q = 'q = %r; print(q %% q)'; print(q % q)
+{{< /paige/code >}}
+
+Michael was having brunch with Sally Sitwell at a restaurant called Skip Church's Bistro. In addition to brunch, the restaurant was known for an item on the menu called the "Skip's Scramble", an omelet that contained everything on the menu. Do not order the Skip's Scramble. You might enjoy this. Oh. Em. Gee. That's amazing. It feels good to be back in a queen! I need a tea to give my dingle less tingle. Teamocil. Heyyyyyy Uncle Father Oscar. Do the right thing here. String this blind girl along so that dad doesn't have to pay his debt to society. Dead Dove DO NOT EAT. Come on, this is a Bluth family celebration. It's no place for children. If you didn't have adult onset diabetes, I wouldn't mind giving you a little sugar.
+
+---
+
+Code:
+
+```go-text-template
+{{</* paige/code caption="Who you gonna call?" */>}}
+                       ---
+                    -        --
+                --( /     \ )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 caption="Who you gonna call?" >}}
+                       ---
+                    -        --
+                --( /     \ )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 >}}
+
+---
+
+Code:
+
+```go-text-template
+{{</* paige/code lang="c" caption="Fast inverse square root" 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 lang="c" caption="Fast inverse square root" 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 >}}

exampleSite/content/shortcodes/gallery/index.md

@@ -0,0 +1,336 @@
+---
+authors: [michael_bluth]
+categories: [paige]
+date: "2023-01-05"
+description: Demonstration of the Paige gallery shortcode.
+tags: [figures, gallery, images, shortcodes]
+title: Gallery Shortcode
+---
+
+Paige provides a `paige/gallery` shortcode for displaying a list of images.
+
+<!--more-->
+
+See the images in the example site to understand how the below file patterns work.
+Resize the viewport as narrow and wide as you can to see the responsiveness.
+
+Code:
+
+```go-text-template
+{{</* paige/gallery */>}}
+    {{</* paige/gallery image="https://picsum.photos/400/300.webp" raw=true /*/>}}
+{{</* /paige/gallery */>}}
+```
+
+Result:
+
+{{< paige/gallery >}}
+    {{< paige/gallery image="https://picsum.photos/400/300.webp" raw=true />}}
+{{< /paige/gallery >}}
+
+---
+
+## Rows layout
+
+Code:
+
+```go-text-template
+{{</* paige/gallery images="1*.jpg" caption="1 image" /*/>}}
+```
+
+Result:
+
+{{< paige/gallery images="1*.jpg" caption="1 image" />}}
+
+---
+
+Code:
+
+```go-text-template
+{{</* paige/gallery images="2*.jpg" caption="2 images" /*/>}}
+```
+
+Result:
+
+{{< paige/gallery images="2*.jpg" caption="2 images" />}}
+
+---
+
+Code:
+
+```go-text-template
+{{</* paige/gallery images="3*.jpg" caption="3 images" /*/>}}
+```
+
+Result:
+
+{{< paige/gallery images="3*.jpg" caption="3 images" />}}
+
+---
+
+Code:
+
+```go-text-template
+{{</* paige/gallery images="4*.jpg" caption="4 images" /*/>}}
+```
+
+Result:
+
+{{< paige/gallery images="4*.jpg" caption="4 images" />}}
+
+---
+
+Code:
+
+```go-text-template
+{{</* paige/gallery images="5*.jpg" caption="5 images" /*/>}}
+```
+
+Result:
+
+{{< paige/gallery images="5*.jpg" caption="5 images" />}}
+
+---
+
+Code:
+
+```go-text-template
+{{</* paige/gallery images="6*.jpg" caption="6 images" /*/>}}
+```
+
+Result:
+
+{{< paige/gallery images="6*.jpg" caption="6 images" />}}
+
+---
+
+Code:
+
+```go-text-template
+{{</* paige/gallery images="*.jpg" caption="All images" /*/>}}
+```
+
+Result:
+
+{{< paige/gallery images="*.jpg" caption="All images" />}}
+
+## Grid layout
+
+Code:
+
+```go-text-template
+{{</* paige/gallery images="1*.jpg" caption="1 image" type="grid" /*/>}}
+```
+
+Result:
+
+{{< paige/gallery images="1*" caption="1 image" type="grid" />}}
+
+---
+
+Code:
+
+```go-text-template
+{{</* paige/gallery images="2*.jpg" caption="2 images" type="grid" /*/>}}
+```
+
+Result:
+
+{{< paige/gallery images="2*" caption="2 images" type="grid" />}}
+
+---
+
+Code:
+
+```go-text-template
+{{</* paige/gallery images="3*.jpg" caption="3 images" type="grid" /*/>}}
+```
+
+Result:
+
+{{< paige/gallery images="3*" caption="3 images" type="grid" />}}
+
+---
+
+Code:
+
+```go-text-template
+{{</* paige/gallery images="4*.jpg" caption="4 images" type="grid" /*/>}}
+```
+
+Result:
+
+{{< paige/gallery images="4*" caption="4 images" type="grid" />}}
+
+---
+
+Code:
+
+```go-text-template
+{{</* paige/gallery images="5*.jpg" caption="5 images" type="grid" /*/>}}
+```
+
+Result:
+
+{{< paige/gallery images="5*" caption="5 images" type="grid" />}}
+
+---
+
+Code:
+
+```go-text-template
+{{</* paige/gallery images="6*.jpg" caption="6 images" type="grid" /*/>}}
+```
+
+Result:
+
+{{< paige/gallery images="6*" caption="6 images" type="grid" />}}
+
+---
+
+Code:
+
+```go-text-template
+{{</* paige/gallery images="*.jpg" caption="All images" type="grid" /*/>}}
+```
+
+Result:
+
+{{< paige/gallery images="*.jpg" caption="All images" type="grid" />}}
+
+## Customization
+
+{{< paige/gallery caption="X image" >}}
+    {{< paige/gallery image="*-1*.jpg" height="10rem" />}}
+    {{< paige/gallery image="*-1*.jpg" height="10rem" />}}
+    {{< paige/gallery image="*-1*.jpg" height="10rem" />}}
+    {{< paige/gallery image="*-1*.jpg" height="10rem" />}}
+{{< /paige/gallery >}}
+
+---
+
+Code:
+
+```go-text-template
+{{</* paige/gallery caption="1 image" */>}}
+    {{</* paige/gallery image="*-1*.jpg" caption="Image 1" /*/>}}
+{{</* /paige/gallery */>}}
+```
+
+Result:
+
+{{< paige/gallery caption="1 image" >}}
+    {{< paige/gallery image="*-1*.jpg" caption="Image 1" />}}
+{{< /paige/gallery >}}
+
+---
+
+Code:
+
+```go-text-template
+{{</* paige/gallery caption="2 images" */>}}
+    {{</* paige/gallery image="*-2*.jpg" caption="Image 1" /*/>}}
+    {{</* paige/gallery image="*-3*.jpg" caption="Image 2" /*/>}}
+{{</* /paige/gallery */>}}
+```
+
+Result:
+
+{{< paige/gallery caption="2 images" >}}
+    {{< paige/gallery image="*-2*.jpg" caption="Image 1" />}}
+    {{< paige/gallery image="*-3*.jpg" caption="Image 2" />}}
+{{< /paige/gallery >}}
+
+---
+
+Code:
+
+```go-text-template
+{{</* paige/gallery caption="3 images" */>}}
+    {{</* paige/gallery image="*-4*.jpg" caption="Image 1" /*/>}}
+    {{</* paige/gallery image="*-5*.jpg" caption="Image 2" /*/>}}
+    {{</* paige/gallery image="*-6*.jpg" caption="Image 3" /*/>}}
+{{</* /paige/gallery */>}}
+```
+
+Result:
+
+{{< paige/gallery caption="3 images" >}}
+    {{< paige/gallery image="*-4*.jpg" caption="Image 1" />}}
+    {{< paige/gallery image="*-5*.jpg" caption="Image 2" />}}
+    {{< paige/gallery image="*-6*.jpg" caption="Image 3" />}}
+{{< /paige/gallery >}}
+
+---
+
+Code:
+
+```go-text-template
+{{</* paige/gallery caption="4 images" */>}}
+    {{</* paige/gallery image="*-7*.jpg" caption="Image 1" /*/>}}
+    {{</* paige/gallery image="*-8*.jpg" caption="Image 2" /*/>}}
+    {{</* paige/gallery image="*-9*.jpg" caption="Image 3" /*/>}}
+    {{</* paige/gallery image="*-10.jpg*" caption="Image 4" /*/>}}
+{{</* /paige/gallery */>}}
+```
+
+Result:
+
+{{< paige/gallery caption="4 images" >}}
+    {{< paige/gallery image="*-7*.jpg" caption="Image 1" />}}
+    {{< paige/gallery image="*-8*.jpg" caption="Image 2" />}}
+    {{< paige/gallery image="*-9*.jpg" caption="Image 3" />}}
+    {{< paige/gallery image="*-10.jpg*" caption="Image 4" />}}
+{{< /paige/gallery >}}
+
+---
+
+Code:
+
+```go-text-template
+{{</* paige/gallery caption="5 images" */>}}
+    {{</* paige/gallery image="*-11*.jpg" caption="Image 1" /*/>}}
+    {{</* paige/gallery image="*-12*.jpg" caption="Image 2" /*/>}}
+    {{</* paige/gallery image="*-13*.jpg" caption="Image 3" /*/>}}
+    {{</* paige/gallery image="*-14*.jpg" caption="Image 4" /*/>}}
+    {{</* paige/gallery image="*-15*.jpg" caption="Image 5" /*/>}}
+{{</* /paige/gallery */>}}
+```
+
+Result:
+
+{{< paige/gallery caption="5 images" >}}
+    {{< paige/gallery image="*-11*.jpg" caption="Image 1" />}}
+    {{< paige/gallery image="*-12*.jpg" caption="Image 2" />}}
+    {{< paige/gallery image="*-13*.jpg" caption="Image 3" />}}
+    {{< paige/gallery image="*-14*.jpg" caption="Image 4" />}}
+    {{< paige/gallery image="*-15*.jpg" caption="Image 5" />}}
+{{< /paige/gallery >}}
+
+---
+
+Code:
+
+```go-text-template
+{{</* paige/gallery caption="6 images" */>}}
+    {{</* paige/gallery image="*-16*.jpg" caption="Image 1" /*/>}}
+    {{</* paige/gallery image="*-17*.jpg" caption="Image 2" /*/>}}
+    {{</* paige/gallery image="*-18*.jpg" caption="Image 3" /*/>}}
+    {{</* paige/gallery image="*-19*.jpg" caption="Image 4" /*/>}}
+    {{</* paige/gallery image="*-20*.jpg" caption="Image 5" /*/>}}
+    {{</* paige/gallery image="*-21*.jpg" caption="Image 6" /*/>}}
+{{</* /paige/gallery */>}}
+```
+
+Result:
+
+{{< paige/gallery caption="6 images" >}}
+    {{< paige/gallery image="*-16*.jpg" caption="Image 1" />}}
+    {{< paige/gallery image="*-17*.jpg" caption="Image 2" />}}
+    {{< paige/gallery image="*-18*.jpg" caption="Image 3" />}}
+    {{< paige/gallery image="*-19*.jpg" caption="Image 4" />}}
+    {{< paige/gallery image="*-20*.jpg" caption="Image 5" />}}
+    {{< paige/gallery image="*-21*.jpg" caption="Image 6" />}}
+{{< /paige/gallery >}}
+
+<div class="text-center">Photos by <a href="https://unsplash.com/@photos_by_lanty">Lanty</a>.</div>

exampleSite/content/shortcodes/image.md

@@ -0,0 +1,54 @@
+---
+authors: [michael_bluth]
+categories: [paige]
+date: "2023-01-04"
+description: Demonstration of the Paige image shortcode.
+tags: [figures, images, shortcodes]
+title: Image Shortcode
+---
+
+Paige provides a `paige/image` shortcode for displaying an image.
+
+<!--more-->
+
+Code:
+
+```go-text-template
+{{</* paige/image src="landscape.webp" */>}}
+```
+
+Result:
+
+{{< paige/image src="landscape.webp" >}}
+
+---
+
+Code:
+
+```go-text-template
+{{</* paige/image src="landscape.webp" caption="Landscape" width="50%" link="https://github.com/willfaught/paige" */>}}
+```
+
+Result:
+
+{{< paige/image src="landscape.webp" caption="Landscape" width="50%" link="https://github.com/willfaught/paige" >}}
+
+---
+
+Code:
+
+```go-text-template
+{{</* paige/image src="landscape.webp" caption="Landscape" width="25%" link="https://github.com/willfaught/paige" float="start" */>}}
+
+{{</* paige/image src="landscape.webp" caption="Landscape" width="25%" link="https://github.com/willfaught/paige" float="end" */>}}
+
+Michael was having brunch with Sally Sitwell at a restaurant called Skip Church's Bistro. In addition to brunch, the restaurant was known for an item on the menu called the "Skip's Scramble", an omelet that contained everything on the menu. Do not order the Skip's Scramble. You might enjoy this. Oh. Em. Gee. That's amazing. It feels good to be back in a queen! I need a tea to give my dingle less tingle. Teamocil. Heyyyyyy Uncle Father Oscar. Let's see some bananas and nuts! So Ann, the question is, do you want a man or a boy? I know how I would answer. Never once touched my per diem. I'd go to Craft Service, get some raw veggies, bacon, Cup-A-Soup…baby, I got a stew goin'. You might enjoy this. Oh. Em. Gee. That's amazing. I've always been deeply passionate about nature. Perhaps you remember Neuterfest? I'll never forget your wedding. But I did finally get into Dad's pants. Although I had to have the crotch taken in a little bit. She's a girl, I need to teach her how to be a woman. Within her lies a queen. Let me out that queen. There are dozens of us! Dozens! Oh please. They didn't sneak into this country to be your friends. No one's called him Baby Buster since high school. I mean, it's one banana, Michael. What could it cost, ten dollars? "Circumvent." It means "to go around." Gob: The old "reach around." Mom always taught us to curl up in a ball and remain motionless when confronted. You're Killing Me, Buster.
+```
+
+Result:
+
+{{< paige/image src="landscape.webp" caption="Landscape" width="25%" link="https://github.com/willfaught/paige" float="start" >}}
+
+{{< paige/image src="landscape.webp" caption="Landscape" width="25%" link="https://github.com/willfaught/paige" float="end" >}}
+
+Michael was having brunch with Sally Sitwell at a restaurant called Skip Church's Bistro. In addition to brunch, the restaurant was known for an item on the menu called the "Skip's Scramble", an omelet that contained everything on the menu. Do not order the Skip's Scramble. You might enjoy this. Oh. Em. Gee. That's amazing. It feels good to be back in a queen! I need a tea to give my dingle less tingle. Teamocil. Heyyyyyy Uncle Father Oscar. Let's see some bananas and nuts! So Ann, the question is, do you want a man or a boy? I know how I would answer. Never once touched my per diem. I'd go to Craft Service, get some raw veggies, bacon, Cup-A-Soup…baby, I got a stew goin'. You might enjoy this. Oh. Em. Gee. That's amazing. I've always been deeply passionate about nature. Perhaps you remember Neuterfest? I'll never forget your wedding. But I did finally get into Dad's pants. Although I had to have the crotch taken in a little bit. She's a girl, I need to teach her how to be a woman. Within her lies a queen. Let me out that queen. There are dozens of us! Dozens! Oh please. They didn't sneak into this country to be your friends. No one's called him Baby Buster since high school. I mean, it's one banana, Michael. What could it cost, ten dollars? "Circumvent." It means "to go around." Gob: The old "reach around." Mom always taught us to curl up in a ball and remain motionless when confronted. You're Killing Me, Buster.

exampleSite/content/shortcodes/quote.md

@@ -0,0 +1,141 @@
+---
+authors: [michael_bluth]
+categories: [paige]
+date: "2023-01-02"
+description: Demonstration of the Paige quote shortcode.
+tags: [figures, quotations, shortcodes]
+title: Quote Shortcode
+---
+
+Paige provides a `paige/quote` shortcode for displaying a quotation.
+
+<!--more-->
+
+Code:
+
+```go-text-template
+{{</* paige/quote */>}}
+Don't believe everything you read on the Internet.
+{{</* /paige/quote */>}}
+```
+
+Result:
+
+{{< paige/quote >}}
+Don't believe everything you read on the Internet.
+{{< /paige/quote >}}
+
+---
+
+Code:
+
+```go-text-template
+{{</* paige/quote caption="Abraham Lincoln" */>}}
+Don't believe everything you read on the Internet.
+{{</* /paige/quote */>}}
+```
+
+Result:
+
+{{< paige/quote caption="Abraham Lincoln" >}}
+Don't believe everything you read on the Internet.
+{{< /paige/quote >}}
+
+---
+
+Code:
+
+```go-text-template
+{{</* paige/quote */>}}
+Don't believe everything you read on the Internet.
+{{</* /paige/quote */>}}
+
+{{</* paige/quote */>}}
+Use the Force, Harry.
+{{</* /paige/quote */>}}
+```
+
+Result:
+
+{{< paige/quote >}}
+Don't believe everything you read on the Internet.
+{{< /paige/quote >}}
+
+{{< paige/quote >}}
+Use the Force, Harry.
+{{< /paige/quote >}}
+
+---
+
+Code:
+
+```go-text-template
+{{</* paige/quote caption="Abraham Lincoln" float="end" */>}}
+Don't believe everything you read on the Internet.
+{{</* /paige/quote */>}}
+
+Michael was having brunch with Sally Sitwell at a restaurant called Skip Church's Bistro. In addition to brunch, the restaurant was known for an item on the menu called the "Skip's Scramble", an omelet that contained everything on the menu. Do not order the Skip's Scramble. You might enjoy this. Oh. Em. Gee. That's amazing. It feels good to be back in a queen! I need a tea to give my dingle less tingle. Teamocil. Heyyyyyy Uncle Father Oscar. Do the right thing here. String this blind girl along so that dad doesn't have to pay his debt to society. Dead Dove DO NOT EAT. Come on, this is a Bluth family celebration. It's no place for children. If you didn't have adult onset diabetes, I wouldn't mind giving you a little sugar. She's not 'that Mexican', Mom. She's my Mexican. And she's Colombian or something. Friday night.
+```
+
+Result:
+
+{{< paige/quote caption="Abraham Lincoln" float="end" >}}
+Don't believe everything you read on the Internet.
+{{< /paige/quote >}}
+
+Michael was having brunch with Sally Sitwell at a restaurant called Skip Church's Bistro. In addition to brunch, the restaurant was known for an item on the menu called the "Skip's Scramble", an omelet that contained everything on the menu. Do not order the Skip's Scramble. You might enjoy this. Oh. Em. Gee. That's amazing. It feels good to be back in a queen! I need a tea to give my dingle less tingle. Teamocil. Heyyyyyy Uncle Father Oscar. Do the right thing here. String this blind girl along so that dad doesn't have to pay his debt to society. Dead Dove DO NOT EAT. Come on, this is a Bluth family celebration. It's no place for children. If you didn't have adult onset diabetes, I wouldn't mind giving you a little sugar. She's not 'that Mexican', Mom. She's my Mexican. And she's Colombian or something. Friday night.
+
+---
+
+Code:
+
+```go-text-template
+{{</* paige/quote caption="Hickory Dickory Dock" align="start" */>}}
+<div style="white-space: pre">Hickory dickory dock.
+The mouse ran up the clock.
+The clock struck one,
+The mouse ran down,
+Hickory dickory dock.</div>
+{{</* /paige/quote */>}}
+
+{{</* paige/quote caption="Hickory Dickory Dock" align="center" */>}}
+<div style="white-space: pre">Hickory dickory dock.
+The mouse ran up the clock.
+The clock struck one,
+The mouse ran down,
+Hickory dickory dock.</div>
+{{</* /paige/quote */>}}
+
+{{</* paige/quote caption="Hickory Dickory Dock" align="end" */>}}
+<div style="white-space: pre">Hickory dickory dock.
+The mouse ran up the clock.
+The clock struck one,
+The mouse ran down,
+Hickory dickory dock.</div>
+{{</* /paige/quote */>}}
+```
+
+Result:
+
+{{< paige/quote caption="Hickory Dickory Dock" align="start" >}}
+<div style="white-space: pre">Hickory dickory dock.
+The mouse ran up the clock.
+The clock struck one,
+The mouse ran down,
+Hickory dickory dock.</div>
+{{< /paige/quote >}}
+
+{{< paige/quote caption="Hickory Dickory Dock" align="center" >}}
+<div style="white-space: pre">Hickory dickory dock.
+The mouse ran up the clock.
+The clock struck one,
+The mouse ran down,
+Hickory dickory dock.</div>
+{{< /paige/quote >}}
+
+{{< paige/quote caption="Hickory Dickory Dock" align="end" >}}
+<div style="white-space: pre">Humpty Dumpty sat on a wall,
+Humpty Dumpty had a great fall.
+All the king's horses and all the king's men
+Couldn't put Humpty together again.</div>
+{{< /paige/quote >}}

exampleSite/content/shortcodes/vimeo.md

@@ -0,0 +1,94 @@
+---
+authors: [michael_bluth]
+categories: [paige]
+date: 2023-01-22
+description: Demonstration of the Paige Vimeo shortcode.
+tags: [shortcodes, videos, vimeo]
+title: Vimeo Shortcode
+---
+
+Paige provides a `paige/vimeo` shortcode for playing Vimeo videos.
+
+<!--more-->
+
+## Basic
+
+Code:
+
+```go-text-template
+{{</* paige/vimeo "644036051" */>}}
+```
+
+Result:
+
+{{< paige/vimeo "644036051" >}}
+
+## Video parameter
+
+Code:
+
+```go-text-template
+{{</* paige/vimeo video="644036051" */>}}
+```
+
+Result:
+
+{{< paige/vimeo video="644036051" >}}
+
+## All parameters
+
+Code:
+
+```go-text-template
+{{</* paige/vimeo
+    autopause=true
+    autoplay=false
+    background=false
+    byline=true
+    color="00adef"
+    controls=true
+    description="My description"
+    dnt=false
+    fullscreen=true
+    keyboard=true
+    loop=false
+    muted=false
+    pip=false
+    playsinline=true
+    portrait=true
+    quality="auto"
+    speed=false
+    texttrack=false
+    time="1m2s"
+    title=true
+    transparent=true
+    video="644036051"
+*/>}}
+```
+
+Result:
+
+{{< paige/vimeo
+    autopause=true
+    autoplay=false
+    background=false
+    byline=true
+    color="00adef"
+    controls=true
+    description="My description"
+    dnt=false
+    fullscreen=true
+    keyboard=true
+    loop=false
+    muted=false
+    pip=false
+    playsinline=true
+    portrait=true
+    quality="auto"
+    speed=false
+    texttrack=false
+    time="1m2s"
+    title=true
+    transparent=true
+    video="644036051"
+>}}

exampleSite/content/shortcodes/youtube.md

@@ -0,0 +1,64 @@
+---
+authors: [michael_bluth]
+categories: [paige]
+date: 2023-01-20
+description: Demonstration of the Paige YouTube shortcode.
+tags: [shortcodes, videos, youtube]
+title: YouTube Shortcode
+---
+
+Paige provides a `paige/youtube` shortcode for playing YouTube videos.
+
+<!--more-->
+
+Code:
+
+```go-text-template
+{{</* paige/youtube "dQw4w9WgXcQ" */>}}
+```
+
+Result:
+
+{{< paige/youtube "dQw4w9WgXcQ" >}}
+
+---
+
+Code:
+
+```go-text-template
+{{</* paige/youtube video="dQw4w9WgXcQ" */>}}
+```
+
+Result:
+
+{{< paige/youtube video="dQw4w9WgXcQ" >}}
+
+---
+
+Code:
+
+```go-text-template
+{{</* paige/youtube
+    controls=true
+    end=20
+    fullscreen=true
+    loop=true
+    mute=true
+    start=10
+    title="My title"
+    video="dQw4w9WgXcQ"
+*/>}}
+```
+
+Result:
+
+{{< paige/youtube
+    controls=true
+    end=20
+    fullscreen=true
+    loop=true
+    mute=true
+    start=10
+    title="My title"
+    video="dQw4w9WgXcQ"
+>}}