Including image cards

Including an image is like including any other card — just put the name of the image card you want to include in double-curly-brackets:  {{cardname}}.

For example, there is already an image card named "nymph".  If I want to include it here, I just type {{nymph}}, and I get:

Sizing and location

By default images will appear medium size, but you can change this with a size instruction after the name of the card, such as {{nymph|size:small}}:

There are several sizes available, restricting the maximum height and width of the image. They will always keep the original image's relative height and width.

• icon (16 pixels)
• small (75 pixels)
• medium (200 pixels) - default if no size is specified
• large (500 pixels)
• full (size as uploaded, only works on some file types, including .png and .jpg)

By default images will appear exactly where you include them, and text does not wrap around them.  If you want an image aligned at the right or left edge, and to have associated text wrap around it, you can do that by adding something like {{nymph|float:right}} or {{nymph|float:left}}.

Geeky Aside: You can actually add any CSS you want to cards this way. For example you could add padding around an image card with something like {{nymph|float:left; padding: 10px 20px 15px 0px}}.

Images as links

You can even make an image a clickable link. Just create a link, but after the name of the card you want to link to, add a vertical bar and then include the image. For example, [[Grass Commons|{{Grass Commons+logo}}]] renders as: