Galleria is a plugin for pelican, a static site generator written in python.

Observe it first in action here: try to resize the window of our web browser and observe the flexible rearrangement of the following images.

The galleria plugin implements a reStructuredText directive for defining galleries in an intuitive way. Observe some real-life application of this plugin: just have a look at the Greuze-Cottave web site or the present author's Pirogh site.

The previous galleria shows four watercolors from 2022 by Pirogh, which is also the author of the present plugin. The original models was three Mycenaean fresco from the ancient Greece done between 1400 and 1200 BC, which could be observed in the archaeological museum in Athens, and the last is a watercolor on the motif that represents the Caryatid porch at the Acropolis.

Try to resize your window browser: observe the flexible rearrangement of the images. This is possible thanks to the flex container feature implemented by the galleria plugin. This is especially useful when displaying on mobile phones. Moreover, this plugin is able to automatically minimize the overall page weight: it save you a trip to gimp each time you include an image in your post. It also makes it easy to create responsive images using the html5 srcset attribute and <picture> tag. It does this by automatically generating multiple derivative images from one or more sources. It is possible efficiently to manage web site with thousands of large images, and each gallery could displays hundred of images: the result will optimize the bandwidth of the connection, depending upon the resolution of the user's display. Finally the thumbnail's image resolution itself is also responsive, in the sense that it takes into account the physical resolution of our window and screen resolution. When you click on a thumbnail of a picture, a full resolution version of this picture is displayed. The galleria will never overwrite your original images.

You're interested? Fascinated? Let's start! First, download and install the plugin:

git clone https://gricad-gitlab.univ-grenoble-alpes.fr/internet/galleria