Photo Gallery

• Directorysrc

  • Directorylayouts

    • components
    • Directorypartials

      • PhotoGallery.astro
  • lib
  • pages

We use the Photo Gallery component on our homepage to highlight our club’s adventures.

The data file for changing these images can be found here:

• Directorysrc

  • Directorycontent

    • pages
    • Directorysections

      • brewer-spotlight.md
      • image-gallary.md
  • hooks

This is a YAML data file with this structure:

---
enable: true
title: "Horsemen Club Adventures"
description: "Snaps from our Historian and Social Media Maven taken at club events."

# Photos
photos:
  - name: "Happy Hour @ Cowtown Brewing"
    alt-text: "Club members at Cowtown Brewing"
    description: "Club members at Cowtown Brewing"
    image: "/images/horsemen-1.jpg"

Setting enable to false will prevent the gallery from loading any images and the pages using the gallery will not have images to show.

To add images, repeat the YAML structure with new values and store the image in the public/images folder.

• Directorypublic

  • Directoryimages

    • german-beer.jpg
    • horsement-1.jpg
  • scripts
• scripts
• src

To remove an image, delete its entry in the image-gallary.md file and delete the image from the public/images folder.