Pure CSS Interactive Map

This doesn’t look great at small sizes — in the original, I have an alternate rule for displaying on mobile devices. Click the points to expand them.

A Place

You can put plenty of details in here. In the original, I listed contact information and linked phone numbers and email addresses.

Another Place

Lorem ipsum something something

Marauder Town

I solemnly swear that I am up to no good

Logan's Mum

I’m a marshmallow

Toto

I bless the rains

With Love

— 007

It’s been brought to my attention that OSX/Safari doesn’t support :active for buttons with default settings, so you guys will have to resort to JS or hold down your mouse button to keep :focus triggered.