The Teesside Photographer

Site Map — 23 April 2026 | Typography: Julius Sans One + Jost | Display: Lightbox | Hosting: Hostinger

Level 0 — Landing
Landing page
Composite SVG animation plays on load
Seal bobs → logo fades in → Enter button appears
No navigation, no chrome
click "enter" ↓
Level 1 — Homepage / Gallery Index
Gallery thumbnail grid
14 thumbnails total (12 galleries + Notes + Animate). Bridges hidden until ready. More galleries added over time.
click gallery thumbnail ↓
Level 2 — Gallery View
Gallery display
← "gallery index" link at top returns to Level 1
Upper ~¼ page: main image display area
Horizontal reel at base of main image — auto-advancing carousel, highlights in sequence
Reel may appear as hover overlay (Friel style) — polish decision during build
Lower section: full thumbnail grid of all images
Final thumbnail = variant "door" (colour if mono gallery, mono if colour gallery)
Click any image or thumbnail → lightbox
click variant door ↓
Level 2b — Sub-gallery
Sub-gallery (variant)
Same layout as parent gallery
Alternate treatments (col ↔ mono)
Independent display ordering
Click up → back to parent
click image ↓
Overlay — Lightbox
Lightbox
Full-screen image view
Close → returns to gallery
Available from Level 2 and 2b

Special pages (same level as galleries)

Notes

Collected commentary pieces. Scrollable, one to next. Presentation TBD — options: cine slide, parchment, negative viewer. Separate notes font TBD.

Animate

Landmark builder game. Self-contained HTML embed. Gamification / engagement piece. Already built and finalised.

← Showcase