Footnotes as Sidenotes

Nebucatnetzer · 2020-12-27T18:44:58.987Z

I’m playing with a custom CSS a bit and try to replicate the Tufte CSS theme (Tufte CSS). One thing I can’t get working are the sidenotes.
Does someone know how to achieve this in Obsidian?

vincer · 2020-12-29T18:26:11.320Z

God i want that so much. Is what i always did, still do when i use Notion and what i miss most about OneNote.

Some hackways of achieving something close to it would be tables or a fold (bullet point or headings, with the settings set to fold then), but wouldnt be the same. A 2 collum table can work but it would squeeze both contents (and would require part of the main text to be inside of the table). Making a bullet point for folding you could write the sidenote bellow it, and it would be hideable (folding the bullet point).

+1 for a snippet that helps with that, or a theme, anything

Nebucatnetzer · 2020-12-30T18:53:52.024Z

I was more thinking about using the footnotes as sidenotes because it makes to me more sense to see them right were they got referenced then at the bottom of a long document.

pattman · 2020-12-30T19:48:24.337Z

+1 for this, that would be incredible!

tward09 · 2020-12-30T20:32:44.842Z

I would also love this.

RobertoMoreira · 2021-01-04T17:57:56.040Z

That would be great! But no idea how to do it…

NilsHempel · 2021-04-09T14:53:05.857Z

I found a great article on Gwern Branwen’s Website on different ways to implement sidenotes. This might be some help for tinkering.

Nebucatnetzer · 2021-04-09T14:59:41.353Z

Looks interesting I’ll have a look at it.

cmjn · 2021-04-09T16:48:06.995Z

I have shared this css snippet that may help you achieve what you want though it doesn’t make use of footnotes.

Meta Post - Common CSS Hacks Share & showcase

Collapsible sidenotes A very hacky hack for collapsible sidenotes, based on an abusive use of checkboxes So be aware it may conflict with a custom theme or any plugin that uses checkboxes, I haven’t tried it in popovers, I give it as it is with no guarantee at all. The idea is to send checkboxes contained in a blockquote to the left gutter, and to make checkboxes as large as the text itself so that the text looks clickable for expand/collapse behaviour. For that I also have to tweak…

Nils.Srvd · 2022-02-04T05:40:53.244Z

cmjn:

I have shared this css snippet that may help you achieve what you want though it doesn’t make use of footnotes.

This is amazing but it is not working right now. Is there any chance that anyone can bring a functional css for this?

Nils.Srvd · 2022-02-05T15:29:19.169Z

Something like this?

Collapsible inline notes and sidenotes Share & showcase

The following CSS Snippet allows you to create in-margin and in-line collapsible color notes (blocks). It is partly based on Amaroks CSS for Anki cards here, and mklepaczewski’s proposal for ‘Notice blocks’ here. Collapsible notes can be embedded next to text, as well as below it, and are displayed when you hover over them. The color of each block class can be customized from the same .css file (see indication there), as well as the maximum width of the blocks (also indicated in the .css). Sim…