Inline Gallery Demo

This project demonstrates how to place multiple image galleries at specific positions within your content using the <!-- gallery:id --> syntax.

Desktop Screenshots

Here are some screenshots of the desktop version:

As you can see above, the desktop interface features a clean, modern design with intuitive navigation.

Mobile Experience

The mobile version was designed with touch interactions in mind:

The responsive design ensures a great experience on all screen sizes.

Key Features

Let me highlight two of the main features:

These features work together to create a seamless user experience.

Demo Video

Here's a quick demo of the project in action:

Embedded Vimeo

You can also embed external videos from Vimeo, YouTube, etc:

How to Use Inline Galleries

1. Define your galleries in the frontmatter under galleries
2. Give each gallery a unique id
3. Choose a layout from the available options
4. List the images for that gallery
5. Place <!-- gallery:id --> anywhere in your markdown content

That's it! The gallery will be rendered at that exact position.