Rockingcool/paige-hugo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add missing doc sections

Browse Source
This commit is contained in:
Will Faught
2023-08-05 15:08:17 -07:00
parent d3628e7c14
commit 09429aa3da
2 changed files with 137 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

89
exampleSite/content/shortcodes/image.md
View File

@@ -26,6 +26,22 @@ Result:
{{< paige/image alt="Landscape" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" >}}
</p>
## Breakpoints parameter
Code:
```go-html-template
<p>
{{</* paige/image breakpoints=true src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" */>}}
</p>
```
Result:
<p>
{{< paige/image breakpoints=true src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" >}}
</p>
## Class parameter
Code:
@@ -42,6 +58,22 @@ Result:
{{< paige/image class="rounded-5" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" >}}
</p>
## Densities parameter
Code:
```go-html-template
<p>
{{</* paige/image densities="1x 2x 3x" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" */>}}
</p>
```
Result:
<p>
{{< paige/image densities="1x 2x 3x" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" >}}
</p>
## Fetchpriority parameter
Code:
@@ -218,6 +250,26 @@ Result:
{{< paige/image process="550x lanczos picture resize webp" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" >}}
</p>
## Sizes parameter
Code:
```go-html-template
<p>
{{</* paige/image
sizes="(max-width: 576px) 550px, (max-width: 992px) 936px, 1296px"
src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" */>}}
</p>
```
Result:
<p>
{{< paige/image
sizes="(max-width: 576px) 550px, (max-width: 992px) 936px, 1296px"
src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" >}}
</p>
## Src parameter
Code:
@@ -234,6 +286,43 @@ Result:
{{< paige/image src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" >}}
</p>
## Srcset parameter
Code:
```go-html-template
<p>
{{</* paige/image
src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296"
srcset="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=550 550w,
https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=936 936w" */>}}
</p>
```
Result:
<p>
{{< paige/image
src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296"
srcset="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=550 550w, https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=936 936w" >}}
</p>
## Style parameter
Code:
```go-html-template
<p>
{{</* paige/image src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" style="filter: grayscale(100%)" */>}}
</p>
```
Result:
<p>
{{< paige/image src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" style="filter: grayscale(100%)" >}}
</p>
## Title parameter
Code: