Skip to content

JanJoar/pandoc-html-sidenotes

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Sidenotes from Pandoc footnotes

Inspired by gwern and Tufte CSS, this javascript file turns HTML footnotes (in practice endnotes) into sidenotes placed conveniently next to their references. I use this through org-mode’s HTML export so I can avoid wacky immersion-breaking HTML or CSS syntax when trying to write, and so that I can use the same org files with minimal modification for LaTeX export to PDF. When read at smaller screen sizes (i.e. mobile) the sidenotes are instead shown as traditional footnotes, with working back-and-forth links. Here are some screenshots from https://joarvarndt.se/:

./GeneralText.png A general overview of the appearence of sidenotes

./OrgExportBlocks.png You can use other formatting within sidenotes, like links or in this case a block quote.

./SmallerScreen.png On smaller screens you still get regular footnotes, with links back to the text.

About

Turns footnotes produced by pandoc into sidenotes on sufficently wide displays

Topics

Resources

License

Stars

Watchers

Forks