Devlog #3 — Globe markers & the telemetry panelGot
the globe section wired up today. The ISS marker is a small orange ring
with a dot in the middle — like a crosshair. Took a while to get the
centering right with translate(-50%, -50%), kept jumping to weird
positions on the globe. CSS ::after pseudo-element for the inner dot.
Didn’t know that trick before, actually pretty clean.Also
built out the telemetry panel. Latitude, longitude, altitude, orbital
speed, orbital period, illumination — all sitting in those readout rows
from last session. Right now they just show - as placeholders. Next step
is hooking them up to live data so they actually update.One
thing I noticed: the status LED up in the header is set to warn
(orange) by default — because while the app is still loading TLE data,
it shouldn’t show green. Small UX detail but it matters. Green means
live, orange means loading, red means something broke.Also
added the observer marker for the user’s location on the globe.
Different color from the ISS marker — white tag instead of orange — so
it’s clear which is which at a glance.Starting to look like an actual mission control dashboard. Not bad for someone who barely knew what CSS grid was two weeks ago.