Templates

Responsive Galleries with Foundation

Wanna create a responsive gallery to showcase your portfolio, recent photos or images? It's quite easy thanks to Foundation and Clearing Lightbox.

You just need to choose a template like the page- or page-fullwidth-template and then just use {% include gallery %}.

How to embed a gallery

{% include gallery %} lets you easily embed a gallery into your post. To use the gallery-include…

Define the big version in frontmatter,

gallery:
    - image_url: gallery-image.jpg

If you like captions, give each image a caption:

gallery:
    - image_url: gallery-image.jpg
       caption: Starting Page with huge One Logo

Add the include whereever you want in your content with {% include gallery %}.

Have a look at this example-entry. And have a look into the images-folder. :)