fill in the blank exercises for website

[shiffman]

This is perhaps more of a note for the PDF layout? Something we need to take a look at is the design for "fill in the blank" exercises. In the print book it's meant to have enough space to actually write in the book. What should it look like there vs. the web version? Do we need special markup for it?

cc @jasongao97 @tuantinghuang

[jasongao97]

How about we put answers with underline marks at the blanks, so we can have:

• A slightly larger blank space generated for the PDF
• A click-to-reveal feature for the website

[shiffman]

Oh I love this idea! This is great!

Related, I wonder if we should build in a design element for some exercises where you can click to a sample solution running in the web editor? I can add a bookmark web editor url? Then I suppose we would have to decide if we want to embed the solution running or if it's best not to see it but have the option to click and look?

[jasongao97]

Sure! I don't have any specific idea right now. A simple inline link for non-embedded sketch and a bookmark for embed sketch would do the job. Or we can make it more special for the exercises' callout blocks to have a more consistent look, like a button that jumps to web editor.

[shiffman]

@jasongao97 shall we finalize this? Let's not worry about my comment, I'll just add an embedded sketch if I want to include a solution.

[shiffman]

@jasongao97 Just wanted to bump this thread, I'm doing another pass over the introduction and chapter 1 and wanted to finalize the formatting for web and PDF of "fill in the blank" exercises:

[jasongao97]

Oh yes! I'll work on this right away.

[shiffman]

Hi @jasongao97, I believe this is finalized now for the PDF, but I will leave this open as a reminder to implement the "click-to-reveal feature for the website"? Or let me know if you prefer to track in a new issue.

[shiffman]

Let's start with a "toggle" interface elements to reveal/hide solution.