Fast Hugo gallery theme/module suitable for lots of images.

Overview

Gallery Deluxe

A Hugo Module to show a photo gallery. It's very fast/effective, especially if you have lots of images on display.

See the annotated index.html for a brief explanation about how to set this up. Note that we currently only support 1 gallery per page. Note that the exampleSite is currently configured to load a directory from bep's MacBook. If you want to take this for a spin, modify that so it points to a directory with some JPEGs on your PC.

This theme is what you see on staticbattery.com which, at the time of writing this, scores 100 at Google PageSpeed for both mobile and desktop.

Credit to Dan Schlosser for the Pig JS library.

Comments
  • Struggling with deployment (newbie)

    Struggling with deployment (newbie)

    Hey Bep. Loving the theme and Hugo so far. Im just started to learn Hugo and i have been struggling to deploy this theme locally for the past day. (Read the Hugo documentation, but no luck) Would be awesome If you could add some manual how to deploy this properly (for noobs like me). Thank you!

    opened by Krap1v 2
  • Exif Getting Multiple Info

    Exif Getting Multiple Info

    Thanks for the adding the exif info.

    before, i just dict each tags i need instead using "Exif" .Exif.Tags in init.html, because i have no idea how to parse ExposureTime|*big.Rat":"1/100 or "FocalLengthIn35mmFilm|int":"28" using javascript. 🤣 And I'm imagining the exif info will be on top / bottom of the image (just like the other lightbox) never thought about showing on overlay like this.. 👍


    So i'm testing the exif updates, and modify the exif part from the config.toml into:

    includeFields = 'Artist|Make|Model|LensModel|FocalLength|FNumber|ExposureTime'

    and the exif info is showing more tags because of the 'almost same' tags.. (i dont know how to say it correctly)

    {"Exif":{"Lat":0,"Long":0,"Date":"2022-10-01T12:16:39+07:00","Tags":{"ExposureTime|*big.Rat":"1/100","FNumber":1.9,"FocalLength":3.7,"FocalLengthIn35mmFilm|int":"28","Make":"samsung","MakerNote":"0100 Z@P","Model":"SM-A710F"}}}

    this is the content of json file. maybe because i put the "FocalLength", so the "FocalLength" and the "FocalLengthIn35mmFilm" is inserted too.. and "Make" is almost the same with "MakerNote" ..

    this is the screenshoot:

    hglahsldgkhsdhgds

    test url: https://splendid-pastelito-2af510.netlify.app/ test repo: https://github.com/andremoreno/gallerydeluxe

    once again thank you..

    opened by andremoreno 1
  • Orientation Change

    Orientation Change

    Hello,

    Sorry I've put on a wrong repo >.<

    1. Thank you for this theme. I really like it and looks like it very simple. just drop the new image(s) and ready...

    2. I want to ask if there is anyway to fix the layout on orientation change(s)

    I mean, on portrait it shows 2 photo / row Screenshot_20221001-140843

    and when i change to landscape it shows 3 photo / row Screenshot_20221001-140851

    and when i change to portrait again it still showing 3 photo / row instead of 2

    Screenshot_20221001-140901

    1. Exif (dont know if i have to ask in here or better to open a new issue) Is there a good way to show the exif ?

    I've try on my repo https://github.com/andremoreno/a7gallery i'm try to add the exif to json via init.html

    Thank you ..

    opened by andremoreno 1
  • Add the dominant colors in the background

    Add the dominant colors in the background

    This needs Hugo >= 0.104.0.

    Also add a few settings:

    [params]
        [params.gallerydeluxe]
            # Shuffle the images in the gallery to give the impression of a new gallery each time.
            shuffle = false
    
            # Reverse the order of the images in the gallery.
            reverse = true
    
    opened by bep 0
  • Support Exif orientation

    Support Exif orientation

    in my gallery i have 50 images take by andorid an iphone cameras

    the gallery works great and create the thumbnails for the website, but the most thumbnails are coming with the wrong orientation

    on the same image the thumbnail is always the same error, that means, i cleared the cache and rebuild the project, but an image with a wrong thumbnail orientation of 90 or 180 degrees, always had the same error

    the large image of an "wrong" thumbnail, comes in the correct orientation

    in the code i see, that the orientation is calculated from the exif x and y dimensions, but if i analyze my images, the dimensions looking fine

    enhancement 
    opened by SaGuse 2
Releases(v0.8.1)
  • v0.8.1(Nov 7, 2022)

    What's Changed

    • Fixed swiping direction on mobile by @adamaltmejd in https://github.com/bep/gallerydeluxe/pull/8

    Full Changelog: https://github.com/bep/gallerydeluxe/compare/v0.8.0...v0.8.1

    Source code(tar.gz)
    Source code(zip)
  • v0.8.0(Nov 7, 2022)

    What's Changed

    • Allow all image file types by @adamaltmejd in https://github.com/bep/gallerydeluxe/pull/7

    New Contributors

    • @adamaltmejd made their first contribution in https://github.com/bep/gallerydeluxe/pull/7

    Full Changelog: https://github.com/bep/gallerydeluxe/compare/v0.7.0...v0.8.0

    Source code(tar.gz)
    Source code(zip)
  • v0.7.0(Oct 3, 2022)

  • v0.6.0(Oct 2, 2022)

    Enable EXIF in your site settings:

    [params]
        [params.gallerydeluxe]
             # Enable Exif data in the gallery.
             # See https://gohugo.io/content-management/image-processing/#exif-data for how to filter tags.
            enable_exif = true
    

    You also need to configure what Exif info to use, see the exampleSite configuration.

    To see it in action: https://staticbattery.com/

    Source code(tar.gz)
    Source code(zip)
  • v0.5.0(Oct 1, 2022)

  • v0.4.0(Sep 23, 2022)

    What's Changed

    • Add the dominant colors in the background + some settings by @bep in https://github.com/bep/gallerydeluxe/pull/1

    Full Changelog: https://github.com/bep/gallerydeluxe/compare/v0.3.0...v0.4.0

    Source code(tar.gz)
    Source code(zip)
  • v0.3.0(Sep 21, 2022)

Owner
Bjørn Erik Pedersen
Software Developer and Saxophonist from Norway • Creator of @gohugoio
Bjørn Erik Pedersen
3D Infinite Art Gallery! This pulls from Reddit's r/Art and creates a procedural infinite art gallery from random (sfw-only) posts.

Infinite-Art-Gallery Click for Demo! 3D Infinite Procedurally-Generated Art Gallery! This pulls from Reddit's r/Art and creates a procedural infinite

Austin 33 Dec 15, 2022
🌗 1 line of code to apply auto dark / light theme and support custom theme for your website. Super fast and lightweight theme library.

themes.js A super lightweight and fast Theme library with auto system color scheme detection in JavaScript. Features Auto detect Dark / Light mode by

SerKo 4 Nov 29, 2022
My XFCE dotties - The GTK theme as well as the kvantume theme used here are forks of the Matcha GTK/kvantum theme

DOTFILES OF MY XFCE SETUP The GTK theme as well as the kvantume theme used here

Mehedi Rahman Mahi 201 Dec 31, 2022
Grupprojekt för kurserna 'Javascript med Ramverk' och 'Agil Utveckling'

JavaScript-med-Ramverk-Laboration-3 Grupprojektet för kurserna Javascript med Ramverk och Agil Utveckling. Utvecklingsguide För information om hur utv

Svante Jonsson IT-Högskolan 3 May 18, 2022
Hemsida för personer i Sverige som kan och vill erbjuda boende till människor på flykt

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

null 4 May 3, 2022
Kurs-repo för kursen Webbserver och Databaser

Webbserver och databaser This repository is meant for CME students to access exercises and codealongs that happen throughout the course. I hope you wi

null 14 Jan 3, 2023
A plugin to export pages in Logseq to Hugo.

logseq Schrödinger An awesome Logseq plugin to jumpstart your digital garden ?? ! Explore the docs » View Demo · Report Bug · Request Feature Table of

null 162 Jan 8, 2023
This textlint rule found representations not suitable for English papers

This textlint rule found representations not suitable for English papers

SATO Yusuke 4 Mar 1, 2022
Persistent key/value data storage for your Browser and/or PWA, promisified, including file support and service worker support, all with IndexedDB. Perfectly suitable for your next (PWA) app.

BrowstorJS ?? ?? ?? Persistent key/value data storage for your Browser and/or PWA, promisified, including file support and service worker support, all

Nullix 8 Aug 5, 2022
Playful and Colorful One-Page portfolio featuring Parallax effects and animations. Especially designers and/or photographers will love this theme! Built with MDX and Theme UI.

Gatsby Starter Portfolio: Cara Playful and Colorful One-Page portfolio featuring Parallax effects and animations. Using the Gatsby Theme @lekoarts/gat

prashanth s 1 Dec 24, 2021
Logseq-craft-theme - Craft Theme for Logseq

Craft for Logseq Almost all creativity requires purposeful play. A Craft insprir

Alexander Rink 33 Oct 26, 2022
Theme Redone is a custom WordPress theme starter/framework with its own Gutenberg blocks solution and a CLI that speeds up the block creation process.

Theme Redone The Framework for Developing Custom WordPress Themes with its own Gutenberg Blocks creation solution. Theme Redone is a custom WordPress

null 103 Dec 30, 2022
An npm package for demonstration purposes using TypeScript to build for both the ECMAScript Module format (i.e. ESM or ES Module) and CommonJS Module format. It can be used in Node.js and browser applications.

An npm package for demonstration purposes using TypeScript to build for both the ECMAScript Module format (i.e. ESM or ES Module) and CommonJS Module format. It can be used in Node.js and browser applications.

Snyk Labs 57 Dec 28, 2022
VanillaSelectBox - A dropdown menu with lots of features that takes a select tag and transforms it into a single or multi-select menu with 1 or 2 levels

vanillaSelectBox v1.0.0 vanillaSelectBox : v1.00 : Adding a package.json file New : Possibility to change the dropdown tree and change the remote sear

philippe MEYER 103 Dec 16, 2022
Lavalink client with lots of extra functionality, easy to use and well optimized.

?? nSysLava Lavalink client with lots of extra functionality, easy to use and well optimized! พัฒนาโดยคนไทย ?? Many utility functions - มีฟังก์ชันอรรถ

nicenathapong 3 Apr 12, 2022
A social network app cloned from Instagram built with Next.Js, Socket.IO and a lots of other new stuff.

Instagram Noob ⚡ A social network app cloned from Instagram built with Next.Js, Socket.IO and a lots of other new stuff. Live Demo: https://instagram-

Hung Minh 20 Oct 19, 2022
Project to manage multiple emails at once with lots of customization. You can send and receive emails. Desktop notifications can be modified.

Technologies Used React Redux Tailwind CSS Features Admin dashboard User settings and or user dashboard send emails recive emails Connections through

Multi Email 9 Dec 17, 2022
This is my first website. It has helpful information, games, lots of pages & more.

Mitko.Vtori World This is my first website. It has helpful information, games, lots of pages & more. ?? Presentation & Introduction Here's link to my

Dimitar Dimitrov 29 Dec 30, 2022