include ../components/mixins.pug
extends ../components/details-template.pug

-
    const photographyData = {
        header: "Photography",
        description: "temptext.",
        images: [
            require('../images/photos/image0.png'),
            require('../images/photos/image1.png'), 
            require('../images/photos/image2.png')
        ],
        details: "D3100 -> SLT A58."
    }

block title
    title Photography Portfolio - Details

block navbar
    +navbarMixin("Photography")

block header
    h1.details-title #{photographyData.header}
    p.details-description #{photographyData.description}

block text
    p.details-text-content #{photographyData.details}
    .details-back-link
        a.back-button(href="./index.html") ← Back to Home

block gallery
    each image, index in photographyData.images
        .gallery-item
            img.gallery-image(src=image alt=`Photography ${index + 1}`)