A dotted globe of the Earth, drawn on a canvas, with pins anchored to
real coordinates. Turn it with the mouse, or step from one pin to the
next with the keyboard: the globe rotates round to it. No dependency, no
build step, no external request — the map of the landmasses fits in an
18 KiB file.
Dark, cards open
The default setting. Every address visible on the near hemisphere carries its card.
FranceParis18 rue de Paradis+33 1 84 80 12 04
CanadaMontreal1155 René-Lévesque+1 514 555 0148
SingaporeDowntown Core8 Marina View+65 6220 4488
South AfricaCape Town32 Bree Street+27 21 555 0192
Cyan, cards on hover
.globe-pins--cyan and data-gp-cartes="au-focus":
the cards only appear on hover or on focus, which lets the globe breathe
when there are many pins.
FranceParis18 rue de Paradis+33 1 84 80 12 04
United StatesNew York55 Water Street+1 212 555 0113
JapanTokyo2-11 Kanda+81 3 5555 0170
AustraliaSydney14 Kent Street+61 2 5550 0136
Light and compact
On the left .globe-pins--clair (227 rows, the finest mesh
measured on the reference). On the right
.globe-pins--compact: half the text, half the dots, for a
side column.