Devlog #4 — Location, passes, crew & wrapping up the HTMLFinished the HTML structure today. Three more sections in the sidebar.Observer
location first. Two inputs — lat/lon manually, or a “Use my location”
button that’ll hit the browser geolocation API. Placeholder values are
Budapest coordinates (47.4979, 19.0402) — yeah, I’m Hungarian, felt
right, but I live in Romania because of the Trianon.Then
the visible passes section. Right now just shows an empty state: “Set
an observer location to predict naked-eye visible passes.” There’s a
checkbox for showing all passes, not just visible ones. The actual pass
prediction math is going to be the hardest part I think. satellite.js
can do it but I haven’t figured out that part yet.Crew
section is there too. Pulls from Open Notify API — basically just a
list of who’s up there right now. Placeholder shows “Loading…” for
now.Also noticed a bug writing this: three of the
globe control buttons (Rotate, Orbit, Day) all have id=“c-follow”.
Duplicate IDs. JavaScript is going to have a bad time with that. Need to
fix before I wire anything up.Footer has the data sources listed — wheretheiss.at for live position, satellite.js for the SGP4 math, Open Notify for crew. Felt important to credit them properly.HTML’s basically done. Next session is the scary part — the JavaScript.Honestly,
as a beginner with HTML and CSS, I think I actually get it now. I’m not
just copy-pasting; I truly understand why things go where they do.
Grid, flexbox, CSS variables, pseudo-elements—these were concepts that
looked like alien syntax a week ago. AI helped a lot with that. It
didn’t do the work for me, but it explained what each part actually does
while we built it. I didn’t expect to learn this much so quickly, and I’m very happy for this.