Without JavaScript

Nothing is missing

This page loads no script at all. The stars drift, the aurora sways, the horizon glows: it is all CSS.

The full demonstration

What changes without a script

Three things, and each of them is either replaced by CSS or needs no replacement.

The two numeric settings

data-sh-speed and data-sh-intensity are no longer read. The variables they drive, however, remain: the block below is set by hand with --sh-star-speed, --sh-glow-speed and --sh-intensity.

--sh-star-speed: 2.64 · --sh-intensity: 1.44

The generated sky

data-sh-stars="seeded" no longer has any effect: the original texture remains, the one from the component this is taken from. The drawing is the reference's, which is the right fallback.

The pause when off screen

The animations run permanently. The browser already suspends them of its own accord when the tab goes into the background; what it does not do is stop them when the block has simply scrolled off the screen.