Anders, Thanks for the quick reply.
Is there a way to have a button that when pressed would enable the sidenote to be created, at a desired place in the tiddler, without having to manually edit the tiddler? Thx On Friday, January 29, 2021 at 3:50:48 AM UTC-5 Anjar wrote: > Hi, > > Thanks for showing interest! In the demo, sidenotes are separate tiddlers, > and to add them just use the macro <<comment > "title_of_tiddler_to_show_on_the_side">> > > Best, > Anders > > fredag 29. januar 2021 kl. 02:09:20 UTC+1 skrev [email protected]: > >> Anders, >> >> Thanks for the demo. From the demo I cannot see how to add a sidenote to >> the tiddler. >> How would that be done? >> >> Thx >> >> On Tuesday, November 3, 2020 at 6:28:16 PM UTC-5 Anjar wrote: >> >>> Hi all! >>> >>> Some of you may be familiar with Edward Tufte ( >>> https://edwardtufte.github.io/tufte-css/), and I think his sidenote >>> approach can be useful in TiddlyWiki as well if one wants to add comments >>> to the contents of a tiddler. I tried to make a simple macro which work >>> fairly well, but to make a new number for each comment, I need to generate >>> a unique ID for it. Is this possible or do I need another approach? For >>> example, I added highlighting on hover which may reduce the need for unique >>> identifiers., but it would still be nice for say printing. >>> >>> \define comment(txt) >>> <span class="comment"><label for="sn-demo" >>> class="margin-toggle sidenote-number"> >>> </label> >>> <input type="checkbox" >>> id="sn-demo" >>> class="margin-toggle"/><span class ="sidenote">$txt$</span></span> >>> \end >>> >>> <style> >>> .comment:hover .sidenote { >>> background-color: yellow; >>> } >>> >>> input.margin-toggle { >>> display: none; >>> } >>> >>> label.sidenote-number { >>> display: inline; >>> } >>> >>> label.margin-toggle:not(.sidenote-number) { >>> display: none; >>> } >>> >>> .sidenote, >>> .marginnote { >>> float: right; >>> clear: right; >>> margin-right: -60%; >>> width: 50%; >>> margin-top: 0.3rem; >>> margin-bottom: 0; >>> font-size: 1.1rem; >>> line-height: 1.3; >>> vertical-align: baseline; >>> position: relative; >>> } >>> >>> .sidenote-number { >>> counter-increment: sidenote-counter; >>> } >>> >>> .sidenote-number:after, >>> .sidenote:before { >>> font-family: et-book-roman-old-style; >>> position: relative; >>> vertical-align: baseline; >>> } >>> >>> .sidenote-number:after { >>> content: counter(sidenote-counter); >>> font-size: 1rem; >>> top: -0.5rem; >>> left: 0.1rem; >>> } >>> >>> .sidenote:before { >>> content: counter(sidenote-counter) " "; >>> font-size: 1rem; >>> top: -0.5rem; >>> } >>> </style> >>> >>> This<<comment "or that">> is an<<comment "an before e-">> >>> example<<comment "right?">> >>> >>> >>> Best, >>> Anders >>> >> -- You received this message because you are subscribed to the Google Groups "TiddlyWiki" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/f88cd193-ab31-4f6e-8354-af2433436347n%40googlegroups.com.
