# Defining Light Photo Gallery Site

Static project-gallery site for `gallery.defininglightphoto.com`.

## What this site does

- Shows project/session cards on the home page.
- Opens each project in a downloadable image gallery.
- Lets visitors download individual images.
- Lets visitors download a full-gallery `.zip` for each project.
- Uses a dark/gold Defining Light Photo style with mobile-friendly layout.

## Important limitation

This is a static website. That means you upload files through your hosting account, cPanel File Manager, FTP, SFTP, or your website builder's file manager.

Visitors can download files, but they cannot upload files through the website unless you add a backend service, WordPress plugin, client gallery platform, or cloud storage integration later.

## Folder structure

```text
index.html
project.html
assets/
  css/styles.css
  js/projects.js
  js/gallery.js
  img/defining-light-gallery-mark.svg
  projects/
    mustang-golden-hour/
      01-front-quarter.jpg
      02-detail-badge.jpg
      ...
downloads/
  mustang-golden-hour-images.zip
```

## How to add a new project

1. Rename the final images clearly, for example:

```text
01-front-quarter.jpg
02-detail-badge.jpg
03-wheel-closeup.jpg
04-rear-light.jpg
```

2. Create a folder inside `assets/projects/`.

Example:

```text
assets/projects/blue-mustang-session/
```

3. Upload the JPG files into that folder.

4. Create a zip file containing the same images and upload it to `downloads/`.

Example:

```text
downloads/blue-mustang-session-images.zip
```

5. Open `assets/js/projects.js` and copy one existing project block. Update:

- `slug`
- `title`
- `category`
- `date`
- `location`
- `client`
- `summary`
- `cover`
- `downloadAll`
- `images`

Example image entry:

```js
{
  "src": "assets/projects/blue-mustang-session/01-front-quarter.jpg",
  "caption": "Front Quarter",
  "downloadName": "01-front-quarter.jpg"
}
```

6. Save and upload the changed `projects.js` file.

## Uploading to your subdomain

Upload the contents of this folder into the document root for `gallery.defininglightphoto.com`.

Common hosting paths look like one of these:

```text
public_html/gallery/
public_html/gallery.defininglightphoto.com/
gallery/
```

Your hosting control panel will show the exact folder for the subdomain.

## Privacy note

Anyone with the link can access these galleries. Do not upload private client galleries unless you also add password protection, such as cPanel Directory Privacy, WordPress membership tools, or a dedicated client gallery service.

## Image size suggestion

For public web downloads, use JPG files around 2500 to 4000 pixels on the long edge unless clients specifically need full-resolution originals. Keep original RAW files offline.

## Updating the design

- Main colors and spacing live in `assets/css/styles.css`.
- Project content lives in `assets/js/projects.js`.
- The gallery behavior lives in `assets/js/gallery.js`.