Move shortcode pages into shortcodes section

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>