Implement dynamic photo gallery with slider and modular structure#265
Open
a-latyshev wants to merge 6 commits into
Open
Implement dynamic photo gallery with slider and modular structure#265a-latyshev wants to merge 6 commits into
a-latyshev wants to merge 6 commits into
Conversation
…n via JSON-based workflows
…allery data path handling
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
This pull request introduces a new dynamic photo gallery feature for the conference website, specifically for the FEniCS 2026 page. The gallery is automatically populated by fetching images from a remote URL and updating a local JSON file, which is then used to render a modern, interactive slider and lightbox experience. The implementation includes a Python utility for updating image lists, new HTML and JavaScript for the gallery, and supporting CSS for styling.
New Dynamic Photo Gallery Feature
Added a
gallery_urlandgallery_datafield to theconference/2026.mdfrontmatter to specify the remote image source and local JSON data file for the gallery. The gallery is rendered using a new{% include gallery.html %}section on the page. [1] [2]Created
_includes/gallery.htmlwith JavaScript to dynamically fetch image URLs from the specified JSON file, render a scrollable thumbnail gallery, and provide a lightbox modal with navigation and keyboard support.Added custom styles in
assets/css/customsty.cssfor the gallery slider, thumbnail grid, slider buttons, and lightbox modal, including responsive design tweaks.Automation and Workflow
Introduced
_tools/update_galleries.py, a Python script that crawls markdown files forgallery_urlandgallery_data, fetches image links from the specified URL, and writes them to the corresponding JSON file. This script also cleans up oldgallery_imagesentries in the frontmatter.Updated the GitHub Actions workflow (
.github/workflows/build.yml) to run the gallery update script automatically before building the website, ensuring image galleries are always up to date.