Template:Biome - Revision history

Kaph: Standardise backdrop lookup on .png only (all biome images are now .png) and skip the file check entirely for the imageless Continent-Wide Resources entry -- both were populating Special:WantedPages with redlinks on every transclusion

2026-08-24T01:07:30Z

Standardise backdrop lookup on .png only (all biome images are now .png) and skip the file check entirely for the imageless Continent-Wide Resources entry -- both were populating Special:WantedPages with redlinks on every transclusion

← Older revision		Revision as of 01:07, 24 August 2026
Line 1:		Line 1:
	<includeonly><templatestyles src="Template:Biome/styles.css" />{{#if:{{{image\|}}}		<includeonly><templatestyles src="Template:Biome/styles.css" />{{#ifeq:{{{name}}}\|Continent-Wide Resources
			\|<div class="loka-biome-card loka-biome-card--light"><div class="loka-biome-title loka-biome-title--light">{{#ifeq:{{{icon\|{{{name}}} Icon.png}}}\|none\|{{{name}}}\|<span class="loka-biome-title-inner">[[File:{{{icon\|{{{name}}} Icon.png}}}\|20px\|link=]]<span>{{{name}}}</span></span>}}</div>{{#if:{{{protected\|}}}\|<div class="loka-biome-label loka-biome-label--light">Protected Resources</div><div class="loka-biome-row">{{{protected}}}</div>}}{{#if:{{{other\|}}}\|<div class="loka-biome-label loka-biome-label--light">Other Resources</div><div class="loka-biome-row">{{{other}}}</div>}}</div>
			\|{{#if:{{{image\|}}}
	\|<div class="loka-biome-card loka-biome-card--dark"><div class="loka-biome-backdrop">[[File:{{{image}}}\|260px\|link=\|alt=]]<div class="loka-biome-scrim"></div><div class="loka-biome-title-overlay"><div class="loka-biome-title">{{#ifeq:{{{icon\|{{{name}}} Icon.png}}}\|none\|{{{name}}}\|<span class="loka-biome-title-inner">[[File:{{{icon\|{{{name}}} Icon.png}}}\|20px\|link=]]<span>{{{name}}}</span></span>}}</div></div></div><div class="loka-biome-body">{{#if:{{{protected\|}}}\|<div class="loka-biome-label">Protected Resources</div><div class="loka-biome-row">{{{protected}}}</div>}}{{#if:{{{other\|}}}\|<div class="loka-biome-label">Other Resources</div><div class="loka-biome-row">{{{other}}}</div>}}</div></div>		\|<div class="loka-biome-card loka-biome-card--dark"><div class="loka-biome-backdrop">[[File:{{{image}}}\|260px\|link=\|alt=]]<div class="loka-biome-scrim"></div><div class="loka-biome-title-overlay"><div class="loka-biome-title">{{#ifeq:{{{icon\|{{{name}}} Icon.png}}}\|none\|{{{name}}}\|<span class="loka-biome-title-inner">[[File:{{{icon\|{{{name}}} Icon.png}}}\|20px\|link=]]<span>{{{name}}}</span></span>}}</div></div></div><div class="loka-biome-body">{{#if:{{{protected\|}}}\|<div class="loka-biome-label">Protected Resources</div><div class="loka-biome-row">{{{protected}}}</div>}}{{#if:{{{other\|}}}\|<div class="loka-biome-label">Other Resources</div><div class="loka-biome-row">{{{other}}}</div>}}</div></div>
	~~\|{{#ifexist:File:{{{name}}}.jpg~~
	\|<div class="loka-biome-card loka-biome-card--dark"><div class="loka-biome-backdrop">[[File:{{{name}}}.jpg\|260px\|link=\|alt=]]<div class="loka-biome-scrim"></div><div class="loka-biome-title-overlay"><div class="loka-biome-title">{{#ifeq:{{{icon\|{{{name}}} Icon.png}}}\|none\|{{{name}}}\|<span class="loka-biome-title-inner">[[File:{{{icon\|{{{name}}} Icon.png}}}\|20px\|link=]]<span>{{{name}}}</span></span>}}</div></div></div><div class="loka-biome-body">{{#if:{{{protected\|}}}\|<div class="loka-biome-label">Protected Resources</div><div class="loka-biome-row">{{{protected}}}</div>}}{{#if:{{{other\|}}}\|<div class="loka-biome-label">Other Resources</div><div class="loka-biome-row">{{{other}}}</div>}}</div></div>
	\|{{#ifexist:File:{{{name}}}.png		\|{{#ifexist:File:{{{name}}}.png
	\|<div class="loka-biome-card loka-biome-card--dark"><div class="loka-biome-backdrop">[[File:{{{name}}}.png\|260px\|link=\|alt=]]<div class="loka-biome-scrim"></div><div class="loka-biome-title-overlay"><div class="loka-biome-title">{{#ifeq:{{{icon\|{{{name}}} Icon.png}}}\|none\|{{{name}}}\|<span class="loka-biome-title-inner">[[File:{{{icon\|{{{name}}} Icon.png}}}\|20px\|link=]]<span>{{{name}}}</span></span>}}</div></div></div><div class="loka-biome-body">{{#if:{{{protected\|}}}\|<div class="loka-biome-label">Protected Resources</div><div class="loka-biome-row">{{{protected}}}</div>}}{{#if:{{{other\|}}}\|<div class="loka-biome-label">Other Resources</div><div class="loka-biome-row">{{{other}}}</div>}}</div></div>		\|<div class="loka-biome-card loka-biome-card--dark"><div class="loka-biome-backdrop">[[File:{{{name}}}.png\|260px\|link=\|alt=]]<div class="loka-biome-scrim"></div><div class="loka-biome-title-overlay"><div class="loka-biome-title">{{#ifeq:{{{icon\|{{{name}}} Icon.png}}}\|none\|{{{name}}}\|<span class="loka-biome-title-inner">[[File:{{{icon\|{{{name}}} Icon.png}}}\|20px\|link=]]<span>{{{name}}}</span></span>}}</div></div></div><div class="loka-biome-body">{{#if:{{{protected\|}}}\|<div class="loka-biome-label">Protected Resources</div><div class="loka-biome-row">{{{protected}}}</div>}}{{#if:{{{other\|}}}\|<div class="loka-biome-label">Other Resources</div><div class="loka-biome-row">{{{other}}}</div>}}</div></div>
Line 21:		Line 21:
	Renders a single biome pane for use on "Biomes and Resources"-style pages, or on any article (e.g. a continent article) that needs to show a biome's protected and other resources. Styling lives in [[Template:Biome/styles.css]].		Renders a single biome pane for use on "Biomes and Resources"-style pages, or on any article (e.g. a continent article) that needs to show a biome's protected and other resources. Styling lives in [[Template:Biome/styles.css]].

	Only <code>name</code> is required. Both the icon (<code><name> Icon.png</code>) and the backdrop image (~~<code><name>.jpg</code>, falling back to~~ <code><name>.png</code>) are auto-detected from the biome name via file-existence ~~checks~~, so a normal call only needs <code>name</code>, <code>protected</code> and <code>other</code>. If ~~neither~~ backdrop file ~~exists~~, the pane renders as a flat light card instead.		Only <code>name</code> is required. Both the icon (<code><name> Icon.png</code>) and the backdrop image (<code><name>.png</code>) are auto-detected from the biome name via a file-existence check, so a normal call only needs <code>name</code>, <code>protected</code> and <code>other</code>. If the backdrop file doesn't exist, the pane renders as a flat light card instead. <code>name=Continent-Wide Resources</code> always renders as the flat light card and skips the file check entirely, since it's never meant to have a backdrop.

	== Parameters ==		== Parameters ==
Line 36:		Line 36:
	\|-		\|-
	\| <code>image</code>		\| <code>image</code>
	\| Overrides the auto-detected backdrop filename directly (no <code>File:</code> prefix), for the rare case it doesn't follow the ~~<code><name>.jpg</code>/~~<code><name>.png</code> convention.		\| Overrides the auto-detected backdrop filename directly (no <code>File:</code> prefix), for the rare case it doesn't follow the <code><name>.png</code> convention.
	\|-		\|-
	\| <code>protected</code>		\| <code>protected</code>

Kaph: Create Template:Biome for reusable biome resource panes

2026-08-17T20:43:35Z

Create Template:Biome for reusable biome resource panes

← Older revision		Revision as of 20:43, 17 August 2026
Line 44:		Line 44:
	\| Wikitext for the "Other Resources" chips, same format as <code>protected</code>.		\| Wikitext for the "Other Resources" chips, same format as <code>protected</code>.
	\|}		\|}

			== Biome subtemplates ==

			Each biome (and each continent's "Continent-Wide Resources" card) has its own subtemplate holding the actual [[Template:Biome\|Biome]] call, so a wiki editor updates a biome's resources in exactly one place no matter how many pages embed it (e.g. both [[Biomes and Resources]] and the relevant continent article).

			'''Biomes:''' [[Template:Biome/Ancient Forest\|Ancient Forest]], [[Template:Biome/Ancient Jungle\|Ancient Jungle]], [[Template:Biome/Birch Forest\|Birch Forest]], [[Template:Biome/Cherry Grove\|Cherry Grove]], [[Template:Biome/Clay Cliffs\|Clay Cliffs]], [[Template:Biome/Desert\|Desert]], [[Template:Biome/Forest\|Forest]], [[Template:Biome/Ice Mountains\|Ice Mountains]], [[Template:Biome/Ice Taiga\|Ice Taiga]], [[Template:Biome/Ice Wastes\|Ice Wastes]], [[Template:Biome/Jungle\|Jungle]], [[Template:Biome/Mangrove Forest\|Mangrove Forest]], [[Template:Biome/Mega Taiga\|Mega Taiga]], [[Template:Biome/Mesa\|Mesa]], [[Template:Biome/Moor\|Moor]], [[Template:Biome/Mountains\|Mountains]], [[Template:Biome/Mushroom Isle\|Mushroom Isle]], [[Template:Biome/Pale Garden\|Pale Garden]], [[Template:Biome/Plains\|Plains]], [[Template:Biome/Roofed Forest\|Roofed Forest]], [[Template:Biome/Savannah\|Savannah]], [[Template:Biome/Sunset Isles\|Sunset Isles]], [[Template:Biome/Swamp\|Swamp]], [[Template:Biome/Taiga\|Taiga]]

			'''Continent-wide:''' [[Template:Biome/Ascalon\|Ascalon]], [[Template:Biome/Garama\|Garama]], [[Template:Biome/Kalros\|Kalros]]

	[[Category:Templates]]		[[Category:Templates]]
	</noinclude>		</noinclude>

Kaph: Create Template:Biome for reusable biome resource panes

2026-08-17T19:07:44Z

Create Template:Biome for reusable biome resource panes

← Older revision		Revision as of 19:07, 17 August 2026
Line 1:		Line 1:
	<includeonly>{{#if:{{{image\|}}}		<includeonly><templatestyles src="Template:Biome/styles.css" />{{#if:{{{image\|}}}
	\|<div ~~style~~="~~width:260px;max~~-~~width:100%;border~~-~~radius:8px;overflow:hidden;border:1px solid #4a4030;background:#1c1712;box~~-~~shadow:0 1px 3px rgba(0,0,0,.2);~~"><div ~~style~~="~~position:relative;line~~-~~height:0;height:108px;overflow:hidden;~~">[[File:{{{image}}}\|260px\|link=\|alt=]]<div ~~style~~="~~position:absolute;inset:0;background:rgba(8,6,3,.58);~~"></div><div ~~style~~="~~position:absolute;left:0;right:0;bottom:0;padding:.4em .6em .35em;~~"><div ~~style~~="~~font~~-~~weight:700;font-size:1em;color:#ffffff;text-shadow:0 1px 4px rgba(0,0,0,.9);line~~-~~height:1.3;~~">{{#ifeq:{{{icon\|{{{name}}} Icon.png}}}\|none\|{{{name}}}\|<span ~~style~~="~~display:inline~~-~~flex;align~~-~~items:center;gap:.35em;~~">[[File:{{{icon\|{{{name}}} Icon.png}}}\|20px\|link=]]<span>{{{name}}}</span></span>}}</div></div></div><div ~~style~~="~~background:#1c1712;padding:.55em .7em .65em;~~">{{#if:{{{protected\|}}}\|<div ~~style~~="~~font~~-~~size:.7em;font~~-~~weight:700;color:#f0cf8e;text-transform:uppercase;letter-spacing:.04em;margin:.45em 0 .25em;~~">Protected Resources</div><div ~~style~~="~~display:flex;flex~~-~~wrap:wrap;gap:.3em;~~">{{{protected}}}</div>}}{{#if:{{{other\|}}}\|<div ~~style~~="~~font-size:.7em;font-weight:700;color:#f0cf8e;text~~-~~transform:uppercase;letter~~-~~spacing:.04em;margin:.45em 0 .25em;~~">Other Resources</div><div ~~style~~="~~display:flex;flex~~-~~wrap:wrap;gap:.3em;~~">{{{other}}}</div>}}</div></div>		\|<div class="loka-biome-card loka-biome-card--dark"><div class="loka-biome-backdrop">[[File:{{{image}}}\|260px\|link=\|alt=]]<div class="loka-biome-scrim"></div><div class="loka-biome-title-overlay"><div class="loka-biome-title">{{#ifeq:{{{icon\|{{{name}}} Icon.png}}}\|none\|{{{name}}}\|<span class="loka-biome-title-inner">[[File:{{{icon\|{{{name}}} Icon.png}}}\|20px\|link=]]<span>{{{name}}}</span></span>}}</div></div></div><div class="loka-biome-body">{{#if:{{{protected\|}}}\|<div class="loka-biome-label">Protected Resources</div><div class="loka-biome-row">{{{protected}}}</div>}}{{#if:{{{other\|}}}\|<div class="loka-biome-label">Other Resources</div><div class="loka-biome-row">{{{other}}}</div>}}</div></div>
	\|{{#ifexist:File:{{{name}}}.jpg		\|{{#ifexist:File:{{{name}}}.jpg
	\|<div ~~style~~="~~width:260px;max~~-~~width:100%;border~~-~~radius:8px;overflow:hidden;border:1px solid #4a4030;background:#1c1712;box~~-~~shadow:0 1px 3px rgba(0,0,0,.2);~~"><div ~~style~~="~~position:relative;line~~-~~height:0;height:108px;overflow:hidden;~~">[[File:{{{name}}}.jpg\|260px\|link=\|alt=]]<div ~~style~~="~~position:absolute;inset:0;background:rgba(8,6,3,.58);~~"></div><div ~~style~~="~~position:absolute;left:0;right:0;bottom:0;padding:.4em .6em .35em;~~"><div ~~style~~="~~font-weight:700;font-size:1em;color:#ffffff;text~~-~~shadow:0 1px 4px rgba(0,0,0,.9);line~~-~~height:1.3;~~">{{#ifeq:{{{icon\|{{{name}}} Icon.png}}}\|none\|{{{name}}}\|<span ~~style~~="~~display:inline~~-~~flex;align~~-~~items:center;gap:.35em;~~">[[File:{{{icon\|{{{name}}} Icon.png}}}\|20px\|link=]]<span>{{{name}}}</span></span>}}</div></div></div><div ~~style~~="~~background:#1c1712;padding:.55em .7em .65em;~~">{{#if:{{{protected\|}}}\|<div ~~style~~="~~font-size:.7em;font-weight:700;color:#f0cf8e;text~~-~~transform:uppercase;letter~~-~~spacing:.04em;margin:.45em 0 .25em;~~">Protected Resources</div><div ~~style~~="~~display:flex;flex~~-~~wrap:wrap;gap:.3em;~~">{{{protected}}}</div>}}{{#if:{{{other\|}}}\|<div ~~style~~="~~font-size:.7em;font~~-~~weight:700;color:#f0cf8e;text~~-~~transform:uppercase;letter-spacing:.04em;margin:.45em 0 .25em;~~">Other Resources</div><div ~~style~~="~~display:flex;flex~~-~~wrap:wrap;gap:.3em;~~">{{{other}}}</div>}}</div></div>		\|<div class="loka-biome-card loka-biome-card--dark"><div class="loka-biome-backdrop">[[File:{{{name}}}.jpg\|260px\|link=\|alt=]]<div class="loka-biome-scrim"></div><div class="loka-biome-title-overlay"><div class="loka-biome-title">{{#ifeq:{{{icon\|{{{name}}} Icon.png}}}\|none\|{{{name}}}\|<span class="loka-biome-title-inner">[[File:{{{icon\|{{{name}}} Icon.png}}}\|20px\|link=]]<span>{{{name}}}</span></span>}}</div></div></div><div class="loka-biome-body">{{#if:{{{protected\|}}}\|<div class="loka-biome-label">Protected Resources</div><div class="loka-biome-row">{{{protected}}}</div>}}{{#if:{{{other\|}}}\|<div class="loka-biome-label">Other Resources</div><div class="loka-biome-row">{{{other}}}</div>}}</div></div>
	\|{{#ifexist:File:{{{name}}}.png		\|{{#ifexist:File:{{{name}}}.png
	\|<div ~~style~~="~~width:260px;max~~-~~width:100%;border~~-~~radius:8px;overflow:hidden;border:1px solid #4a4030;background:#1c1712;box~~-~~shadow:0 1px 3px rgba(0,0,0,.2);~~"><div ~~style~~="~~position:relative;line~~-~~height:0;height:108px;overflow:hidden;~~">[[File:{{{name}}}.png\|260px\|link=\|alt=]]<div ~~style~~="~~position:absolute;inset:0;background:rgba(8,6,3,.58);~~"></div><div ~~style~~="~~position:absolute;left:0;right:0;bottom:0;padding:.4em .6em .35em;~~"><div ~~style~~="~~font~~-~~weight:700;font~~-~~size:1em;color:#ffffff;text-shadow:0 1px 4px rgba(0,0,0,.9);line-height:1.3;~~">{{#ifeq:{{{icon\|{{{name}}} Icon.png}}}\|none\|{{{name}}}\|<span ~~style~~="~~display:inline~~-~~flex;align~~-~~items:center;gap:.35em;~~">[[File:{{{icon\|{{{name}}} Icon.png}}}\|20px\|link=]]<span>{{{name}}}</span></span>}}</div></div></div><div ~~style~~="~~background:#1c1712;padding:.55em .7em .65em;~~">{{#if:{{{protected\|}}}\|<div ~~style~~="~~font-size:.7em;font-weight:700;color:#f0cf8e;text~~-~~transform:uppercase;letter~~-~~spacing:.04em;margin:.45em 0 .25em;~~">Protected Resources</div><div ~~style~~="~~display:flex;flex~~-~~wrap:wrap;gap:.3em;~~">{{{protected}}}</div>}}{{#if:{{{other\|}}}\|<div ~~style~~="~~font-size:.7em;font-weight:700;color:#f0cf8e;text~~-~~transform:uppercase;letter~~-~~spacing:.04em;margin:.45em 0 .25em;~~">Other Resources</div><div ~~style~~="~~display:flex;flex~~-~~wrap:wrap;gap:.3em;~~">{{{other}}}</div>}}</div></div>		\|<div class="loka-biome-card loka-biome-card--dark"><div class="loka-biome-backdrop">[[File:{{{name}}}.png\|260px\|link=\|alt=]]<div class="loka-biome-scrim"></div><div class="loka-biome-title-overlay"><div class="loka-biome-title">{{#ifeq:{{{icon\|{{{name}}} Icon.png}}}\|none\|{{{name}}}\|<span class="loka-biome-title-inner">[[File:{{{icon\|{{{name}}} Icon.png}}}\|20px\|link=]]<span>{{{name}}}</span></span>}}</div></div></div><div class="loka-biome-body">{{#if:{{{protected\|}}}\|<div class="loka-biome-label">Protected Resources</div><div class="loka-biome-row">{{{protected}}}</div>}}{{#if:{{{other\|}}}\|<div class="loka-biome-label">Other Resources</div><div class="loka-biome-row">{{{other}}}</div>}}</div></div>
	\|<div ~~style~~="~~width:260px;max~~-~~width:100%;box~~-~~sizing:border~~-~~box;background:#faf7f0;border:1px solid #d8cfb8;border~~-~~radius:8px;padding:.6em .7em;box~~-~~shadow:0 1px 3px rgba(0,0,0,.1);~~"><div ~~style~~="~~font~~-~~weight:700;font~~-~~size:1em;color:#1f1c16;border~~-~~bottom:1px solid #e5ddc8;padding~~-~~bottom:.3em;margin~~-~~bottom:.2em;~~">{{#ifeq:{{{icon\|{{{name}}} Icon.png}}}\|none\|{{{name}}}\|<span ~~style~~="~~display:inline~~-~~flex;align~~-~~items:center;gap:.35em;~~">[[File:{{{icon\|{{{name}}} Icon.png}}}\|20px\|link=]]<span>{{{name}}}</span></span>}}</div>{{#if:{{{protected\|}}}\|<div ~~style~~="~~font~~-~~size:.7em;font~~-~~weight:700;color:#9c6b2e;text~~-~~transform:uppercase;letter~~-~~spacing:.04em;margin:.45em 0 .25em;~~">Protected Resources</div><div ~~style~~="~~display:flex;flex~~-~~wrap:wrap;gap:.3em;~~">{{{protected}}}</div>}}{{#if:{{{other\|}}}\|<div ~~style~~="~~font~~-~~size:.7em;font~~-~~weight:700;color:#9c6b2e;text~~-~~transform:uppercase;letter~~-~~spacing:.04em;margin:.45em 0 .25em;~~">Other Resources</div><div ~~style~~="~~display:flex;flex~~-~~wrap:wrap;gap:.3em;~~">{{{other}}}</div>}}</div>		\|<div class="loka-biome-card loka-biome-card--light"><div class="loka-biome-title loka-biome-title--light">{{#ifeq:{{{icon\|{{{name}}} Icon.png}}}\|none\|{{{name}}}\|<span class="loka-biome-title-inner">[[File:{{{icon\|{{{name}}} Icon.png}}}\|20px\|link=]]<span>{{{name}}}</span></span>}}</div>{{#if:{{{protected\|}}}\|<div class="loka-biome-label loka-biome-label--light">Protected Resources</div><div class="loka-biome-row">{{{protected}}}</div>}}{{#if:{{{other\|}}}\|<div class="loka-biome-label loka-biome-label--light">Other Resources</div><div class="loka-biome-row">{{{other}}}</div>}}</div>
	}}		}}
	}}		}}
Line 19:		Line 19:
	</pre>		</pre>

	Renders a single biome pane for use on "Biomes and Resources"-style pages, or on any article (e.g. a continent article) that needs to show a biome's protected and other resources.		Renders a single biome pane for use on "Biomes and Resources"-style pages, or on any article (e.g. a continent article) that needs to show a biome's protected and other resources. Styling lives in [[Template:Biome/styles.css]].

	Only <code>name</code> is required. Both the icon (<code><name> Icon.png</code>) and the backdrop image (<code><name>.jpg</code>, falling back to <code><name>.png</code>) are auto-detected from the biome name via file-existence checks, so a normal call only needs <code>name</code>, <code>protected</code> and <code>other</code>. If neither backdrop file exists, the pane renders as a flat light card instead.		Only <code>name</code> is required. Both the icon (<code><name> Icon.png</code>) and the backdrop image (<code><name>.jpg</code>, falling back to <code><name>.png</code>) are auto-detected from the biome name via file-existence checks, so a normal call only needs <code>name</code>, <code>protected</code> and <code>other</code>. If neither backdrop file exists, the pane renders as a flat light card instead.

Kaph: Create Template:Biome for reusable biome resource panes

2026-08-17T18:59:51Z

Create Template:Biome for reusable biome resource panes

← Older revision		Revision as of 18:59, 17 August 2026
Line 1:		Line 1:
	<includeonly>{{#if:{{{image\|}}}		<includeonly>{{#if:{{{image\|}}}
	\|<div style="border-radius:8px;overflow:hidden;border:1px solid #4a4030;background:#1c1712;box-shadow:0 1px 3px rgba(0,0,0,.2);"><div style="position:relative;line-height:0;height:108px;overflow:hidden;">[[File:{{{image}}}\|260px\|link=\|alt=]]<div style="position:absolute;inset:0;background:rgba(8,6,3,.58);"></div><div style="position:absolute;left:0;right:0;bottom:0;padding:.4em .6em .35em;"><div style="font-weight:700;font-size:1em;color:#ffffff;text-shadow:0 1px 4px rgba(0,0,0,.9);line-height:1.3;">{{#ifeq:{{{icon\|{{{name}}} Icon.png}}}\|none\|{{{name}}}\|<span style="display:inline-flex;align-items:center;gap:.35em;">[[File:{{{icon\|{{{name}}} Icon.png}}}\|20px\|link=]]<span>{{{name}}}</span></span>}}</div></div></div><div style="background:#1c1712;padding:.55em .7em .65em;">{{#if:{{{protected\|}}}\|<div style="font-size:.7em;font-weight:700;color:#f0cf8e;text-transform:uppercase;letter-spacing:.04em;margin:.45em 0 .25em;">Protected Resources</div><div style="display:flex;flex-wrap:wrap;gap:.3em;">{{{protected}}}</div>}}{{#if:{{{other\|}}}\|<div style="font-size:.7em;font-weight:700;color:#f0cf8e;text-transform:uppercase;letter-spacing:.04em;margin:.45em 0 .25em;">Other Resources</div><div style="display:flex;flex-wrap:wrap;gap:.3em;">{{{other}}}</div>}}</div></div>		\|<div style="width:260px;max-width:100%;border-radius:8px;overflow:hidden;border:1px solid #4a4030;background:#1c1712;box-shadow:0 1px 3px rgba(0,0,0,.2);"><div style="position:relative;line-height:0;height:108px;overflow:hidden;">[[File:{{{image}}}\|260px\|link=\|alt=]]<div style="position:absolute;inset:0;background:rgba(8,6,3,.58);"></div><div style="position:absolute;left:0;right:0;bottom:0;padding:.4em .6em .35em;"><div style="font-weight:700;font-size:1em;color:#ffffff;text-shadow:0 1px 4px rgba(0,0,0,.9);line-height:1.3;">{{#ifeq:{{{icon\|{{{name}}} Icon.png}}}\|none\|{{{name}}}\|<span style="display:inline-flex;align-items:center;gap:.35em;">[[File:{{{icon\|{{{name}}} Icon.png}}}\|20px\|link=]]<span>{{{name}}}</span></span>}}</div></div></div><div style="background:#1c1712;padding:.55em .7em .65em;">{{#if:{{{protected\|}}}\|<div style="font-size:.7em;font-weight:700;color:#f0cf8e;text-transform:uppercase;letter-spacing:.04em;margin:.45em 0 .25em;">Protected Resources</div><div style="display:flex;flex-wrap:wrap;gap:.3em;">{{{protected}}}</div>}}{{#if:{{{other\|}}}\|<div style="font-size:.7em;font-weight:700;color:#f0cf8e;text-transform:uppercase;letter-spacing:.04em;margin:.45em 0 .25em;">Other Resources</div><div style="display:flex;flex-wrap:wrap;gap:.3em;">{{{other}}}</div>}}</div></div>
	\|{{#ifexist:File:{{{name}}}.jpg		\|{{#ifexist:File:{{{name}}}.jpg
	\|<div style="border-radius:8px;overflow:hidden;border:1px solid #4a4030;background:#1c1712;box-shadow:0 1px 3px rgba(0,0,0,.2);"><div style="position:relative;line-height:0;height:108px;overflow:hidden;">[[File:{{{name}}}.jpg\|260px\|link=\|alt=]]<div style="position:absolute;inset:0;background:rgba(8,6,3,.58);"></div><div style="position:absolute;left:0;right:0;bottom:0;padding:.4em .6em .35em;"><div style="font-weight:700;font-size:1em;color:#ffffff;text-shadow:0 1px 4px rgba(0,0,0,.9);line-height:1.3;">{{#ifeq:{{{icon\|{{{name}}} Icon.png}}}\|none\|{{{name}}}\|<span style="display:inline-flex;align-items:center;gap:.35em;">[[File:{{{icon\|{{{name}}} Icon.png}}}\|20px\|link=]]<span>{{{name}}}</span></span>}}</div></div></div><div style="background:#1c1712;padding:.55em .7em .65em;">{{#if:{{{protected\|}}}\|<div style="font-size:.7em;font-weight:700;color:#f0cf8e;text-transform:uppercase;letter-spacing:.04em;margin:.45em 0 .25em;">Protected Resources</div><div style="display:flex;flex-wrap:wrap;gap:.3em;">{{{protected}}}</div>}}{{#if:{{{other\|}}}\|<div style="font-size:.7em;font-weight:700;color:#f0cf8e;text-transform:uppercase;letter-spacing:.04em;margin:.45em 0 .25em;">Other Resources</div><div style="display:flex;flex-wrap:wrap;gap:.3em;">{{{other}}}</div>}}</div></div>		\|<div style="width:260px;max-width:100%;border-radius:8px;overflow:hidden;border:1px solid #4a4030;background:#1c1712;box-shadow:0 1px 3px rgba(0,0,0,.2);"><div style="position:relative;line-height:0;height:108px;overflow:hidden;">[[File:{{{name}}}.jpg\|260px\|link=\|alt=]]<div style="position:absolute;inset:0;background:rgba(8,6,3,.58);"></div><div style="position:absolute;left:0;right:0;bottom:0;padding:.4em .6em .35em;"><div style="font-weight:700;font-size:1em;color:#ffffff;text-shadow:0 1px 4px rgba(0,0,0,.9);line-height:1.3;">{{#ifeq:{{{icon\|{{{name}}} Icon.png}}}\|none\|{{{name}}}\|<span style="display:inline-flex;align-items:center;gap:.35em;">[[File:{{{icon\|{{{name}}} Icon.png}}}\|20px\|link=]]<span>{{{name}}}</span></span>}}</div></div></div><div style="background:#1c1712;padding:.55em .7em .65em;">{{#if:{{{protected\|}}}\|<div style="font-size:.7em;font-weight:700;color:#f0cf8e;text-transform:uppercase;letter-spacing:.04em;margin:.45em 0 .25em;">Protected Resources</div><div style="display:flex;flex-wrap:wrap;gap:.3em;">{{{protected}}}</div>}}{{#if:{{{other\|}}}\|<div style="font-size:.7em;font-weight:700;color:#f0cf8e;text-transform:uppercase;letter-spacing:.04em;margin:.45em 0 .25em;">Other Resources</div><div style="display:flex;flex-wrap:wrap;gap:.3em;">{{{other}}}</div>}}</div></div>
	\|{{#ifexist:File:{{{name}}}.png		\|{{#ifexist:File:{{{name}}}.png
	\|<div style="border-radius:8px;overflow:hidden;border:1px solid #4a4030;background:#1c1712;box-shadow:0 1px 3px rgba(0,0,0,.2);"><div style="position:relative;line-height:0;height:108px;overflow:hidden;">[[File:{{{name}}}.png\|260px\|link=\|alt=]]<div style="position:absolute;inset:0;background:rgba(8,6,3,.58);"></div><div style="position:absolute;left:0;right:0;bottom:0;padding:.4em .6em .35em;"><div style="font-weight:700;font-size:1em;color:#ffffff;text-shadow:0 1px 4px rgba(0,0,0,.9);line-height:1.3;">{{#ifeq:{{{icon\|{{{name}}} Icon.png}}}\|none\|{{{name}}}\|<span style="display:inline-flex;align-items:center;gap:.35em;">[[File:{{{icon\|{{{name}}} Icon.png}}}\|20px\|link=]]<span>{{{name}}}</span></span>}}</div></div></div><div style="background:#1c1712;padding:.55em .7em .65em;">{{#if:{{{protected\|}}}\|<div style="font-size:.7em;font-weight:700;color:#f0cf8e;text-transform:uppercase;letter-spacing:.04em;margin:.45em 0 .25em;">Protected Resources</div><div style="display:flex;flex-wrap:wrap;gap:.3em;">{{{protected}}}</div>}}{{#if:{{{other\|}}}\|<div style="font-size:.7em;font-weight:700;color:#f0cf8e;text-transform:uppercase;letter-spacing:.04em;margin:.45em 0 .25em;">Other Resources</div><div style="display:flex;flex-wrap:wrap;gap:.3em;">{{{other}}}</div>}}</div></div>		\|<div style="width:260px;max-width:100%;border-radius:8px;overflow:hidden;border:1px solid #4a4030;background:#1c1712;box-shadow:0 1px 3px rgba(0,0,0,.2);"><div style="position:relative;line-height:0;height:108px;overflow:hidden;">[[File:{{{name}}}.png\|260px\|link=\|alt=]]<div style="position:absolute;inset:0;background:rgba(8,6,3,.58);"></div><div style="position:absolute;left:0;right:0;bottom:0;padding:.4em .6em .35em;"><div style="font-weight:700;font-size:1em;color:#ffffff;text-shadow:0 1px 4px rgba(0,0,0,.9);line-height:1.3;">{{#ifeq:{{{icon\|{{{name}}} Icon.png}}}\|none\|{{{name}}}\|<span style="display:inline-flex;align-items:center;gap:.35em;">[[File:{{{icon\|{{{name}}} Icon.png}}}\|20px\|link=]]<span>{{{name}}}</span></span>}}</div></div></div><div style="background:#1c1712;padding:.55em .7em .65em;">{{#if:{{{protected\|}}}\|<div style="font-size:.7em;font-weight:700;color:#f0cf8e;text-transform:uppercase;letter-spacing:.04em;margin:.45em 0 .25em;">Protected Resources</div><div style="display:flex;flex-wrap:wrap;gap:.3em;">{{{protected}}}</div>}}{{#if:{{{other\|}}}\|<div style="font-size:.7em;font-weight:700;color:#f0cf8e;text-transform:uppercase;letter-spacing:.04em;margin:.45em 0 .25em;">Other Resources</div><div style="display:flex;flex-wrap:wrap;gap:.3em;">{{{other}}}</div>}}</div></div>
	\|<div style="background:#faf7f0;border:1px solid #d8cfb8;border-radius:8px;padding:.6em .7em;box-shadow:0 1px 3px rgba(0,0,0,.1);"><div style="font-weight:700;font-size:1em;color:#1f1c16;border-bottom:1px solid #e5ddc8;padding-bottom:.3em;margin-bottom:.2em;">{{#ifeq:{{{icon\|{{{name}}} Icon.png}}}\|none\|{{{name}}}\|<span style="display:inline-flex;align-items:center;gap:.35em;">[[File:{{{icon\|{{{name}}} Icon.png}}}\|20px\|link=]]<span>{{{name}}}</span></span>}}</div>{{#if:{{{protected\|}}}\|<div style="font-size:.7em;font-weight:700;color:#9c6b2e;text-transform:uppercase;letter-spacing:.04em;margin:.45em 0 .25em;">Protected Resources</div><div style="display:flex;flex-wrap:wrap;gap:.3em;">{{{protected}}}</div>}}{{#if:{{{other\|}}}\|<div style="font-size:.7em;font-weight:700;color:#9c6b2e;text-transform:uppercase;letter-spacing:.04em;margin:.45em 0 .25em;">Other Resources</div><div style="display:flex;flex-wrap:wrap;gap:.3em;">{{{other}}}</div>}}</div>		\|<div style="width:260px;max-width:100%;box-sizing:border-box;background:#faf7f0;border:1px solid #d8cfb8;border-radius:8px;padding:.6em .7em;box-shadow:0 1px 3px rgba(0,0,0,.1);"><div style="font-weight:700;font-size:1em;color:#1f1c16;border-bottom:1px solid #e5ddc8;padding-bottom:.3em;margin-bottom:.2em;">{{#ifeq:{{{icon\|{{{name}}} Icon.png}}}\|none\|{{{name}}}\|<span style="display:inline-flex;align-items:center;gap:.35em;">[[File:{{{icon\|{{{name}}} Icon.png}}}\|20px\|link=]]<span>{{{name}}}</span></span>}}</div>{{#if:{{{protected\|}}}\|<div style="font-size:.7em;font-weight:700;color:#9c6b2e;text-transform:uppercase;letter-spacing:.04em;margin:.45em 0 .25em;">Protected Resources</div><div style="display:flex;flex-wrap:wrap;gap:.3em;">{{{protected}}}</div>}}{{#if:{{{other\|}}}\|<div style="font-size:.7em;font-weight:700;color:#9c6b2e;text-transform:uppercase;letter-spacing:.04em;margin:.45em 0 .25em;">Other Resources</div><div style="display:flex;flex-wrap:wrap;gap:.3em;">{{{other}}}</div>}}</div>
	}}		}}
	}}		}}

Kaph: Create Template:Biome for reusable biome resource panes

2026-08-17T18:13:30Z

Create Template:Biome for reusable biome resource panes

← Older revision		Revision as of 18:13, 17 August 2026
Line 1:		Line 1:
	<includeonly>{{#if:{{#if:{{{~~ext~~\|}}}\|1\|{{{~~image\|~~}}}}}		<includeonly>{{#if:{{{image\|}}}
	\|<div style="border-radius:8px;overflow:hidden;border:1px solid #4a4030;background:#1c1712;box-shadow:0 1px 3px rgba(0,0,0,.2);">		\|<div style="border-radius:8px;overflow:hidden;border:1px solid #4a4030;background:#1c1712;box-shadow:0 1px 3px rgba(0,0,0,.2);"><div style="position:relative;line-height:0;height:108px;overflow:hidden;">[[File:{{{image}}}\|260px\|link=\|alt=]]<div style="position:absolute;inset:0;background:rgba(8,6,3,.58);"></div><div style="position:absolute;left:0;right:0;bottom:0;padding:.4em .6em .35em;"><div style="font-weight:700;font-size:1em;color:#ffffff;text-shadow:0 1px 4px rgba(0,0,0,.9);line-height:1.3;">{{#ifeq:{{{icon\|{{{name}}} Icon.png}}}\|none\|{{{name}}}\|<span style="display:inline-flex;align-items:center;gap:.35em;">[[File:{{{icon\|{{{name}}} Icon.png}}}\|20px\|link=]]<span>{{{name}}}</span></span>}}</div></div></div><div style="background:#1c1712;padding:.55em .7em .65em;">{{#if:{{{protected\|}}}\|<div style="font-size:.7em;font-weight:700;color:#f0cf8e;text-transform:uppercase;letter-spacing:.04em;margin:.45em 0 .25em;">Protected Resources</div><div style="display:flex;flex-wrap:wrap;gap:.3em;">{{{protected}}}</div>}}{{#if:{{{other\|}}}\|<div style="font-size:.7em;font-weight:700;color:#f0cf8e;text-transform:uppercase;letter-spacing:.04em;margin:.45em 0 .25em;">Other Resources</div><div style="display:flex;flex-wrap:wrap;gap:.3em;">{{{other}}}</div>}}</div></div>
	<div style="position:relative;line-height:0;height:108px;overflow:hidden;">[[File:{{#if:{{{~~ext~~\|}}}\|{{{name}}}.{{{~~ext~~}}}\|{{{~~image~~\|}}}}}\|260px\|link=\|alt=]]<div style="position:absolute;inset:0;background:rgba(8,6,3,.58);"></div><div style="position:absolute;left:0;right:0;bottom:0;padding:.4em .6em .35em;"><div style="font-weight:700;font-size:1em;color:#ffffff;text-shadow:0 1px 4px rgba(0,0,0,.9);line-height:1.3;">{{#ifeq:{{{icon\|{{{name}}} Icon.png}}}\|none\|{{{name}}}\|<span style="display:inline-flex;align-items:center;gap:.35em;">[[File:{{{icon\|{{{name}}} Icon.png}}}\|20px\|link=]]<span>{{{name}}}</span></span>}}</div></div></div>		\|{{#ifexist:File:{{{name}}}.jpg
	<div style="background:#1c1712;padding:.55em .7em .65em;">{{#if:{{{protected\|}}}\|<div style="font-size:.7em;font-weight:700;color:#f0cf8e;text-transform:uppercase;letter-spacing:.04em;margin:.45em 0 .25em;">Protected Resources</div><div style="display:flex;flex-wrap:wrap;gap:.3em;">{{{protected}}}</div>}}{{#if:{{{other\|}}}\|<div style="font-size:.7em;font-weight:700;color:#f0cf8e;text-transform:uppercase;letter-spacing:.04em;margin:.45em 0 .25em;">Other Resources</div><div style="display:flex;flex-wrap:wrap;gap:.3em;">{{{other}}}</div>}}</div></div>		\|<div style="border-radius:8px;overflow:hidden;border:1px solid #4a4030;background:#1c1712;box-shadow:0 1px 3px rgba(0,0,0,.2);"><div style="position:relative;line-height:0;height:108px;overflow:hidden;">[[File:{{{name}}}.jpg\|260px\|link=\|alt=]]<div style="position:absolute;inset:0;background:rgba(8,6,3,.58);"></div><div style="position:absolute;left:0;right:0;bottom:0;padding:.4em .6em .35em;"><div style="font-weight:700;font-size:1em;color:#ffffff;text-shadow:0 1px 4px rgba(0,0,0,.9);line-height:1.3;">{{#ifeq:{{{icon\|{{{name}}} Icon.png}}}\|none\|{{{name}}}\|<span style="display:inline-flex;align-items:center;gap:.35em;">[[File:{{{icon\|{{{name}}} Icon.png}}}\|20px\|link=]]<span>{{{name}}}</span></span>}}</div></div></div><div style="background:#1c1712;padding:.55em .7em .65em;">{{#if:{{{protected\|}}}\|<div style="font-size:.7em;font-weight:700;color:#f0cf8e;text-transform:uppercase;letter-spacing:.04em;margin:.45em 0 .25em;">Protected Resources</div><div style="display:flex;flex-wrap:wrap;gap:.3em;">{{{protected}}}</div>}}{{#if:{{{other\|}}}\|<div style="font-size:.7em;font-weight:700;color:#f0cf8e;text-transform:uppercase;letter-spacing:.04em;margin:.45em 0 .25em;">Other Resources</div><div style="display:flex;flex-wrap:wrap;gap:.3em;">{{{other}}}</div>}}</div></div>
			\|{{#ifexist:File:{{{name}}}.png
			\|<div style="border-radius:8px;overflow:hidden;border:1px solid #4a4030;background:#1c1712;box-shadow:0 1px 3px rgba(0,0,0,.2);"><div style="position:relative;line-height:0;height:108px;overflow:hidden;">[[File:{{{name}}}.png\|260px\|link=\|alt=]]<div style="position:absolute;inset:0;background:rgba(8,6,3,.58);"></div><div style="position:absolute;left:0;right:0;bottom:0;padding:.4em .6em .35em;"><div style="font-weight:700;font-size:1em;color:#ffffff;text-shadow:0 1px 4px rgba(0,0,0,.9);line-height:1.3;">{{#ifeq:{{{icon\|{{{name}}} Icon.png}}}\|none\|{{{name}}}\|<span style="display:inline-flex;align-items:center;gap:.35em;">[[File:{{{icon\|{{{name}}} Icon.png}}}\|20px\|link=]]<span>{{{name}}}</span></span>}}</div></div></div><div style="background:#1c1712;padding:.55em .7em .65em;">{{#if:{{{protected\|}}}\|<div style="font-size:.7em;font-weight:700;color:#f0cf8e;text-transform:uppercase;letter-spacing:.04em;margin:.45em 0 .25em;">Protected Resources</div><div style="display:flex;flex-wrap:wrap;gap:.3em;">{{{protected}}}</div>}}{{#if:{{{other\|}}}\|<div style="font-size:.7em;font-weight:700;color:#f0cf8e;text-transform:uppercase;letter-spacing:.04em;margin:.45em 0 .25em;">Other Resources</div><div style="display:flex;flex-wrap:wrap;gap:.3em;">{{{other}}}</div>}}</div></div>
	\|<div style="background:#faf7f0;border:1px solid #d8cfb8;border-radius:8px;padding:.6em .7em;box-shadow:0 1px 3px rgba(0,0,0,.1);"><div style="font-weight:700;font-size:1em;color:#1f1c16;border-bottom:1px solid #e5ddc8;padding-bottom:.3em;margin-bottom:.2em;">{{#ifeq:{{{icon\|{{{name}}} Icon.png}}}\|none\|{{{name}}}\|<span style="display:inline-flex;align-items:center;gap:.35em;">[[File:{{{icon\|{{{name}}} Icon.png}}}\|20px\|link=]]<span>{{{name}}}</span></span>}}</div>{{#if:{{{protected\|}}}\|<div style="font-size:.7em;font-weight:700;color:#9c6b2e;text-transform:uppercase;letter-spacing:.04em;margin:.45em 0 .25em;">Protected Resources</div><div style="display:flex;flex-wrap:wrap;gap:.3em;">{{{protected}}}</div>}}{{#if:{{{other\|}}}\|<div style="font-size:.7em;font-weight:700;color:#9c6b2e;text-transform:uppercase;letter-spacing:.04em;margin:.45em 0 .25em;">Other Resources</div><div style="display:flex;flex-wrap:wrap;gap:.3em;">{{{other}}}</div>}}</div>		\|<div style="background:#faf7f0;border:1px solid #d8cfb8;border-radius:8px;padding:.6em .7em;box-shadow:0 1px 3px rgba(0,0,0,.1);"><div style="font-weight:700;font-size:1em;color:#1f1c16;border-bottom:1px solid #e5ddc8;padding-bottom:.3em;margin-bottom:.2em;">{{#ifeq:{{{icon\|{{{name}}} Icon.png}}}\|none\|{{{name}}}\|<span style="display:inline-flex;align-items:center;gap:.35em;">[[File:{{{icon\|{{{name}}} Icon.png}}}\|20px\|link=]]<span>{{{name}}}</span></span>}}</div>{{#if:{{{protected\|}}}\|<div style="font-size:.7em;font-weight:700;color:#9c6b2e;text-transform:uppercase;letter-spacing:.04em;margin:.45em 0 .25em;">Protected Resources</div><div style="display:flex;flex-wrap:wrap;gap:.3em;">{{{protected}}}</div>}}{{#if:{{{other\|}}}\|<div style="font-size:.7em;font-weight:700;color:#9c6b2e;text-transform:uppercase;letter-spacing:.04em;margin:.45em 0 .25em;">Other Resources</div><div style="display:flex;flex-wrap:wrap;gap:.3em;">{{{other}}}</div>}}</div>
			}}
			}}
	}}</includeonly><noinclude>		}}</includeonly><noinclude>
	== Usage ==		== Usage ==
Line 10:		Line 14:
	{{Biome		{{Biome
	\|name=Birch Forest		\|name=Birch Forest
	~~\|ext=png~~
	\|protected={{ResourceList\|1=Birch Wood\|1icon1=Birch Log.png}}		\|protected={{ResourceList\|1=Birch Wood\|1icon1=Birch Log.png}}
	\|other={{ResourceList\|1=Dandelion\|1icon1=Dandelion.png}}		\|other={{ResourceList\|1=Dandelion\|1icon1=Dandelion.png}}
Line 18:		Line 21:
	Renders a single biome pane for use on "Biomes and Resources"-style pages, or on any article (e.g. a continent article) that needs to show a biome's protected and other resources.		Renders a single biome pane for use on "Biomes and Resources"-style pages, or on any article (e.g. a continent article) that needs to show a biome's protected and other resources.

	Only <code>name</code> is required. ~~The~~ icon ~~defaults to~~ <code><name> Icon.png</code> ~~automatically, so most calls only need~~ <code>name</code>, <code>~~ext~~</code>, <code>~~protected~~</code> ~~and~~ <code>~~other~~</code>~~. Omitting~~ <code>~~ext~~</code> renders a flat light card ~~with no photo backdrop~~.		Only <code>name</code> is required. Both the icon (<code><name> Icon.png</code>) and the backdrop image (<code><name>.jpg</code>, falling back to <code><name>.png</code>) are auto-detected from the biome name via file-existence checks, so a normal call only needs <code>name</code>, <code>protected</code> and <code>other</code>. If neither backdrop file exists, the pane renders as a flat light card instead.

	== Parameters ==		== Parameters ==
Line 27:		Line 30:
	\|-		\|-
	\| <code>name</code>		\| <code>name</code>
	\| Biome display name. Also used to ~~build~~ the ~~default~~ icon and backdrop filenames.		\| Biome display name. Also used to auto-detect the icon and backdrop filenames.
	\|-
	~~\| <code>ext</code>~~
	~~\| File extension of the backdrop screenshot (<code>jpg</code> or <code>png</code>), e.g. <code>ext=jpg</code> uses <code>File:{{{name}}}.jpg</code>. Omit if this biome has no backdrop~~.
	\|-		\|-
	\| <code>icon</code>		\| <code>icon</code>
	\| Overrides the ~~default~~ icon filename (no <code>File:</code> prefix). Set to <code>none</code> to suppress the icon entirely (e.g. for a non-biome-specific entry with no matching icon file).		\| Overrides the auto-detected icon filename (no <code>File:</code> prefix). Set to <code>none</code> to suppress the icon entirely (e.g. for a non-biome-specific entry with no matching icon file).
	\|-		\|-
	\| <code>image</code>		\| <code>image</code>
	\| Overrides the backdrop filename directly (no <code>File:</code> prefix), for the rare case it doesn't follow the <code><name>.<~~ext~~></code> convention~~. Ignored if <code>ext</code> is set~~.		\| Overrides the auto-detected backdrop filename directly (no <code>File:</code> prefix), for the rare case it doesn't follow the <code><name>.jpg</code>/<code><name>.png</code> convention.
	\|-		\|-
	\| <code>protected</code>		\| <code>protected</code>

Kaph: Create Template:Biome for reusable biome resource panes

2026-08-17T18:08:19Z

Create Template:Biome for reusable biome resource panes

← Older revision		Revision as of 18:08, 17 August 2026
Line 1:		Line 1:
	<includeonly>{{#if:{{{image\|}}}		<includeonly>{{#if:{{#if:{{{ext\|}}}\|1\|{{{image\|}}}}}
	\|<div style="border-radius:8px;overflow:hidden;border:1px solid #4a4030;background:#1c1712;box-shadow:0 1px 3px rgba(0,0,0,.2);">		\|<div style="border-radius:8px;overflow:hidden;border:1px solid #4a4030;background:#1c1712;box-shadow:0 1px 3px rgba(0,0,0,.2);">
	<div style="position:relative;line-height:0;height:108px;overflow:hidden;">[[File:{{{image}}}\|260px\|link=\|alt=]]<div style="position:absolute;inset:0;background:rgba(8,6,3,.58);"></div><div style="position:absolute;left:0;right:0;bottom:0;padding:.4em .6em .35em;"><div style="font-weight:700;font-size:1em;color:#ffffff;text-shadow:0 1px 4px rgba(0,0,0,.9);line-height:1.3;">{{#if:{{{icon\|}}}\|<span style="display:inline-flex;align-items:center;gap:.35em;">[[File:{{{icon}}}\|20px\|link=]]<span>{{{name}}}</span></span>~~\|{{{name}}}~~}}</div></div></div>		<div style="position:relative;line-height:0;height:108px;overflow:hidden;">[[File:{{#if:{{{ext\|}}}\|{{{name}}}.{{{ext}}}\|{{{image\|}}}}}\|260px\|link=\|alt=]]<div style="position:absolute;inset:0;background:rgba(8,6,3,.58);"></div><div style="position:absolute;left:0;right:0;bottom:0;padding:.4em .6em .35em;"><div style="font-weight:700;font-size:1em;color:#ffffff;text-shadow:0 1px 4px rgba(0,0,0,.9);line-height:1.3;">{{#ifeq:{{{icon\|{{{name}}} Icon.png}}}\|none\|{{{name}}}\|<span style="display:inline-flex;align-items:center;gap:.35em;">[[File:{{{icon\|{{{name}}} Icon.png}}}\|20px\|link=]]<span>{{{name}}}</span></span>}}</div></div></div>
	<div style="background:#1c1712;padding:.55em .7em .65em;">{{#if:{{{protected\|}}}\|<div style="font-size:.7em;font-weight:700;color:#f0cf8e;text-transform:uppercase;letter-spacing:.04em;margin:.45em 0 .25em;">Protected Resources</div><div style="display:flex;flex-wrap:wrap;gap:.3em;">{{{protected}}}</div>}}{{#if:{{{other\|}}}\|<div style="font-size:.7em;font-weight:700;color:#f0cf8e;text-transform:uppercase;letter-spacing:.04em;margin:.45em 0 .25em;">Other Resources</div><div style="display:flex;flex-wrap:wrap;gap:.3em;">{{{other}}}</div>}}</div></div>		<div style="background:#1c1712;padding:.55em .7em .65em;">{{#if:{{{protected\|}}}\|<div style="font-size:.7em;font-weight:700;color:#f0cf8e;text-transform:uppercase;letter-spacing:.04em;margin:.45em 0 .25em;">Protected Resources</div><div style="display:flex;flex-wrap:wrap;gap:.3em;">{{{protected}}}</div>}}{{#if:{{{other\|}}}\|<div style="font-size:.7em;font-weight:700;color:#f0cf8e;text-transform:uppercase;letter-spacing:.04em;margin:.45em 0 .25em;">Other Resources</div><div style="display:flex;flex-wrap:wrap;gap:.3em;">{{{other}}}</div>}}</div></div>
	\|<div style="background:#faf7f0;border:1px solid #d8cfb8;border-radius:8px;padding:.6em .7em;box-shadow:0 1px 3px rgba(0,0,0,.1);"><div style="font-weight:700;font-size:1em;color:#1f1c16;border-bottom:1px solid #e5ddc8;padding-bottom:.3em;margin-bottom:.2em;">{{#if:{{{icon\|}}}\|<span style="display:inline-flex;align-items:center;gap:.35em;">[[File:{{{icon}}}\|20px\|link=]]<span>{{{name}}}</span></span>~~\|{{{name}}}~~}}</div>{{#if:{{{protected\|}}}\|<div style="font-size:.7em;font-weight:700;color:#9c6b2e;text-transform:uppercase;letter-spacing:.04em;margin:.45em 0 .25em;">Protected Resources</div><div style="display:flex;flex-wrap:wrap;gap:.3em;">{{{protected}}}</div>}}{{#if:{{{other\|}}}\|<div style="font-size:.7em;font-weight:700;color:#9c6b2e;text-transform:uppercase;letter-spacing:.04em;margin:.45em 0 .25em;">Other Resources</div><div style="display:flex;flex-wrap:wrap;gap:.3em;">{{{other}}}</div>}}</div>		\|<div style="background:#faf7f0;border:1px solid #d8cfb8;border-radius:8px;padding:.6em .7em;box-shadow:0 1px 3px rgba(0,0,0,.1);"><div style="font-weight:700;font-size:1em;color:#1f1c16;border-bottom:1px solid #e5ddc8;padding-bottom:.3em;margin-bottom:.2em;">{{#ifeq:{{{icon\|{{{name}}} Icon.png}}}\|none\|{{{name}}}\|<span style="display:inline-flex;align-items:center;gap:.35em;">[[File:{{{icon\|{{{name}}} Icon.png}}}\|20px\|link=]]<span>{{{name}}}</span></span>}}</div>{{#if:{{{protected\|}}}\|<div style="font-size:.7em;font-weight:700;color:#9c6b2e;text-transform:uppercase;letter-spacing:.04em;margin:.45em 0 .25em;">Protected Resources</div><div style="display:flex;flex-wrap:wrap;gap:.3em;">{{{protected}}}</div>}}{{#if:{{{other\|}}}\|<div style="font-size:.7em;font-weight:700;color:#9c6b2e;text-transform:uppercase;letter-spacing:.04em;margin:.45em 0 .25em;">Other Resources</div><div style="display:flex;flex-wrap:wrap;gap:.3em;">{{{other}}}</div>}}</div>
	}}</includeonly><noinclude>		}}</includeonly><noinclude>
	== Usage ==		== Usage ==
Line 9:		Line 9:
	<pre>		<pre>
	{{Biome		{{Biome
	\|name=Forest		\|name=Birch Forest
	\|~~icon~~=~~Forest Icon.~~png		\|ext=png
	\|~~image~~=~~Forest.jpg~~		\|protected={{ResourceList\|1=Birch Wood\|1icon1=Birch Log.png}}
	\|~~protected~~=~~[[File:Bee~~.png\|~~16px~~\|~~link~~=~~]]Bees~~		\|other={{ResourceList\|1=Dandelion\|1icon1=Dandelion.png}}
	\|~~other~~=~~[[File:~~Dandelion.png~~\|16px\|link=]]Dandelions~~
	}}		}}
	</pre>		</pre>
Line 19:		Line 18:
	Renders a single biome pane for use on "Biomes and Resources"-style pages, or on any article (e.g. a continent article) that needs to show a biome's protected and other resources.		Renders a single biome pane for use on "Biomes and Resources"-style pages, or on any article (e.g. a continent article) that needs to show a biome's protected and other resources.

	Only <code>name</code> is required. ~~Omitting~~ <code>~~image~~</code> ~~renders a flat light card instead of a photo backdrop; omitting~~ <code>~~icon~~</code>, <code>protected</code>~~, or~~ <code>other</code> ~~simply hides that part~~.		Only <code>name</code> is required. The icon defaults to <code><name> Icon.png</code> automatically, so most calls only need <code>name</code>, <code>ext</code>, <code>protected</code> and <code>other</code>. Omitting <code>ext</code> renders a flat light card with no photo backdrop.

	== Parameters ==		== Parameters ==
Line 28:		Line 27:
	\|-		\|-
	\| <code>name</code>		\| <code>name</code>
	\| Biome display name.		\| Biome display name. Also used to build the default icon and backdrop filenames.
			\|-
			\| <code>ext</code>
			\| File extension of the backdrop screenshot (<code>jpg</code> or <code>png</code>), e.g. <code>ext=jpg</code> uses <code>File:{{{name}}}.jpg</code>. Omit if this biome has no backdrop.
	\|-		\|-
	\| <code>icon</code>		\| <code>icon</code>
	\| ~~Filename of a small~~ (~~20px) icon shown to the left of the name. Do not include the~~ <code>File:</code> prefix.		\| Overrides the default icon filename (no <code>File:</code> prefix). Set to <code>none</code> to suppress the icon entirely (e.g. for a non-biome-specific entry with no matching icon file).
	\|-		\|-
	\| <code>image</code>		\| <code>image</code>
	\| ~~Filename of a~~ backdrop ~~screenshot. Do not include the~~ <code>File:</code> prefix. ~~Cropped to a fixed height, top-anchored~~.		\| Overrides the backdrop filename directly (no <code>File:</code> prefix), for the rare case it doesn't follow the <code><name>.<ext></code> convention. Ignored if <code>ext</code> is set.
	\|-		\|-
	\| <code>protected</code>		\| <code>protected</code>
	\| ~~Pre-formatted wikitext/HTML~~ for the "Protected Resources" chips ~~(e.g.~~ a ~~run of <code>~~[[~~File~~:~~Icon.png\|16px\|link=~~]]~~Term</code> chips)~~.		\| Wikitext for the "Protected Resources" chips — normally a [[Template:ResourceList]] call.
	\|-		\|-
	\| <code>other</code>		\| <code>other</code>
	\| ~~Pre-formatted wikitext/HTML~~ for the "Other Resources" chips, same format as <code>protected</code>.		\| Wikitext for the "Other Resources" chips, same format as <code>protected</code>.
	\|}		\|}

	[[Category:Templates]]		[[Category:Templates]]
	</noinclude>		</noinclude>

Kaph: Create Template:Biome for reusable biome resource panes

2026-08-17T17:47:47Z

Create Template:Biome for reusable biome resource panes

New page

<includeonly>{{#if:{{{image|}}}
|<div style="border-radius:8px;overflow:hidden;border:1px solid #4a4030;background:#1c1712;box-shadow:0 1px 3px rgba(0,0,0,.2);">
<div style="position:relative;line-height:0;height:108px;overflow:hidden;">[[File:{{{image}}}|260px|link=|alt=]]<div style="position:absolute;inset:0;background:rgba(8,6,3,.58);"></div><div style="position:absolute;left:0;right:0;bottom:0;padding:.4em .6em .35em;"><div style="font-weight:700;font-size:1em;color:#ffffff;text-shadow:0 1px 4px rgba(0,0,0,.9);line-height:1.3;">{{#if:{{{icon|}}}|<span style="display:inline-flex;align-items:center;gap:.35em;">[[File:{{{icon}}}|20px|link=]]<span>{{{name}}}</span></span>|{{{name}}}}}</div></div></div>
<div style="background:#1c1712;padding:.55em .7em .65em;">{{#if:{{{protected|}}}|<div style="font-size:.7em;font-weight:700;color:#f0cf8e;text-transform:uppercase;letter-spacing:.04em;margin:.45em 0 .25em;">Protected Resources</div><div style="display:flex;flex-wrap:wrap;gap:.3em;">{{{protected}}}</div>}}{{#if:{{{other|}}}|<div style="font-size:.7em;font-weight:700;color:#f0cf8e;text-transform:uppercase;letter-spacing:.04em;margin:.45em 0 .25em;">Other Resources</div><div style="display:flex;flex-wrap:wrap;gap:.3em;">{{{other}}}</div>}}</div></div>
|<div style="background:#faf7f0;border:1px solid #d8cfb8;border-radius:8px;padding:.6em .7em;box-shadow:0 1px 3px rgba(0,0,0,.1);"><div style="font-weight:700;font-size:1em;color:#1f1c16;border-bottom:1px solid #e5ddc8;padding-bottom:.3em;margin-bottom:.2em;">{{#if:{{{icon|}}}|<span style="display:inline-flex;align-items:center;gap:.35em;">[[File:{{{icon}}}|20px|link=]]<span>{{{name}}}</span></span>|{{{name}}}}}</div>{{#if:{{{protected|}}}|<div style="font-size:.7em;font-weight:700;color:#9c6b2e;text-transform:uppercase;letter-spacing:.04em;margin:.45em 0 .25em;">Protected Resources</div><div style="display:flex;flex-wrap:wrap;gap:.3em;">{{{protected}}}</div>}}{{#if:{{{other|}}}|<div style="font-size:.7em;font-weight:700;color:#9c6b2e;text-transform:uppercase;letter-spacing:.04em;margin:.45em 0 .25em;">Other Resources</div><div style="display:flex;flex-wrap:wrap;gap:.3em;">{{{other}}}</div>}}</div>
}}</includeonly><noinclude>
== Usage ==

<pre>
{{Biome
|name=Forest
|icon=Forest Icon.png
|image=Forest.jpg
|protected=[[File:Bee.png|16px|link=]]Bees
|other=[[File:Dandelion.png|16px|link=]]Dandelions
}}
</pre>

Renders a single biome pane for use on "Biomes and Resources"-style pages, or on any article (e.g. a continent article) that needs to show a biome's protected and other resources.

Only <code>name</code> is required. Omitting <code>image</code> renders a flat light card instead of a photo backdrop; omitting <code>icon</code>, <code>protected</code>, or <code>other</code> simply hides that part.

== Parameters ==

{| class="wikitable"
! Parameter
! Description
|-
| <code>name</code>
| Biome display name.
|-
| <code>icon</code>
| Filename of a small (20px) icon shown to the left of the name. Do not include the <code>File:</code> prefix.
|-
| <code>image</code>
| Filename of a backdrop screenshot. Do not include the <code>File:</code> prefix. Cropped to a fixed height, top-anchored.
|-
| <code>protected</code>
| Pre-formatted wikitext/HTML for the "Protected Resources" chips (e.g. a run of <code>[[File:Icon.png|16px|link=]]Term</code> chips).
|-
| <code>other</code>
| Pre-formatted wikitext/HTML for the "Other Resources" chips, same format as <code>protected</code>.
|}

[[Category:Templates]]
</noinclude>