elmarsto / sbstr8

A nearly-unstyled, hackable, ultra-modern, ultra-clean scaffold for rich, interactive storytelling, journalism and blogging. Fork this repo and get to work.
https://sbstr8.lizmars.net
GNU General Public License v3.0
4 stars 0 forks source link

Footnotes as asides #49

Open elmarsto opened 1 year ago

elmarsto commented 1 year ago

I'm really taken with the layout of Eugene Wei's blog. In particular, the use of footnotes that are rendered as sidenotes is an elegant and practical use of screen real estate on widescreen. I'd like the upcoming theme for sbstr8 (which will be a lot more aesthetic than the current barebones) to offer a similar feature. image

Notably, at narrower resolutions, the footnote (sidenote, really) is 'folded', and only appears when you click on the tiny subscript:

image

While I really like the layout on fullwidth screens, I'm not as certain that clickable footnotes on narrower devices is the best approach. It might make more sense to include footnotes at the end of the document on narrower screens. Yet this seems like it also might be more difficult to achieve.

I think this will probably involve a lot of mucking about with mdx-components, remark, rehype, etc. Feasibility study needs doing.