← All notes

This site is now a solar system

The homepage became a clickable orrery. Every planet is a section, and the physics is mostly lies.

The homepage used to be a picture of Earth. Now it is a small solar system you can drag around, and every body in it is a part of this site:

  • The Sun is home.

  • Earth is Projects.

  • Mars is Races. Red, dusty, and slightly painful. It fits.

  • The asteroid belt is Notes, which is honest: a few rocks, mostly empty space.

  • Saturn is Reading. The arc of its ring shows how far I am through the series on my shelf.

Click a planet and the camera flies to it and opens a card with a link. Double-tap empty space to fly back out.

Things that took longer than they should have

  • Saturn’s ring. A planet in focus is framed by what is drawn, not by its sphere. For Saturn that means the ring, so the sphere had to shrink to about 40% of the room to keep the ring clear of the text.

  • The camera chasing a moving planet. Easing toward the planet’s position left the camera 0.4 to 1.4 units behind it, which was more than the gap to the card.

  • Double-tap. A 500 ms window, a 40 px slop for fingers, and a rule that the Sky card waits until the window closes, so one tap cannot do two things.

  • The angle. The camera looks down 30 degrees, not 21. It makes the orbits rounder and fills the hero better.

why?

because why not?

checkout xo.nasser1931.com for a suprise 👀

Textures are from Solar System Scope (CC BY 4.0), based on NASA imagery.