| Hey thanks! The code is all up at https://github.com/Wattenberger/blog/ for anyone who's curious. There are some interesting bits in there - the basic structure is: - the post itself is at src/Interactions - the code changes using a ScrollEvent component (src/_ui/Code) - the code examples (inline and fixed on the right) are using the Code component (src/_ui/Code) - the inline demos are using the LocalExample component (src/_ui/LocalExample). The LocalExample component basically builds an iframe and displays it Both of these components support: - a list of lines that are removed - a list of lines that are added I've been liking that this setup lets me have complete examples that work as standalone web pages, but I can also edit them on the fly and work through changes on-the-fly. Which lets me talk about interim states [like this one](https://github.com/Wattenberger/blog/blob/master/src/Interac...). I'm happy to answer any questions about it, the code is a bit messy :) |