arntanguy / blog

Mountaineering blog

Blog

Gallery

The gallery system is described here (example website. It is based on lightgallery and isotope.

To generate a new gallery:

First create a set of images of multiple resolutions in images/galleries/<your-gallery>. Images with the same base-name differing only by a suffix will be treated as being the same image with a different resolution. E.g:

images/galleries/<your-gallery>/image1-2000x2000.jpg
images/galleries/<your-gallery>/image1-toto.jpg
images/galleries/<your-gallery>/image1-original.jpg
images/galleries/<your-gallery>/image2-2000x2000.jpg
images/galleries/<your-gallery>/image2-whatever-suffix.jpg

cd _data/galleries
./gallery_creator.py <your-gallery>
# This will rename the images in /images/galleries/<your-gallery> according to their resolution and create a <your-gallery>.yml file containting its configuration

The gallery can then be included with:

{% include gallery-layout.html gallery=site.data.galleries.gallery-test %}

When adding multiple times the same gallery in the same page, then use id_number to distinguish them:

{% include gallery-layout.html gallery=site.data.galleries.gallery-test  id_number="1"  %}
{% include gallery-layout.html gallery=site.data.galleries.gallery-test  id_number="2"  %}

To resize the images in a gallery, edit the width of the .gallery-sizer element in _sass/3-modules/gallery.scss. (TODO this should be a parameter)

CV

The CV page is based on jekyll-cv.

To update the CV, simply edit the information in _data/cv.yaml.