I'm an educator (and beginning programmer) and am really excited about the potential of using Pollen for several projects.
I've read through the Pollen documentation thoroughly, and am unable to find any examples that cover what I need. I also have zero experience in Racket. I'm trying to build Tufte-style margin notes <https://edwardtufte.github.io/tufte-css/> using Pollen (although if I can get this to work I will be able to use it for several other use cases). The markup I would like is like this: <label for="mn-demo" class="margin-toggle">⊕</label> <input type="checkbox" id="mn-demo" class="margin-toggle"/> <span class="marginnote"> This is a margin note. Notice there isn’t a number preceding the note. </span> This is what I have so far: #lang pollen ◊(define (margin . notes) `(span ((class "marginnote")) ,@notes)) Lorem◊margin["mn-demo"]{This is a margin note. Notice there isn’t a number preceding the note.} ipsum dolor sit amet, consectetur adipiscing elit. There are two things I'm struggling with. First, I know how to *nest *the span with class "marginnote" inside another element. However, I don't know how to place two elements *before* it. (I've wasted a lot of time trying to make this work.) Second, each margin note needs its own unique ID. So I want to pass this id (in this case "mn-demo") as an argument to the function. However, again I can't quite work out how to make this happen. In the Pollen documentation there are lots of examples using key-value pairs, but in this case the key is redundant. It would be redundant to have to type the same key every time I call the function, like this: [#:id "mn-demo"] It's much neater to just have ["mn-demo"]. I would be really grateful if anyone can help me, as I've come to the ends of what I can achieve on my own! -- You received this message because you are subscribed to the Google Groups "Pollen" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. For more options, visit https://groups.google.com/d/optout.
