Without JavaScript
Nothing has been taken away
This page loads no script at all. The curtain rose all the same, the
photograph settled, the title and the two lines of the caption came up
in order: the whole entrance is written in CSS, with
@keyframes that only describe their starting state, so
that the arrival state stays the one set by the rules of the
component.
What is missing here, and nothing else:
data-au-defilement — holding the entrance back until the
component is visible — and the rejouer() method. Two
conveniences; the component depends on neither of them to be shown or
to be read.
Under prefers-reduced-motion, the animations and their
delays go: the component shows itself straight away in its final
state, curtain raised and type in place.