My main goal in doing this isn’t to make the output immediately more readable to helpers. It’s more to make the card more debug-able. It’s quite hard to extract information from a screenshot for testing.
For example I had a problem where my cards were getting intervals in the 50 year range(
). Turns out I’d mis-configured my ignore reviews before to some random date. If I had asked for help with that there would be no way for anyone to tell what the problem was from a screenshot like this:
Something like this?
Front Template
{{Front}}
Back Template
{{FrontSide}}
<hr id=answer>
{{Back}}
Styling
.card {
font-family: arial;
font-size: 20px;
text-align: center;
color: black;
background-color: white;
}