I have put together a new version of my card creator. This one is slightly more flexible and much more user friendly. No more invisible buttons, no more copy-pasting icons URLs, from now on everything is handled through menus. Also, when saving the HTML the full functionality is maintained. This means you can easily save an offline version of the whole program. The only little trick you need to know is that clicking on the copyright message at the bottom of each card will open the main menu. Please be patient while waiting for the menu and dialogue boxes; due to the presence of embedded image data they can be slow to open sometimes.
- Icons are now selected from a popup menu.
- It is now possible to save more than one profile on a single card, for units.
- There is an optional spell box on the second card.
- There is an optional damage track for multiwound units.
- The profile image can be scaled, translated, flipped, and the border radius can be edited (so it can be a square, circle, or somewhere in between).
The main menu allows you to show and hide various elements, add model and weapon profiles, add spells, and set the background colour or background images. You can also rotate the cards 90 degrees, to make it easier to get screen captures at larger magnifications.
Clicking on the model image box will open a popup dialogue; you can either paste an image URL or image data in base64 format. Pasting image data will embedd the image in the file, so it works offline, but the file size will be much larger. Images can easily be converted to base64 through online image converters, just do a web search for "base64 image converter", pick one and follow the instructions. Once you have pasted an image, the image positioning tools will appear. These can be hidden by clicking on the "X" at the bottom right corner of the tool area. They can be shown again by clicking on the image box and simply clicking on the "OK" button again.
I'm afraid that the only way to get the card as an image is to take a screenshot and crop the cards. I recommend taking screenshots at 200% magnification; text is not clear at lower magnifications and there seem to be some very minor text spacing issues (and element positioning issues when rotated) at 100% magnification.
You can save your cards in HTML form. This will create a stand-alone file that can still be edited. To do this, open the menu and click on the "Save as HTML" button. This can take a long time to open as there is a lot of text data to display. Copy the dialogue field contents and paste them in an empty text file (I have found that some text editors have difficulty with a single long line of text, so this step may require patience as well). Then simply change the file extension to ".html" and you will be able to open the file in a browser. By the way, if you want to view the contents of the created file, you can replace any instance of three space characters (" ") with a newline character to make the file readable again.
Here's a sample of the kind of cards that can be created: