Card templates for All My Movies and All My Books

The details pane of All My Movies and All My Books is an HTML template: a folder with template.html, a few images and placeholders like <!--#title -->. This repository holds the templates that ship with the programs, the documentation needed to write your own, and a gallery so you can pick one without trying them all.

• docs/renderer.md - what the built-in HTML renderer can and cannot do (it is not a browser), units and zoom, images
• docs/empty-fields.md - the rule that removes a whole line when a field is empty, and the layout mistakes it causes
• docs/placeholders-movies.md, docs/placeholders-books.md - every placeholder, modifier, icon and style hook

Installing a template

1. Download the repository (Code → Download ZIP) or just the folder you want.
2. Copy the theme folder into the program's template folder: moviecards\ for All My Movies, bookcards\ for All My Books. They are next to the program's exe, usually C:\Program Files (x86)\AllMyMovies\moviecards\ and C:\Program Files (x86)\AllMyBooks\bookcards\ (writing there needs administrator rights).
3. In the program: menu View → HTML template and pick the folder name.

The program looks for template.html in every subfolder; folders without it (and _old) are ignored. No restart is needed after copying.

Movie card gallery (All My Movies)

Standard	Standard Dark	Dark
Black Page	Blue 3D	Dune
Golden	High Contrast	Indian
Indian Dark	KinopoiskOld	LikelMDb
Lite Gray	Popcorn	Premiere
Redline	Rusty Art	Screenplay
Short	Sidelined Gray	Storefront

Book card gallery (All My Books)

Standard	Standard Dark	Dark
Bookshelf	Golden	High Contrast
Indian	Ozon	Redline
Rusty Art	Short	Sidelined Gray
Storefront

Screenshots were taken at 150% display scaling with the demo collection, card pane about 1780x1980 px, reduced to 1000 px wide.

Writing your own

Start from Standard (or Standard Dark for dark themes): copy the folder under a new name and edit template.html. Then read the three documents above - the renderer is picky in ways a browser is not. The short version:

• Layout with tables, not floats or flex. Give tables the HTML width="100%" attribute, size fixed columns in em.
• Sizes in pt and em, not px, so the card follows the zoom and the monitor DPI. font-size without a unit means pixels here.
• One optional field per source line. If a field is empty for a record, the whole line with its placeholder is removed - label included if it is on the same line, other placeholders included too.
• <IMG SRC="_cover_" ID="cover"> for the cover, exactly like that.
• UTF-8 with BOM if the file contains anything beyond plain ASCII.
• No border-radius, shadows, gradients, background-size, web fonts, JavaScript.

Test with records that lack fields (no rating, no screenshots, a wish-list item without a file) and with the card zoom at 50% and 200%.

Contributing

Pull requests with new themes are welcome. Please include a screenshot, keep the folder self-contained (images in a subfolder, no absolute paths), use only images you have the right to publish under this repository's license, and check the theme against the empty-field checklist above. Fixes to the documentation are just as useful: if something rendered differently from what a document says, that is a bug in the document.

License

MIT. The templates are the ones shipped with the programs; use, modify and redistribute them freely.