florent/pages
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
597b5751a3
pages/_posts/2015-05-15-images.md
George d98eafb424
Added thumbnail support for blog posts (#1371) 
Implemented #425 based on given code.


![image](https://user-images.githubusercontent.com/31376482/234644266-07c1aebd-6a83-482f-8ac2-846fe5c0653d.png)

---------

Signed-off-by: George Araujo <george.gcac@gmail.com>
2023-05-01 13:27:33 -03:00

1.7 KiB
Raw Blame History

layout title date description tags categories thumbnail
post a post with images 2015-05-15 21:01:00 this is what included images could look like formatting images sample-posts assets/img/9.jpg

This is an example post with image galleries.

{% include figure.html path="assets/img/9.jpg" class="img-fluid rounded z-depth-1" %}
{% include figure.html path="assets/img/7.jpg" class="img-fluid rounded z-depth-1" %}
A simple, elegant caption looks good between image rows, after each row, or doesn't have to be there at all.

Images can be made zoomable. Simply add data-zoomable to <img> tags that you want to make zoomable.

{% include figure.html path="assets/img/8.jpg" class="img-fluid rounded z-depth-1" zoomable=true %}
{% include figure.html path="assets/img/10.jpg" class="img-fluid rounded z-depth-1" zoomable=true %}

The rest of the images in this post are all zoomable, arranged into different mini-galleries.

{% include figure.html path="assets/img/11.jpg" class="img-fluid rounded z-depth-1" zoomable=true %}
{% include figure.html path="assets/img/12.jpg" class="img-fluid rounded z-depth-1" zoomable=true %}
{% include figure.html path="assets/img/7.jpg" class="img-fluid rounded z-depth-1" zoomable=true %}