Replace local landscape with remote one

master
Will Faught 2 years ago
parent bbdea7c507
commit d9ba40d10e

Binary file not shown.

Before

Width:  |  Height:  |  Size: 324 KiB

@ -8,7 +8,7 @@ paige:
image:
alt: "Landscape"
stretch: true
url: "landscape.webp"
url: "https://images.unsplash.com/photo-1490604001847-b712b0c2f967"
social:
github:
bootstrap_icon: "github"

@ -9,7 +9,7 @@ paige:
greeting: "This is the greeting"
image:
stretch: false
url: "landscape.webp"
url: "https://images.unsplash.com/photo-1490604001847-b712b0c2f967"
social:
discord:
bootstrap_icon: "discord"
@ -114,7 +114,7 @@ paige:
greeting: "This is the greeting"
image:
stretch: false
url: "landscape.webp"
url: "https://images.unsplash.com/photo-1490604001847-b712b0c2f967"
social:
discord:
bootstrap_icon: "discord"

@ -123,7 +123,7 @@ Code:
```go-text-template
{{</* paige/figure float="start" */>}}
{{</* paige/image src="landscape.webp" width="20rem" */>}}
{{</* paige/image src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967" width="20rem" */>}}
{{</* /paige/figure */>}}
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Habitant morbi tristique senectus et netus et. Phasellus vestibulum lorem sed risus ultricies tristique nulla aliquet enim. Est lorem ipsum dolor sit amet. Consequat mauris nunc congue nisi. Sodales ut etiam sit amet nisl purus in mollis nunc. Vehicula ipsum a arcu cursus vitae congue. Ultrices eros in cursus turpis massa tincidunt dui. Aliquet bibendum enim facilisis gravida. Eu turpis egestas pretium aenean pharetra magna ac placerat. Sed turpis tincidunt id aliquet risus feugiat. Gravida neque convallis a cras. Cras ornare arcu dui vivamus arcu felis bibendum. Vulputate dignissim suspendisse in est. Iaculis at erat pellentesque adipiscing commodo elit at imperdiet. Amet luctus venenatis lectus magna fringilla urna porttitor rhoncus. Placerat orci nulla pellentesque dignissim enim sit amet venenatis urna. Nisl nisi scelerisque eu ultrices vitae auctor eu. Tortor pretium viverra suspendisse potenti nullam ac. Vitae congue mauris rhoncus aenean vel elit scelerisque mauris pellentesque. Fringilla est ullamcorper eget nulla facilisi etiam dignissim diam quis. Facilisis gravida neque convallis a cras semper auctor neque vitae. In dictum non consectetur a erat nam at lectus urna. Eu lobortis elementum nibh tellus. Interdum varius sit amet mattis vulputate. Quisque id diam vel quam elementum pulvinar etiam non quam. Tellus mauris a diam maecenas sed enim ut. Maecenas accumsan lacus vel facilisis volutpat est velit egestas dui.
@ -132,7 +132,7 @@ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor i
Result:
{{< paige/figure float="start" >}}
{{< paige/image src="landscape.webp" width="20rem" >}}
{{< paige/image src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967" width="20rem" >}}
{{< /paige/figure >}}
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Habitant morbi tristique senectus et netus et. Phasellus vestibulum lorem sed risus ultricies tristique nulla aliquet enim. Est lorem ipsum dolor sit amet. Consequat mauris nunc congue nisi. Sodales ut etiam sit amet nisl purus in mollis nunc. Vehicula ipsum a arcu cursus vitae congue. Ultrices eros in cursus turpis massa tincidunt dui. Aliquet bibendum enim facilisis gravida. Eu turpis egestas pretium aenean pharetra magna ac placerat. Sed turpis tincidunt id aliquet risus feugiat. Gravida neque convallis a cras. Cras ornare arcu dui vivamus arcu felis bibendum. Vulputate dignissim suspendisse in est. Iaculis at erat pellentesque adipiscing commodo elit at imperdiet. Amet luctus venenatis lectus magna fringilla urna porttitor rhoncus. Placerat orci nulla pellentesque dignissim enim sit amet venenatis urna. Nisl nisi scelerisque eu ultrices vitae auctor eu. Tortor pretium viverra suspendisse potenti nullam ac. Vitae congue mauris rhoncus aenean vel elit scelerisque mauris pellentesque. Fringilla est ullamcorper eget nulla facilisi etiam dignissim diam quis. Facilisis gravida neque convallis a cras semper auctor neque vitae. In dictum non consectetur a erat nam at lectus urna. Eu lobortis elementum nibh tellus. Interdum varius sit amet mattis vulputate. Quisque id diam vel quam elementum pulvinar etiam non quam. Tellus mauris a diam maecenas sed enim ut. Maecenas accumsan lacus vel facilisis volutpat est velit egestas dui.
@ -145,7 +145,7 @@ Code:
```go-text-template
{{</* paige/figure float="end" */>}}
{{</* paige/image src="landscape.webp" width="20rem" */>}}
{{</* paige/image src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967" width="20rem" */>}}
{{</* /paige/figure */>}}
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Habitant morbi tristique senectus et netus et. Phasellus vestibulum lorem sed risus ultricies tristique nulla aliquet enim. Est lorem ipsum dolor sit amet. Consequat mauris nunc congue nisi. Sodales ut etiam sit amet nisl purus in mollis nunc. Vehicula ipsum a arcu cursus vitae congue. Ultrices eros in cursus turpis massa tincidunt dui. Aliquet bibendum enim facilisis gravida. Eu turpis egestas pretium aenean pharetra magna ac placerat. Sed turpis tincidunt id aliquet risus feugiat. Gravida neque convallis a cras. Cras ornare arcu dui vivamus arcu felis bibendum. Vulputate dignissim suspendisse in est. Iaculis at erat pellentesque adipiscing commodo elit at imperdiet. Amet luctus venenatis lectus magna fringilla urna porttitor rhoncus. Placerat orci nulla pellentesque dignissim enim sit amet venenatis urna. Nisl nisi scelerisque eu ultrices vitae auctor eu. Tortor pretium viverra suspendisse potenti nullam ac. Vitae congue mauris rhoncus aenean vel elit scelerisque mauris pellentesque. Fringilla est ullamcorper eget nulla facilisi etiam dignissim diam quis. Facilisis gravida neque convallis a cras semper auctor neque vitae. In dictum non consectetur a erat nam at lectus urna. Eu lobortis elementum nibh tellus. Interdum varius sit amet mattis vulputate. Quisque id diam vel quam elementum pulvinar etiam non quam. Tellus mauris a diam maecenas sed enim ut. Maecenas accumsan lacus vel facilisis volutpat est velit egestas dui.
@ -154,7 +154,7 @@ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor i
Result:
{{< paige/figure float="end" >}}
{{</* paige/image src="landscape.webp" width="20rem" */>}}
{{</* paige/image src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967" width="20rem" */>}}
{{< /paige/figure >}}
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Habitant morbi tristique senectus et netus et. Phasellus vestibulum lorem sed risus ultricies tristique nulla aliquet enim. Est lorem ipsum dolor sit amet. Consequat mauris nunc congue nisi. Sodales ut etiam sit amet nisl purus in mollis nunc. Vehicula ipsum a arcu cursus vitae congue. Ultrices eros in cursus turpis massa tincidunt dui. Aliquet bibendum enim facilisis gravida. Eu turpis egestas pretium aenean pharetra magna ac placerat. Sed turpis tincidunt id aliquet risus feugiat. Gravida neque convallis a cras. Cras ornare arcu dui vivamus arcu felis bibendum. Vulputate dignissim suspendisse in est. Iaculis at erat pellentesque adipiscing commodo elit at imperdiet. Amet luctus venenatis lectus magna fringilla urna porttitor rhoncus. Placerat orci nulla pellentesque dignissim enim sit amet venenatis urna. Nisl nisi scelerisque eu ultrices vitae auctor eu. Tortor pretium viverra suspendisse potenti nullam ac. Vitae congue mauris rhoncus aenean vel elit scelerisque mauris pellentesque. Fringilla est ullamcorper eget nulla facilisi etiam dignissim diam quis. Facilisis gravida neque convallis a cras semper auctor neque vitae. In dictum non consectetur a erat nam at lectus urna. Eu lobortis elementum nibh tellus. Interdum varius sit amet mattis vulputate. Quisque id diam vel quam elementum pulvinar etiam non quam. Tellus mauris a diam maecenas sed enim ut. Maecenas accumsan lacus vel facilisis volutpat est velit egestas dui.
@ -167,11 +167,11 @@ Code:
```go-text-template
{{</* paige/figure float="start" */>}}
{{</* paige/image src="landscape.webp" width="20rem" */>}}
{{</* paige/image src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967" width="20rem" */>}}
{{</* /paige/figure */>}}
{{</* paige/figure float="end" */>}}
{{</* paige/image src="landscape.webp" width="20rem" */>}}
{{</* paige/image src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967" width="20rem" */>}}
{{</* /paige/figure */>}}
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Habitant morbi tristique senectus et netus et. Phasellus vestibulum lorem sed risus ultricies tristique nulla aliquet enim. Est lorem ipsum dolor sit amet. Consequat mauris nunc congue nisi. Sodales ut etiam sit amet nisl purus in mollis nunc. Vehicula ipsum a arcu cursus vitae congue. Ultrices eros in cursus turpis massa tincidunt dui. Aliquet bibendum enim facilisis gravida. Eu turpis egestas pretium aenean pharetra magna ac placerat. Sed turpis tincidunt id aliquet risus feugiat. Gravida neque convallis a cras. Cras ornare arcu dui vivamus arcu felis bibendum. Vulputate dignissim suspendisse in est. Iaculis at erat pellentesque adipiscing commodo elit at imperdiet. Amet luctus venenatis lectus magna fringilla urna porttitor rhoncus. Placerat orci nulla pellentesque dignissim enim sit amet venenatis urna. Nisl nisi scelerisque eu ultrices vitae auctor eu. Tortor pretium viverra suspendisse potenti nullam ac. Vitae congue mauris rhoncus aenean vel elit scelerisque mauris pellentesque. Fringilla est ullamcorper eget nulla facilisi etiam dignissim diam quis. Facilisis gravida neque convallis a cras semper auctor neque vitae. In dictum non consectetur a erat nam at lectus urna. Eu lobortis elementum nibh tellus. Interdum varius sit amet mattis vulputate. Quisque id diam vel quam elementum pulvinar etiam non quam. Tellus mauris a diam maecenas sed enim ut. Maecenas accumsan lacus vel facilisis volutpat est velit egestas dui.
@ -180,11 +180,11 @@ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor i
Result:
{{< paige/figure float="start" >}}
{{</* paige/image src="landscape.webp" width="20rem" */>}}
{{</* paige/image src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967" width="20rem" */>}}
{{< /paige/figure >}}
{{< paige/figure float="end" >}}
{{</* paige/image src="landscape.webp" width="20rem" */>}}
{{</* paige/image src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967" width="20rem" */>}}
{{< /paige/figure >}}
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Habitant morbi tristique senectus et netus et. Phasellus vestibulum lorem sed risus ultricies tristique nulla aliquet enim. Est lorem ipsum dolor sit amet. Consequat mauris nunc congue nisi. Sodales ut etiam sit amet nisl purus in mollis nunc. Vehicula ipsum a arcu cursus vitae congue. Ultrices eros in cursus turpis massa tincidunt dui. Aliquet bibendum enim facilisis gravida. Eu turpis egestas pretium aenean pharetra magna ac placerat. Sed turpis tincidunt id aliquet risus feugiat. Gravida neque convallis a cras. Cras ornare arcu dui vivamus arcu felis bibendum. Vulputate dignissim suspendisse in est. Iaculis at erat pellentesque adipiscing commodo elit at imperdiet. Amet luctus venenatis lectus magna fringilla urna porttitor rhoncus. Placerat orci nulla pellentesque dignissim enim sit amet venenatis urna. Nisl nisi scelerisque eu ultrices vitae auctor eu. Tortor pretium viverra suspendisse potenti nullam ac. Vitae congue mauris rhoncus aenean vel elit scelerisque mauris pellentesque. Fringilla est ullamcorper eget nulla facilisi etiam dignissim diam quis. Facilisis gravida neque convallis a cras semper auctor neque vitae. In dictum non consectetur a erat nam at lectus urna. Eu lobortis elementum nibh tellus. Interdum varius sit amet mattis vulputate. Quisque id diam vel quam elementum pulvinar etiam non quam. Tellus mauris a diam maecenas sed enim ut. Maecenas accumsan lacus vel facilisis volutpat est velit egestas dui.

@ -16,108 +16,108 @@ Paige provides a `paige/image` shortcode for displaying an image.
Code:
```go-text-template
{{</* paige/image alt="Landscape" src="landscape.webp" */>}}
{{</* paige/image alt="Landscape" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967" */>}}
```
Result:
{{< paige/image alt="Landscape" src="landscape.webp" >}}
{{< paige/image alt="Landscape" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967" >}}
## Height parameter
Code:
```go-text-template
{{</* paige/image height="10rem" src="landscape.webp" */>}}
{{</* paige/image height="10rem" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967" */>}}
```
Result:
{{< paige/image height="10rem" src="landscape.webp" >}}
{{< paige/image height="10rem" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967" >}}
## Link parameter
Code:
```go-text-template
{{</* paige/image link="https://github.com/willfaught/paige" src="landscape.webp" */>}}
{{</* paige/image link="https://github.com/willfaught/paige" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967" */>}}
```
Result:
{{< paige/image link="https://github.com/willfaught/paige" src="landscape.webp" >}}
{{< paige/image link="https://github.com/willfaught/paige" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967" >}}
## Maxheight parameter
Code:
```go-text-template
{{</* paige/image maxheight="10rem" src="landscape.webp" */>}}
{{</* paige/image maxheight="10rem" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967" */>}}
```
Result:
{{< paige/image maxheight="10rem" src="landscape.webp" >}}
{{< paige/image maxheight="10rem" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967" >}}
## Maxwidth parameter
Code:
```go-text-template
{{</* paige/image maxwidth="10rem" src="landscape.webp" */>}}
{{</* paige/image maxwidth="10rem" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967" */>}}
```
Result:
{{< paige/image maxwidth="10rem" src="landscape.webp" >}}
{{< paige/image maxwidth="10rem" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967" >}}
## Method and options parameters
Code:
```go-text-template
{{</* paige/image link="https://github.com/willfaught/paige" method="resize" options="550x webp picture Lanczos" src="landscape.webp" */>}}
{{</* paige/image link="https://github.com/willfaught/paige" method="resize" options="550x webp picture Lanczos" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967" */>}}
```
Result:
{{< paige/image link="https://github.com/willfaught/paige" method="resize" options="550x webp picture Lanczos" src="landscape.webp" >}}
{{< paige/image link="https://github.com/willfaught/paige" method="resize" options="550x webp picture Lanczos" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967" >}}
## Src parameter
Code:
```go-text-template
{{</* paige/image src="landscape.webp" */>}}
{{</* paige/image src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967" */>}}
```
Result:
{{< paige/image src="landscape.webp" >}}
{{< paige/image src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967" >}}
## Title parameter
Code:
```go-text-template
{{</* paige/image src="landscape.webp" title="Landscape" */>}}
{{</* paige/image src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967" title="Landscape" */>}}
```
Result:
{{< paige/image src="landscape.webp" title="Landscape" >}}
{{< paige/image src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967" title="Landscape" >}}
## Width parameter
Code:
```go-text-template
{{</* paige/image src="landscape.webp" width="50%" */>}}
{{</* paige/image src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967" width="50%" */>}}
```
Result:
{{< paige/image src="landscape.webp" width="50%" >}}
{{< paige/image src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967" width="50%" >}}
## Figure
@ -125,12 +125,12 @@ Code:
```go-text-template
{{</* paige/figure caption="Landscape" */>}}
{{</* paige/image src="landscape.webp" */>}}
{{</* paige/image src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967" */>}}
{{</* /paige/figure */>}}
```
Result:
{{< paige/figure caption="Landscape" >}}
{{< paige/image src="landscape.webp" >}}
{{< paige/image src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967" >}}
{{< /paige/figure >}}

Loading…
Cancel
Save