What scrolls down

An exploration on how to embed independent static HTML files - and this time I really mean static, as in 1994 - within an <Iframe> - so that I can build, deploy, and embed silly experiments in my website.

The challenge was simply to pick up the Iframe from the markdown content, have it rendered by a specific React component, and resize the Iframe as per messages sent by the framed document via window.postMessage().

The content of the frame is quite arbitrary. It's a photo of Alphonse Mucha's stained glass at Katedrála Sv. Víta, taken with cheap phone, summer of 2019.

Fooled around a bit with CSS: text-orientation and how to get average color of image, while seriously procrastinating any serious commitment to design something intentionally. Click anywhere on the image.

The quote by Timtothy Samara is a random inspiration I picked up at Sarah Drasner's workshop "Design for developers" during 2019 Full Stack Fest in Sitges, Barcelona.

I guess this is all connected somehow.