Building a Stardust Site Around Its Content

A galaxy as an entry point

The star represents an introduction, planets represent projects, and the outer region represents notes. Conventional navigation also provides direct access.

Motion outside, reading inside

The home page hosts animation and exploration. Detail pages focus on headings, summaries and text. Notes add navigation, highlighting and code copying.

Paths for different devices

Device-based performance tiers provide a static-sky fallback. Motion should also respect reduced-motion preferences.

Separate content from the scene

FastAPI and SQLite manage projects, notes and profile text. Updating a project does not require editing the Three.js scene. Chinese and English share a content structure.

Next steps

Each project should explain its problem, implementation and tradeoffs. Each note should preserve something reusable.