Gallery

Gallery Page

The Blacks gallery is split into two parts: an image gallery for still photos and a video gallery for cinematic content. Both share a common index page that links to each section.

This guide explains how to update the gallery index, how to add new images, and how to embed videos from YouTube.

---

Gallery Index

The gallery index is the landing page for both sections. You can update it at src/pages/gallery/index.md.

Frontmatter format:

---
layout: ../../design/gallery/start.astro
title: Title for gallery page
description: Description about gallery page
image: URL cover image for gallery page
image_icon: Icon for gallery image here
image_text: Gallery Image text information
video_icon: Video image icon here
video_text: Video gallery title
pubDate: "publish date here"
---

Full implementation example:

---
layout: ../../design/gallery/start.astro
title: Gallery of The ART
description: Creativitas photography art gallery
image: https://1.bp.blogspot.com/-m35-InVTVA4/YLfSC8zR6RI/AAAAAAAAOyc/DQcBknqi28APaOOuhzBzsVLGPuxCmXyPACLcBGAsYHQ/s2048/36870944_10212502263492550_7984323407032352768_n.jpg
image_icon: /img/icon/photoart.svg
image_text: Photography ART
video_icon: /img/icon/cinemavideo.svg
video_text: Cinematic Video
pubDate: "2023-12-04"
---

Output Design:

---

Image Gallery

The image gallery displays all your photographic work. Each image lives as its own Markdown file inside src/pages/gallery/image/.

To create a new image entry, copy an existing Markdown file, rename it to match the image URL you want, open it in your code editor, and update the content.

Frontmatter format:

---
layout: ../../../design/gallery/imagepost.astro
title: Image title here
description: Image description
image: image url in here
pubDate: insert publish date
tags: ["your tag in here", "tag1", "tag2"]
categories: ["image categories in here"]
---

Write your image article information with markdown here...

Full implementation example:

---
layout: ../../../design/gallery/imagepost.astro
title: Are You Ready
description: Fashion art photography are you ready
image: https://1.bp.blogspot.com/-hGR7JcGX6yE/YLe0iXQXZJI/AAAAAAAAOno/xQ-KXJQu02sxw1fE7pMiGIqcjQw_hpvoACLcBGAsYHQ/s2048/50576456_10213765641116201_5268376515006955520_n.jpg
pubDate: 2023-12-05
tags: ["fashion", "casual", "colour","stylish", "art"]
categories: ["fashion art photography"]
---

Are you ready shoot take @ Sidoarjo Street
 - Sidoarjo - East Java - Indonesia

Photo detail:
+ Gear : Nikon D750
+ Lens : Nikkor 24/F.2 AIS MF
+ Edit style: Fashion Photo ART

Output:

After you create image pages, each one will automatically appear on the image gallery list page.

Output:

---

Video Gallery

The video gallery displays cinematic videos embedded from YouTube. Each video lives as its own Markdown file inside src/pages/gallery/video/.

Getting the YouTube Video ID

When you embed a video, you only need the video ID — the part after v= in the YouTube URL.

Example:

• Full URL: https://www.youtube.com/watch?v=hOdQ0PCspW4
• Video ID: hOdQ0PCspW4

Copy only the ID, not the full URL.

To create a new video entry, copy an existing Markdown file, rename it, open it in your code editor, and update the content.

Frontmatter format:

---
layout: ../../../design/gallery/videopost.astro
title: Your video title
video: the back of the YouTube URL
description: Video description here
image: Video image cover here
pubDate: Input Publish date
tags: ["Your tag in here", "tag1", "tag2"]
categories: ["Your video categories in here"]
---

Write information about your video in here...

Full implementation example:

---
layout: ../../../design/gallery/videopost.astro
title: Arosbaya Madura Photography
video: sE9kROzz3Nk
description: Photography concept goes to Arosbaya Madura - East Java - Indonesia
image: https://1.bp.blogspot.com/-3FM3secOOc4/YLfR-hsvEQI/AAAAAAAAOxs/tlk8-2X-O0wT8aIUyEdq_mzya_cVCc10wCLcBGAsYHQ/s2048/25734257_10211062510699630_6028128390988426982_o.jpg
pubDate: 2023-12-03
tags: ["photography art", "arosbaya", "madura", "video cinema", "cinematic video"]
categories: ["conceptual art cinema"]
---

Our photography art team conducted a photoshoot session in Arosbaya Madura - East Java - Indonesia.

Output:

After you create video pages, each one will automatically appear on the video gallery list page.

Output: