A self-contained, single-page field guide: a routed two-day walk through San Francisco grouped so you never double back, followed by the northbound van leg up the Marin coast and into redwood country.
- Editorial layout with custom typography (Bricolage Grotesque, Newsreader, Spline Sans Mono) and a fog-and-bridge color palette.
- Scrollytelling map — a sticky Leaflet map that follows along as you scroll, highlighting each stop for the two city days.
- 14 stops across Day 1 (the West Side), Day 2, and the road trip north, each with timing, neighborhood, notes, and an Open in Maps link.
- Field notes and per-leg tips (biking the Presidio, the drive between the two northern stops, the Avenue of the Giants detour).
- Local photography — images live in
assets/so the HTML stays small and the browser can lazy-load media as visitors scroll. - Responsive & accessible — collapses to one column on mobile and respects
prefers-reduced-motion.
It's a static page. Open index.html directly, or serve the folder:
python3 -m http.server 8000
# then open http://localhost:8000An internet connection is needed for the Google Fonts, the Leaflet library, and the OpenStreetMap map tiles. The page's own photos are local files and load from
assets/.
| Path | Purpose |
|---|---|
index.html |
The page markup, styles, itinerary, and script |
assets/ |
Local photography used by the itinerary cards |
The page is still a static site, but index.html and assets/ should be kept
together when moving or hosting it.