diff --git a/exampleSite/content/shortcodes/image.md b/exampleSite/content/shortcodes/image.md index b7ca08c6..de37d897 100644 --- a/exampleSite/content/shortcodes/image.md +++ b/exampleSite/content/shortcodes/image.md @@ -15,192 +15,256 @@ Paige provides a `paige/image` shortcode for displaying an image. Code: ```go-text-template +

{{}} +

``` Result: +

{{< paige/image alt="Landscape" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" >}} +

## Class parameter Code: ```go-text-template +

{{}} +

``` Result: +

{{< paige/image class="rounded-5" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" >}} +

## Fetchpriority parameter Code: ```go-text-template +

{{}} +

``` Result: +

{{< paige/image fetchpriority="high" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" >}} +

## Height parameter Code: ```go-text-template +

{{}} +

``` Result: +

{{< paige/image height="10rem" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" >}} +

## Link parameter Code: ```go-text-template +

{{}} +

``` Result: +

{{< paige/image link="https://github.com/willfaught/paige" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" >}} +

## Linked parameter Code: ```go-text-template +

{{}} +

``` Result: +

{{< paige/image linked="unprocessed" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" >}} +

--- Code: ```go-text-template +

{{}} +

``` Result: +

{{< paige/image linked="default" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" >}} +

--- Code: ```go-text-template +

{{}} +

``` Result: +

{{< paige/image linked="r180" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" >}} +

## Loading parameter Code: ```go-text-template +

{{}} +

``` Result: +

{{< paige/image loading="eager" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" >}} +

## Maxheight parameter Code: ```go-text-template +

{{}} +

``` Result: +

{{< paige/image maxheight="10rem" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" >}} +

## Maxwidth parameter Code: ```go-text-template +

{{}} +

``` Result: +

{{< paige/image maxwidth="10rem" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" >}} +

## Process parameter Code: ```go-text-template +

{{}} +

``` Result: +

{{< paige/image process="default" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" >}} +

--- Code: ```go-text-template +

{{}} +

``` Result: +

{{< paige/image process="550x lanczos picture resize webp" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" >}} +

## Src parameter Code: ```go-text-template +

{{}} +

``` Result: +

{{< paige/image src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" >}} +

## Title parameter Code: ```go-text-template +

{{}} +

``` Result: +

{{< paige/image src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" title="Landscape" >}} +

## Width parameter Code: ```go-text-template +

{{}} +

``` Result: +

{{< paige/image src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" width="50%" >}} +

## Figure