Altitude

Highlights

How to Use

1. Start at the base

   Open the page and read the opening block: the peak name, base elevation, summit elevation, and the note that the whole page is one gain in elevation. The fixed rail on the right already shows your starting altitude of 1,246 m.

2. Scroll through the stations

   Scroll down to move up the mountain. Each section introduces a named station with its elevation, a short description, and a photograph or video that spans the viewport. The dot on the right rail rises as you scroll and the number beside it updates to mark the altitude you have reached.

3. Reach the summit or jump ahead

   Continue to the summit section for the closing text, or use the Skip to summit link at the top to jump straight there. The Request an ascent link moves down to the compact demo, and Return to base brings you back to the opening block without reloading the page.

4. Try the compact demo

   The lower Hill 19 block repeats the same mechanic in a shorter form with three stations from 84 m to 486 m. It is meant to show how the altitude component can be placed inside an existing page, and its rail stays local to the section instead of being fixed to the viewport.