Ensure examples content sits in landmarks

Created by: ffoodd

Using landmarks for proper semantic also really helps navigating the page for users and ATs: most of this PR only wraps content in main or header.

There's also small fixes regarding contrasts and proper semantic.