seeking examples of website designs that handle footnotes nicely, please share thank you
@platypus that is pretty satisfying
@ingrid The Markup has a thing where it shows you the footnote as a floaty box (with optional "read more" link), something that we may have found inspiration for elsewhere but I forget now.
https://themarkup.org/allstates-algorithm/2020/02/25/show-your-work-car-insurance-suckers-list#ref-letter-from-allstate-2
@ingrid our implementation does not include the numeric footnote in the hash links (e.g., no "10" in the link I posted above), which is a little bit less usable, but it means that edits impacting footnote numbers are less likely to mess things up.
@dphiffer nice! how are the footnotes stored/styled in the cms?
@ingrid we use use WordPress with the Advanced Custom Fields plugin, and it looks like this in the article editor:
@ingrid I was so blown away by how The Atlantic's print magazine handled footnotes for a DFW piece many years back, I goofed around with a jQuery web version: https://github.com/charliepark/parentheticals
I really like how they've implemented it on their site, though, in what I'm pretty sure is a much more recent redesign: https://www.theatlantic.com/magazine/archive/2005/04/host/303812/
Note that it also handles nested notes!
@ingrid A couple of times when I've had to integrate footnotes I have used https://littlefoot.js.org and been happy with it
@ingrid I like what the Hugo Academia theme does for my own site? https://ruthtillman.com/post/weighing-catalog-indexing/#fnref:1