Entry Point

Focus on those who solve problems, not on those who create them. Stand with the solution-seekers, not the troublemakers. Give your energy to people who mend things, not those who break them. Heed the helpers; pay no mind to the instigators. Honor those who heal; ignore those who harm. Stand by those who build up, not those who tear down. Don’t waste your attention on those who cause trouble; invest it in those who solve it. Be part of the solution, not part of the problem. Look for the helpers. You will always find people who are helping. You will only be remembered for two things: the problems you solve and the ones you create.

I use the terminal because it is distraction-free.

Sidenotes: Footnotes and Marginal Notes

One of the most distinctive features of Tufte’s style is his extensive use of sidenotes.This is a sidenote. Sidenotes are like footnotes, except they don’t force the reader to jump their eye to the bottom of the page, but instead display off to the side in the margin. Perhaps you have noticed their use in this document already. You are very astute.

If you want a sidenote without footnote-style numberings, then you want a margin note. ⊕ This is a margin note. Notice there isn’t a number preceding the note. On large screens, a margin note is just a sidenote that omits the reference number. This lessens the distracting effect taking away from the flow of the main text, but can increase the cognitive load of matching a margin note to its referent text. However, on small screens, a margin note is like a sidenote except its viewability-toggle is a symbol rather than a reference number. This document currently uses the symbol ⊕ (⊕), but it’s up to you.

Margin notes are created just like sidenotes, but with the marginnote class for the content and the margin-toggle class for the label and dummy checkbox. For instance, here is the code for the margin note used in the previous paragraph: