Add float param to shortcodes

This commit is contained in:
Will Faught
2023-01-12 22:30:54 -08:00
parent 92a3166625
commit 03790e5bb0
11 changed files with 201 additions and 11 deletions

View File

@@ -511,7 +511,7 @@ title: Search
The `paige/figure` shortcode provides a figure with centered content.
```
{{< paige/figure caption="My caption" >}}
{{< paige/figure caption="My caption" float="left" >}}
My content
{{< /paige/figure >}}
```
@@ -523,6 +523,8 @@ Parameters:
<dd>Required. String. Markdown. The inner content.</dd>
<dt><code>caption</code></dt>
<dd>Optional. Position 0. String. Markdown. Descriptive text that appears centered below the content.</dd>
<dt><code>float</code></dt>
<dd>Optional. String. Float to one side of its container. Must be <code>start</code> or <code>end</code>.</dd>
</dl>
### Quote
@@ -530,7 +532,7 @@ Parameters:
The `paige/quote` shortcode provides a figure with a centered quotation.
```
{{< paige/quote align="center" caption="My caption" cite="My citation" >}}
{{< paige/quote align="center" caption="My caption" cite="My citation" float="left" >}}
My content
{{< /paige/quote >}}
```
@@ -546,6 +548,8 @@ Parameters:
<dd>Optional. String. Markdown. Descriptive text that appears centered below the quotation. Must not be used with <code>cite</code>.</dd>
<dt><code>cite</code></dt>
<dd>Optional. Position 0. String. Markdown. Citation text that appears centered below the quotation. Must not be used with <code>caption</code>.</dd>
<dt><code>float</code></dt>
<dd>Optional. String. Float to one side of its container. Must be <code>start</code> or <code>end</code>.</dd>
</dl>
### Code
@@ -553,7 +557,7 @@ Parameters:
The `paige/code` shortcode provides a figure with centered code.
```
{{< paige/code caption="My caption" lang="html" options="linenos=true" >}}
{{< paige/code caption="My caption" float="left" lang="html" options="linenos=true" >}}
<!doctype html>
<html lang="en">
<body>
@@ -570,6 +574,8 @@ Parameters:
<dd>Required. String. Markdown. The inner content.</dd>
<dt><code>caption</code></dt>
<dd>Optional. String. Markdown. Descriptive text that appears centered below the code.</dd>
<dt><code>float</code></dt>
<dd>Optional. String. Float to one side of its container. Must be <code>start</code> or <code>end</code>.</dd>
<dt><code>lang</code></dt>
<dd>Optional. Position 0. String. Chroma language code. Defaults to <code>plaintext</code>. See <a href="https://gohugo.io/content-management/syntax-highlighting/#list-of-chroma-highlighting-languages">available codes</a>.</dd>
<dt><code>options</code></dt>
@@ -584,6 +590,7 @@ The `paige/image` shortcode provides a figure with a centered image.
{{< paige/image
alt="My alt" >}}
caption="My caption"
float="left"
height="10rem"
link="https://github.com/willfaught/paige"
maxheight="10rem"
@@ -602,6 +609,8 @@ Parameters:
<dd>Optional. String. Plain text. Image alt.</dd>
<dt><code>caption</code></dt>
<dd>Optional. String. Markdown. Descriptive text that appears centered below the image.</dd>
<dt><code>float</code></dt>
<dd>Optional. String. Float to one side of its container. Must be <code>start</code> or <code>end</code>.</dd>
<dt><code>height</code></dt>
<dd>Optional. String. Image height.</dd>
<dt><code>link</code></dt>