Photographs
[INTRO — one or two sentences. What these are, where they're from, why they're on a professional site. Optional, but a line of framing helps.]
[Place or trip — YYYY]
[Optional two-line note on this set.]
![[Alt text.]](../assets/img/placeholder-photo.svg)
[Second set — YYYY]
.grid.two gives a two-up layout for images that need more room.]
Adding photos. Put files in
Resize before uploading. Long edge 1600 px, JPEG quality ~80, which lands around 300 KB each. Full-resolution camera files will make the page unusable on mobile data. There's a one-line command in the README.
Alt text matters — it's what screen readers announce and what search engines index.
assets/img/ and point the
src at them. Grids are .grid (three-up) or
.grid.two (two-up), and collapse to one column on phones.
Resize before uploading. Long edge 1600 px, JPEG quality ~80, which lands around 300 KB each. Full-resolution camera files will make the page unusable on mobile data. There's a one-line command in the README.
Alt text matters — it's what screen readers announce and what search engines index.