Add icons shortcode

README.md

@@ -35,6 +35,7 @@ It's a versatile canvas that serves most web needs.
 - Gallery shortcode
 - Header links
 - Icon shortcode
+- Icons shortcode
 - Image shortcode
 - Landing page
 - Languages
@@ -541,6 +542,20 @@ Parameters:
     <dd>Optional. String. URL. Example is <code>https://github.com/willfaught/paige</code>. E-mails in URLs with a <code>mailto:</code> scheme are protected from web crawlers.</dd>
 </dl>
 
+### Icons
+
+The `paige/icons` shortcode presents a sequence of `paige/icon`.
+
+```
+{{< paige/icons >}}
+
+{{< /paige/icons >}}
+```
+
+Inner content: The sequence of `paige/icon`.
+
+Parameters: None.
+
 ### Image
 
 The `paige/image` shortcode provides a figure with an image.

exampleSite/content/_index.md

@@ -27,6 +27,6 @@ Paige is designed to put your content front and center, avoiding the typical clu
     <a class="lead" href="https://github.com/willfaught/paige">Install it now.</a>
 </p>
 
-<div class="column-gap-3 d-flex display-6 justify-content-center mb-3">
-    {{< paige/icon class="bi bi-github" name="GitHub" url="https://github.com/willfaught/paige" >}}
-</div>
+{{< paige/icons >}}
+{{< paige/icon class="bi bi-github" name="GitHub" url="https://github.com/willfaught/paige" >}}
+{{< /paige/icons >}}

layouts/shortcodes/paige/icons.html

@@ -0,0 +1,3 @@
+<div class="column-gap-3 d-flex display-6 justify-content-center mb-3">
+    {{ .Inner }}
+</div>