# Dropping in your own photography

Every image position on this site already shows designed fabric artwork, so the
site looks finished with no photographs at all. When you have your own, you do
not need a developer.

## How it works

1. Name the file after the slot id in the table below.
2. Put it in this folder, `public/media/`.
3. Rebuild the site (`npm run build`) or restart the dev server.

That is the whole process. The photograph replaces the artwork, and the caption,
the alt text and the crop stay exactly as they are.

To go back to the artwork, delete the file.

## Accepted formats

`.jpg` `.jpeg` `.png` `.webp` `.avif`

If two files share a slot id, the first one found wins. Keep one per slot.

## The slots

| File to add | Where it appears | Shape | Suggested size | What to photograph |
| --- | --- | --- | --- | --- |
| `knitting-floor.jpg` | Home, the floor section | Portrait 4:5 | 1200 x 1500 | The knitting hall, shot long so the run of machines reads |
| `heritage-mill.jpg` | Home, heritage | Portrait 3:4 | 1200 x 1600 | The original Multan mill, or an archive photograph |
| `melange-yarn.jpg` | Knitwear, yarn | Portrait 4:5 | 1200 x 1500 | Cones of melange yarn on the creel, close and shallow |
| `denim-rigid.jpg` | Denim, the wash comparison, left | Landscape 16:10 | 1600 x 1000 | Rigid indigo denim, flat, even light |
| `denim-washed.jpg` | Denim, the wash comparison, right | Landscape 16:10 | 1600 x 1000 | The same garment or cloth after laundry and laser |
| `denim-laundry.jpg` | Denim, green journey | Portrait 4:5 | 1200 x 1500 | The laundry or the laser cabinet in use |
| `workwear-line.jpg` | Workwear, principles | Portrait 3:4 | 1200 x 1600 | A workwear stitching line, garments visible |
| `about-portrait.jpg` | About, story | Portrait 3:4 | 1200 x 1600 | People at work, or the building itself |

### Note on the denim comparison

`denim-rigid` and `denim-washed` are wiped against each other by a slider, so
they must be shot from the same distance and angle. Same garment, same lighting,
before and after the laundry, is the shot that works.

## Photography notes

The site is dark. Photographs with deep shadows and one clear light source sit
in it naturally. Bright, evenly lit catalogue shots will feel pasted on.

Text is laid over the lower part of most slots, so keep the bottom third of the
frame free of anything important.