← Archive01 / 16
Lab noteNo. 01
Hogwarts
A fan landing page for Hogwarts with house profiles, a course list and an application form that sorts you into a house.
- Made
- Nov 2022
- Type
- Landing page
- Stack
- HTML / CSS / JS
Why I built it
One of my first complete pages.
What I learned
- IntersectionObserver turns on a sticky navigation once the hero leaves the screen.
- Event delegation, so one listener handles every navigation link.
- House buttons and their content in matching arrays, so clicking one shows its own by index.
- Form logic with if/else, checking age and trait to choose a house.
Revisited
- Nov 2023: moved the navigation to event delegation.
- Aug 2024: fixed the form buttons and smoothed the scrolling.