Template:Main Page/Card

Template documentation
Note: parts of or the entire template might not be visible without values provided.

This template uses CSS found at Template:Main Page/styles.css.

Template that creates cards for {{Main Page}}.

Syntax

{{Main Page/Card|icon = |link = |text = }}

icon – Icon for the card excluding the file extension. Shorthand for images with the Icon suffix.
image – Image for the card excluding the file extension.
ext – Extension of the image. Default: png.
link – Link of the card.
text – Text displayed on the card. Default: link.
invert – Set to apply a filter to the image for either day/light or night/dark mode. Available values:
- Day – Invert the image in day/light mode. Will invert light-colored icons to gray in day/light mode.
- Night – Invert the image in night/dark mode. Will invert dark-colored icons to white in night/dark mode.

Example

<div class="mp-navigation-wrapper mp-card-navigation">
{{Main Page/Card|icon = Kabuto Beetle|link = Insect|text = Insects}}
{{Main Page/Card|icon = Sanke Koi|link = Fish}}
{{Main Page/Card|icon = Hexia|link = Galaxy|text = Galaxies|invert = Day}}
{{Main Page/Card|image = CSS Logo|ext = svg|link = :File:CSS Logo.svg|text = CSS|invert = Night}}
</div>

Template Data

Template that creates cards for the Main Page.

Template parameters[Edit template data]
This template prefers inline formatting of parameters.
Parameter		Description	Type	Status
Icon	`icon`	Icon for the card excluding the file extension. Shorthand for files with the {{F\|Icon}} suffix. Example Kabuto Beetle	File	suggested
Image	`image`	Image for the card excluding the file extension. Example Kabuto Beetle Icon	File	optional
Extension	`ext`	Extension of the image. Default png	String	optional
Link	`link`	Link of the card. Example Insect	Page name	required
Text	`text`	Text displayed on the card. Default <link> Example Insects	String	optional
Invert	`invert`	Set to apply a filter to the image for either day/light or night/dark mode. Example Day, Night	String	optional