Template:Infocard - Revision history

Gary: Add compact Infocard option for the wiki category directory; preserve default cards.

2026-10-06T09:20:01Z

Add compact Infocard option for the wiki category directory; preserve default cards.

← Older revision		Revision as of 09:20, 6 October 2026
Line 1:		Line 1:
	<noinclude>		<noinclude>Reusable tower information cards. Existing calls using name, icon and text retain their default appearance. Use class=compact for the category directory. Optional id must be unique; basis controls the card's flex width. iconalt accepts existing wiki image or icon markup. Styling is contained in this template; no extension stylesheet is required.</noinclude>
	~~This template creates a~~ tower information ~~card~~.		<includeonly><div class="tower-infocard {{{class\|}}}" id="{{{id\|}}}" style="flex:1 1 {{{basis\|320px}}};{{#ifeq:{{{class\|}}}\|compact\|min-width:0;box-sizing:border-box;overflow:hidden;padding:0;border:1px solid #e2aa4e;border-radius:8px;background:#f8fbff;\|padding:1.25rem;border:1px solid #c8ccd1;border-radius:8px;background:#f8f9fa;box-sizing:border-box;}}">
			<div class="tower-infocard-heading" style="{{#ifeq:{{{class\|}}}\|compact\|display:flex;gap:0.8rem;align-items:center;justify-content:space-between;padding:0.8rem 1rem;background:#ffb12b;color:#14364b;\|display:flex;gap:1rem;align-items:flex-start;justify-content:space-between;}}">
	~~Parameters:~~		<div style="flex:1 1 auto;min-width:0;"><h2 style="{{#ifeq:{{{class\|}}}\|compact\|margin:0;padding:0;border:0;font-size:1.3rem;line-height:1.25;font-weight:900;\|}}">{{{name\|}}}</h2></div>
	* <code>name~~</code> - card title~~.		{{#if:{{{iconalt\|}}}{{{icon\|}}}\|<div style="flex:0 0 auto;">{{{iconalt\|[[File:{{{icon\|}}}\|64px\|alt={{{name\|}}} icon\|link=]]}}}</div>}}
	* <code>icon</code> - optional image filename, displayed on the ~~right~~. ~~For example: <code>Example.png</code>.~~
	* <code>text</code> - card ~~content~~. ~~Use normal text~~ or ~~HTML/wiki~~ markup ~~such as <code>&lt~~;~~ul></code> and <code><li></code> for lists.~~

	~~Example:~~
	~~<pre>{{Infocard~~
	~~\|name=Mechanics~~
	~~\|icon=Example~~.~~png~~
	~~\|text=<ul>~~
	~~<li>[[Maps]]</li>~~
	~~<li>[[Tenants]]</li>~~
	~~</ul>~~
	~~}}</pre>~~
	</noinclude>
	<includeonly>
	<div class="tower-infocard" style="flex:1 1 320px; padding:1.25rem; border:1px solid #c8ccd1; border-radius:8px; background:#f8f9fa; box-sizing:border-box;">
	<div style="display:flex; gap:1rem; align-items:flex-start; justify-content:space-between;">
	<div style="flex:1 1 auto;"><h2>{{{name\|}}}</h2></div>
	{{#if:{{{icon\|}}}\|<div style="flex:0 0 auto;">[[File:{{{icon}}}\|64px\|alt={{{name\|}}} icon\|link=]]</div>}}
	</div>		</div>
	<div class="tower-infocard-content">{{{text\|}}}~~</div>~~		<div class="tower-infocard-content" style="{{#ifeq:{{{class\|}}}\|compact\|padding:1rem;\|}}">
			{{{text\|}}}
	</div>		</div>
	</includeonly>		</div></includeonly>

gary: Fix Infocard list rendering and document HTML list content

2026-09-07T06:42:34Z

Fix Infocard list rendering and document HTML list content

← Older revision		Revision as of 06:42, 7 September 2026
Line 5:		Line 5:
	* <code>name</code> - card title.		* <code>name</code> - card title.
	* <code>icon</code> - optional image filename, displayed on the right. For example: <code>Example.png</code>.		* <code>icon</code> - optional image filename, displayed on the right. For example: <code>Example.png</code>.
	* <code>text</code> - card content~~, including~~ wiki markup.		* <code>text</code> - card content. Use normal text or HTML/wiki markup such as <code><ul></code> and <code><li></code> for lists.

	Example:		Example:
Line 11:		Line 11:
	\|name=Mechanics		\|name=Mechanics
	\|icon=Example.png		\|icon=Example.png
	\|text=		\|text=<ul>
	* [[Maps]]		<li>[[Maps]]</li>
	* [[Tenants]]		<li>[[Tenants]]</li>
			</ul>
	}}</pre>		}}</pre>
	</noinclude>		</noinclude>
Line 22:		Line 23:
	{{#if:{{{icon\|}}}\|<div style="flex:0 0 auto;">[[File:{{{icon}}}\|64px\|alt={{{name\|}}} icon\|link=]]</div>}}		{{#if:{{{icon\|}}}\|<div style="flex:0 0 auto;">[[File:{{{icon}}}\|64px\|alt={{{name\|}}} icon\|link=]]</div>}}
	</div>		</div>
	<div>{{{text\|}}}</div>		<div class="tower-infocard-content">{{{text\|}}}</div>
	</div>		</div>
	</includeonly>		</includeonly>

gary: Create reusable Infocard template with title, icon, and text parameters

2026-09-07T06:41:16Z

Create reusable Infocard template with title, icon, and text parameters

New page

<noinclude>
This template creates a tower information card.

Parameters:
* <code>name</code> - card title.
* <code>icon</code> - optional image filename, displayed on the right. For example: <code>Example.png</code>.
* <code>text</code> - card content, including wiki markup.

Example:
<pre>{{Infocard
|name=Mechanics
|icon=Example.png
|text=
* [[Maps]]
* [[Tenants]]
}}</pre>
</noinclude>
<includeonly>
<div class="tower-infocard" style="flex:1 1 320px; padding:1.25rem; border:1px solid #c8ccd1; border-radius:8px; background:#f8f9fa; box-sizing:border-box;">
<div style="display:flex; gap:1rem; align-items:flex-start; justify-content:space-between;">
<div style="flex:1 1 auto;"><h2>{{{name|}}}</h2></div>
{{#if:{{{icon|}}}|<div style="flex:0 0 auto;">[[File:{{{icon}}}|64px|alt={{{name|}}} icon|link=]]</div>}}
</div>
<div>{{{text|}}}</div>
</div>
</includeonly>