Editing Template:Main Page/Card

<includeonly><!--
--><div class="mp-card"><!--
   --><div class="mp-card-image"><!--
     -->[[File:{{{image|{{{icon|Unknown}}} Icon}}}.{{{ext|png}}}|60x60px|alt={{{text|{{{link|}}}}}}|link={{{link|}}}<!--
	   -->|class={{#switch:{{lc:{{{invert|}}}}}<!--
	          -->|day|light=day-invert-image<!--
			  -->|night|dark=night-invert-image<!--
			  -->|#default=<!--
			  -->}}<!--
	 -->]]<!--
   --></div><!--
   --><div class="mp-card-text">[[{{{link|}}}|{{{text|{{{link|}}}}}}]]</div><!--
--></div></includeonly><noinclude>{{Documentation|type=Main Page|content=
{{CSS|Template:Main Page/styles}}
Template that creates cards for {{T|Main Page}}.

==Syntax==
<syntaxhighlight lang="wikitext" copy>
{{Main Page/Card|icon = |link = |text = }}
</syntaxhighlight>
* {{F|icon}} &ndash; Icon for the card {{Color|Old|excluding}} the file extension. Shorthand for images with the {{F|Icon}} suffix.
* {{F|image}} &ndash; Image for the card {{Color|Old|excluding}} the file extension.
* {{F|ext}} &ndash; Extension of the image. Default: {{F|png}}.
* {{F|link}} &ndash; Link of the card.
* {{F|text}} &ndash; Text displayed on the card. Default: {{F|link|v=1}}.
* {{F|invert}} &ndash; Set to apply a filter to the image for either day/light or night/dark mode. Available values:
** {{F|Day}} &ndash; Invert the image in day/light mode. Will invert light-colored icons to gray in day/light mode.
** {{F|Night}} &ndash; Invert the image in night/dark mode. Will invert dark-colored icons to white in night/dark mode.

==Example==
{{Example|<nowiki>
<templatestyles src="Template:Main Page/styles.css" />
<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>
</nowiki>}}

==Template Data==
<templatedata>
{
	"params": {
		"icon": {
			"label": "Icon",
			"description": "Icon for the card excluding the file extension. Shorthand for files with the {{F|Icon}} suffix.",
			"example": "Kabuto Beetle",
			"type": "wiki-file-name",
			"suggested": true
		},
		"image": {
			"label": "Image",
			"description": "Image for the card excluding the file extension.",
			"example": "Kabuto Beetle Icon",
			"type": "wiki-file-name"
		},
		"ext": {
			"label": "Extension",
			"description": "Extension of the image.",
			"default": "png",
			"type": "string"
		},
		"link": {
			"label": "Link",
			"description": "Link of the card.",
			"example": "Insect",
			"type": "wiki-page-name",
			"required": true
		},
		"text": {
			"label": "Text",
			"description": "Text displayed on the card.",
			"example": "Insects",
			"type": "string",
			"default": "<link>"
		},
		"invert": {
			"label": "Invert",
			"description": "Set to apply a filter to the image for either day/light or night/dark mode.",
			"example": "Day, Night",
			"type": "string"
		}
	},
	"description": "Template that creates cards for the Main Page.",
	"paramOrder": [
		"icon",
		"image",
		"ext",
		"link",
		"text",
		"invert"
	],
	"format": "inline"
}
</templatedata>

}}</noinclude>