diff options
author | Zachary Betz <zwbetz@gmail.com> | 2019-02-27 06:33:06 +0300 |
---|---|---|
committer | Zachary Betz <zwbetz@gmail.com> | 2019-02-27 06:33:06 +0300 |
commit | 91c405b90d15677f62a5894e65e8d77f0cabb555 (patch) | |
tree | c01cde54f8c22f896846fc5b89a0e1355eaf2056 /exampleSite | |
parent | 905ed5f7eb85d6a332194e9a76439db724159580 (diff) |
Add card shortcode
Diffstat (limited to 'exampleSite')
-rw-r--r-- | exampleSite/content/post/papercss-shortcodes/index.md (renamed from exampleSite/content/post/papercss-shortcodes.md) | 32 | ||||
-rw-r--r-- | exampleSite/content/post/papercss-shortcodes/sun.jpg | bin | 0 -> 3118921 bytes |
2 files changed, 23 insertions, 9 deletions
diff --git a/exampleSite/content/post/papercss-shortcodes.md b/exampleSite/content/post/papercss-shortcodes/index.md index 2cc5885..a61fe7d 100644 --- a/exampleSite/content/post/papercss-shortcodes.md +++ b/exampleSite/content/post/papercss-shortcodes/index.md @@ -214,16 +214,30 @@ Alert-danger ## card +The `img` param accepts an [image page resource](https://gohugo.io/content-management/page-resources/) name. + +The `command` and `options` params accept [image processing](https://gohugo.io/content-management/image-processing/#readout) args. + +Required params: `img`, `command`, `options`. + +Optional params: `title`, `subtitle`, `text`. + ``` -TODO +{{</* card +img="sun.jpg" +command="Resize" +options="900x" +title="The Sun" +subtitle="It's the Sun, dude" +text="The Sun is the star at the center of the Solar System. It is a nearly perfect sphere of hot plasma, with internal convective motion that generates a magnetic field via a dynamo process. It is by far the most important source of energy for life on Earth. [Credits](https://images.nasa.gov/details-GSFC_20171208_Archive_e000393.html)." */>}} ``` -<div class="card row flex-center" style="width: 20rem;"> - <img src="https://picsum.photos/768" alt="Card example image"> - <div class="card-body"> - <h4 class="card-title">My awesome Paper card!</h4> - <h5 class="card-subtitle">Nice looking subtitle.</h5> - <p class="card-text">Notice that the card width in this example have been set to 20rem, otherwise it will try to fill the current container/row where the card is.</p> - </div> -</div> + +{{< card +img="sun.jpg" +command="Resize" +options="900x" +title="The Sun" +subtitle="It's the Sun, dude" +text="The Sun is the star at the center of the Solar System. It is a nearly perfect sphere of hot plasma, with internal convective motion that generates a magnetic field via a dynamo process. It is by far the most important source of energy for life on Earth. [Credits](https://images.nasa.gov/details-GSFC_20171208_Archive_e000393.html)." >}} diff --git a/exampleSite/content/post/papercss-shortcodes/sun.jpg b/exampleSite/content/post/papercss-shortcodes/sun.jpg Binary files differnew file mode 100644 index 0000000..0faeb53 --- /dev/null +++ b/exampleSite/content/post/papercss-shortcodes/sun.jpg |