Editing Template:Race intro

<includeonly><templatestyles src="Template:Race intro/styles.css" />
<div class="wizlords-race-intro wizlords-race-intro--with-examples">
<div class="wizlords-race-intro-icon">[[File:{{{icon}}}|100x100px|link=|alt=]]</div>
<blockquote class="wizlords-race-quote">
<div class="wizlords-race-quote-text">{{{quote}}}</div>
<div class="wizlords-race-quote-source">{{{source|In-game racial description}}}</div>
</blockquote>
<figure class="wizlords-race-intro-examples">
<div class="wizlords-race-intro-example-images">
<div class="wizlords-race-intro-example-image">[[File:{{{image|RaceExample1.png}}}|600x800px|link=|alt={{{image alt|Representative member of the race}}}]]</div>
<div class="wizlords-race-intro-example-image">[[File:{{{image2|RaceExample2.png}}}|600x800px|link=|alt={{{image2 alt|Representative member of the race}}}]]</div>
</div>
<figcaption class="wizlords-race-intro-caption">{{{caption}}}</figcaption>
</figure>
</div></includeonly><noinclude>
== About this template ==
Creates the introduction panel at the top of a race page. It displays the race icon, introductory quotation, two representative character images, and a caption.

On desktop the icon, quotation, and example images form three columns. In Citizen/mobile the icon and quotation stay together at the top while the examples move below them at full content width.

The layout and responsive rules are supplied by [[Template:Race intro/styles.css]]. Do not rename the generated classes without updating that stylesheet.

== Parameters ==
* <code>icon</code> - race icon filename without <code>File:</code>.
* <code>quote</code> - introductory racial quotation.
* <code>source</code> - optional quotation source; defaults to <code>In-game racial description</code>.
* <code>image</code> - optional first example filename; defaults to <code>RaceExample1.png</code>.
* <code>image2</code> - optional second example filename; defaults to <code>RaceExample2.png</code>.
* <code>caption</code> - short caption shown beneath both example images.
* <code>image alt</code> and <code>image2 alt</code> - optional accessible descriptions of the images.

== Basic example ==
<pre>
{{Race intro
|icon=RaceIcon_Human.png
|quote=Humans are the most adaptable and ambitious people in the world.
|image=RaceExample1.png
|image2=RaceExample2.png
|caption=Examples of Human characters.
}}
</pre>
</noinclude>