Generally speaking: sidenotes are excellent, footnotes are fine, endnotes are terrible. On the web, as a typically-not-paged medium, “footnotes” practically always actually means endnotes.

Thanks! It's inspired by this https://edwardtufte.github.io/tufte-css/

Thanks for sharing this! Looks fantastic, I'll definitely incorporate this into my own blog once it's finished.

If you’re interested in the general concept of sidenotes and labelling figures in the margin, here’s my take on it for further inspiration: https://chrismorgan.info/blog/2019-website/, with https://chrismorgan.info/blog/rust-fizzbuzz/ exhibiting figures.

Do search around for other sidenote implementations, too. I like the markup and presentation I end up with, but you’ll also find other approaches to mobile support in particular, involving things like checkbox hacks to toggle visibility, or just flat-out requiring JavaScript.

Another quick question for you, what are you using to make those hand-drawn looking diagrams? They look amazing.

I'm using Excalidraw :)

[0] https://excalidraw.com/ [1] https://github.com/excalidraw/excalidraw