On Feb 23 at 14:09 -0800, Bill wrote:
[...]
> I'm playing around with image export resolutions. To help me do this,
> I made three dummy cards with black rectangles: one of 1000x500 pixels
> ("wide"), one of 500x1000 pixels ("tall"), and one of 1000x1000 pixels
> ("square"). I played around with different sizes until I hit whatever
> seemed to be the ideal size, i.e. as large as possible without
> requiring the user to scroll around once they reveal the answer. (For
> testing purposes, I made my answers two lines of text long.)
[...]
You could also create a file called STYLE.CSS, in the exported card
directory, with the contents:
img { width: 100%; }
But this may be too indiscriminate. It can, though, be done per
category:
body.<categoryname> img { width: 100%; }
Or, maybe even with max-width rather than width.
The category name is formed by removing all punctuation (except _ and
-), and by replacing spaces with underscores. For example,
"USA: States" becomes "USA_States".
Other elements can also be formatted:
div.q { ... } // questions
div.q img { ... } // images in questions
div.a { ... } // answers
div.a img { ... } // images in answers
body.<categoryname> { ... } // by category name
body.<categoryname> div.q img { ... } // category/question/images
Besides scaling images, this feature can be used, for instance, to
view cards as black on white:
body { background: black; color: white; }
hr { background: white; }
Tim.
signature.asc
Description: Digital signature
