Template:Race intro: Difference between revisions
Jump to navigation
Jump to search
Created page with "<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 clas..." |
No edit summary |
||
| Line 6: | Line 6: | ||
<div class="wizlords-race-quote-source">{{{source|In-game racial description}}}</div> | <div class="wizlords-race-quote-source">{{{source|In-game racial description}}}</div> | ||
</blockquote> | </blockquote> | ||
< | <div class="wizlords-race-intro-examples" role="group" aria-label="Representative race examples"> | ||
<div class="wizlords-race-intro-example-images"> | <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:{{{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 class="wizlords-race-intro-example-image">[[File:{{{image2|RaceExample2.png}}}|600x800px|link=|alt={{{image2 alt|Representative member of the race}}}]]</div> | ||
</div> | </div> | ||
< | <div class="wizlords-race-intro-caption">{{{caption}}}</div> | ||
</ | </div> | ||
</div></includeonly><noinclude> | </div></includeonly><noinclude> | ||
== About this template == | == About this template == | ||
Latest revision as of 05:34, 16 July 2026
About this template
[edit]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
[edit]icon- race icon filename withoutFile:.quote- introductory racial quotation.source- optional quotation source; defaults toIn-game racial description.image- optional first example filename; defaults toRaceExample1.png.image2- optional second example filename; defaults toRaceExample2.png.caption- short caption shown beneath both example images.image altandimage2 alt- optional accessible descriptions of the images.
Basic example
[edit]{{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.
}}