Template:Infobox application - Revision history

The CodeGhost: Fix: use a CSS class instead of the hidden attribute, which MediaWiki sanitizer strips from raw HTML

2026-09-05T05:21:32Z

Fix: use a CSS class instead of the hidden attribute, which MediaWiki sanitizer strips from raw HTML

← Older revision		Revision as of 05:21, 5 September 2026
Line 5:		Line 5:
	<div class="infobox-application__gallery-tab is-active" data-ia-tab="0">{{{caption1\|Image 1}}}</div>{{#if:{{{image2\|}}}\|<div class="infobox-application__gallery-tab" data-ia-tab="1">{{{caption2\|Image 2}}}</div>}}{{#if:{{{image3\|}}}\|<div class="infobox-application__gallery-tab" data-ia-tab="2">{{{caption3\|Image 3}}}</div>}}{{#if:{{{image4\|}}}\|<div class="infobox-application__gallery-tab" data-ia-tab="3">{{{caption4\|Image 4}}}</div>}}{{#if:{{{image5\|}}}\|<div class="infobox-application__gallery-tab" data-ia-tab="4">{{{caption5\|Image 5}}}</div>}}{{#if:{{{image6\|}}}\|<div class="infobox-application__gallery-tab" data-ia-tab="5">{{{caption6\|Image 6}}}</div>}}		<div class="infobox-application__gallery-tab is-active" data-ia-tab="0">{{{caption1\|Image 1}}}</div>{{#if:{{{image2\|}}}\|<div class="infobox-application__gallery-tab" data-ia-tab="1">{{{caption2\|Image 2}}}</div>}}{{#if:{{{image3\|}}}\|<div class="infobox-application__gallery-tab" data-ia-tab="2">{{{caption3\|Image 3}}}</div>}}{{#if:{{{image4\|}}}\|<div class="infobox-application__gallery-tab" data-ia-tab="3">{{{caption4\|Image 4}}}</div>}}{{#if:{{{image5\|}}}\|<div class="infobox-application__gallery-tab" data-ia-tab="4">{{{caption5\|Image 5}}}</div>}}{{#if:{{{image6\|}}}\|<div class="infobox-application__gallery-tab" data-ia-tab="5">{{{caption6\|Image 6}}}</div>}}
	</div>		</div>
	<div class="infobox-application__gallery-slide" data-ia-slide="0">{{{image1\|}}}{{#if:{{{caption1\|}}}\|<div class="infobox-application__gallery-caption">{{{caption1}}}</div>}}</div>{{#if:{{{image2\|}}}\|<div class="infobox-application__gallery-slide" data-ia-slide="1" ~~hidden~~>{{{image2}}}{{#if:{{{caption2\|}}}\|<div class="infobox-application__gallery-caption">{{{caption2}}}</div>}}</div>}}{{#if:{{{image3\|}}}\|<div class="infobox-application__gallery-slide" data-ia-slide="2" ~~hidden~~>{{{image3}}}{{#if:{{{caption3\|}}}\|<div class="infobox-application__gallery-caption">{{{caption3}}}</div>}}</div>}}{{#if:{{{image4\|}}}\|<div class="infobox-application__gallery-slide" data-ia-slide="3" ~~hidden~~>{{{image4}}}{{#if:{{{caption4\|}}}\|<div class="infobox-application__gallery-caption">{{{caption4}}}</div>}}</div>}}{{#if:{{{image5\|}}}\|<div class="infobox-application__gallery-slide" data-ia-slide="4" ~~hidden~~>{{{image5}}}{{#if:{{{caption5\|}}}\|<div class="infobox-application__gallery-caption">{{{caption5}}}</div>}}</div>}}{{#if:{{{image6\|}}}\|<div class="infobox-application__gallery-slide" data-ia-slide="5" ~~hidden~~>{{{image6}}}{{#if:{{{caption6\|}}}\|<div class="infobox-application__gallery-caption">{{{caption6}}}</div>}}</div>}}		<div class="infobox-application__gallery-slide" data-ia-slide="0">{{{image1\|}}}{{#if:{{{caption1\|}}}\|<div class="infobox-application__gallery-caption">{{{caption1}}}</div>}}</div>{{#if:{{{image2\|}}}\|<div class="infobox-application__gallery-slide is-inactive" data-ia-slide="1">{{{image2}}}{{#if:{{{caption2\|}}}\|<div class="infobox-application__gallery-caption">{{{caption2}}}</div>}}</div>}}{{#if:{{{image3\|}}}\|<div class="infobox-application__gallery-slide is-inactive" data-ia-slide="2">{{{image3}}}{{#if:{{{caption3\|}}}\|<div class="infobox-application__gallery-caption">{{{caption3}}}</div>}}</div>}}{{#if:{{{image4\|}}}\|<div class="infobox-application__gallery-slide is-inactive" data-ia-slide="3">{{{image4}}}{{#if:{{{caption4\|}}}\|<div class="infobox-application__gallery-caption">{{{caption4}}}</div>}}</div>}}{{#if:{{{image5\|}}}\|<div class="infobox-application__gallery-slide is-inactive" data-ia-slide="4">{{{image5}}}{{#if:{{{caption5\|}}}\|<div class="infobox-application__gallery-caption">{{{caption5}}}</div>}}</div>}}{{#if:{{{image6\|}}}\|<div class="infobox-application__gallery-slide is-inactive" data-ia-slide="5">{{{image6}}}{{#if:{{{caption6\|}}}\|<div class="infobox-application__gallery-caption">{{{caption6}}}</div>}}</div>}}
	</div>		</div>
	\|{{#if:{{{image\|}}}\|		\|{{#if:{{{image\|}}}\|

The CodeGhost: Add per-bot color/bg theming, multi-image tab-bar gallery, and split hosted into origin/current

2026-09-05T05:18:41Z

Add per-bot color/bg theming, multi-image tab-bar gallery, and split hosted into origin/current

← Older revision		Revision as of 05:18, 5 September 2026
Line 1:		Line 1:
	<includeonly><templatestyles src="Infobox application/styles.css"/><div class="infobox-application">		<includeonly><templatestyles src="Infobox application/styles.css"/><div class="infobox-application"{{#if:{{{color\|}}}{{{bg\|}}}\| style="{{#if:{{{color\|}}}\|--ia-accent: {{{color}}};}}{{#if:{{{bg\|}}}\| --ia-bg: {{{bg}}};}}"}}>
	<div class="infobox-application__title">{{{name\|{{PAGENAME}}}}}</div>{{#if:{{{image\|}}}\|		<div class="infobox-application__title">{{{name\|{{PAGENAME}}}}}</div>{{#if:{{{image2\|}}}\|
			<div class="infobox-application__gallery">
			<div class="infobox-application__gallery-tabs">
			<div class="infobox-application__gallery-tab is-active" data-ia-tab="0">{{{caption1\|Image 1}}}</div>{{#if:{{{image2\|}}}\|<div class="infobox-application__gallery-tab" data-ia-tab="1">{{{caption2\|Image 2}}}</div>}}{{#if:{{{image3\|}}}\|<div class="infobox-application__gallery-tab" data-ia-tab="2">{{{caption3\|Image 3}}}</div>}}{{#if:{{{image4\|}}}\|<div class="infobox-application__gallery-tab" data-ia-tab="3">{{{caption4\|Image 4}}}</div>}}{{#if:{{{image5\|}}}\|<div class="infobox-application__gallery-tab" data-ia-tab="4">{{{caption5\|Image 5}}}</div>}}{{#if:{{{image6\|}}}\|<div class="infobox-application__gallery-tab" data-ia-tab="5">{{{caption6\|Image 6}}}</div>}}
			</div>
			<div class="infobox-application__gallery-slide" data-ia-slide="0">{{{image1\|}}}{{#if:{{{caption1\|}}}\|<div class="infobox-application__gallery-caption">{{{caption1}}}</div>}}</div>{{#if:{{{image2\|}}}\|<div class="infobox-application__gallery-slide" data-ia-slide="1" hidden>{{{image2}}}{{#if:{{{caption2\|}}}\|<div class="infobox-application__gallery-caption">{{{caption2}}}</div>}}</div>}}{{#if:{{{image3\|}}}\|<div class="infobox-application__gallery-slide" data-ia-slide="2" hidden>{{{image3}}}{{#if:{{{caption3\|}}}\|<div class="infobox-application__gallery-caption">{{{caption3}}}</div>}}</div>}}{{#if:{{{image4\|}}}\|<div class="infobox-application__gallery-slide" data-ia-slide="3" hidden>{{{image4}}}{{#if:{{{caption4\|}}}\|<div class="infobox-application__gallery-caption">{{{caption4}}}</div>}}</div>}}{{#if:{{{image5\|}}}\|<div class="infobox-application__gallery-slide" data-ia-slide="4" hidden>{{{image5}}}{{#if:{{{caption5\|}}}\|<div class="infobox-application__gallery-caption">{{{caption5}}}</div>}}</div>}}{{#if:{{{image6\|}}}\|<div class="infobox-application__gallery-slide" data-ia-slide="5" hidden>{{{image6}}}{{#if:{{{caption6\|}}}\|<div class="infobox-application__gallery-caption">{{{caption6}}}</div>}}</div>}}
			</div>
			\|{{#if:{{{image\|}}}\|
	<div class="infobox-application__image">{{{image}}}</div>}}{{#if:{{{caption\|}}}\|		<div class="infobox-application__image">{{{image}}}</div>}}{{#if:{{{caption\|}}}\|
	<div class="infobox-application__caption">{{{caption}}}</div>}}{{#if:{{{type\|}}}\|		<div class="infobox-application__caption">{{{caption}}}</div>}}}}{{#if:{{{type\|}}}\|
	<div class="infobox-application__row"><div class="infobox-application__label">Type</div><div class="infobox-application__value">{{{type}}}</div></div>}}{{#if:{{{function\|}}}\|		<div class="infobox-application__row"><div class="infobox-application__label">Type</div><div class="infobox-application__value">{{{type}}}</div></div>}}{{#if:{{{function\|}}}\|
	<div class="infobox-application__row"><div class="infobox-application__label">Function</div><div class="infobox-application__value">{{{function}}}</div></div>}}{{#if:{{{aliases\|}}}\|		<div class="infobox-application__row"><div class="infobox-application__label">Function</div><div class="infobox-application__value">{{{function}}}</div></div>}}{{#if:{{{aliases\|}}}\|
Line 10:		Line 17:
	<div class="infobox-application__row"><div class="infobox-application__label">Language</div><div class="infobox-application__value">{{{language}}}</div></div>}}{{#if:{{{status\|}}}\|		<div class="infobox-application__row"><div class="infobox-application__label">Language</div><div class="infobox-application__value">{{{language}}}</div></div>}}{{#if:{{{status\|}}}\|
	<div class="infobox-application__row"><div class="infobox-application__label">Status</div><div class="infobox-application__value">{{{status}}}</div></div>}}{{#if:{{{launched\|}}}\|		<div class="infobox-application__row"><div class="infobox-application__label">Status</div><div class="infobox-application__value">{{{status}}}</div></div>}}{{#if:{{{launched\|}}}\|
	<div class="infobox-application__row"><div class="infobox-application__label">Launched</div><div class="infobox-application__value">{{{launched}}}</div></div>}}{{#if:{{{hosted\|}}}\|		<div class="infobox-application__row"><div class="infobox-application__label">Launched</div><div class="infobox-application__value">{{{launched}}}</div></div>}}{{#if:{{{hosted\|}}}\|{{#if:{{{hosted_from\|}}}\|
	<div class="infobox-application__row"><div class="infobox-application__label">Hosted in</div><div class="infobox-application__value">{{{hosted}}}</div></div>}}{{#if:{{{access\|}}}\|		<div class="infobox-application__row"><div class="infobox-application__label">Originally hosted</div><div class="infobox-application__value">{{{hosted_from}}}</div></div>
			<div class="infobox-application__row"><div class="infobox-application__label">Currently hosted</div><div class="infobox-application__value">{{{hosted}}}</div></div>\|
			<div class="infobox-application__row"><div class="infobox-application__label">Hosted in</div><div class="infobox-application__value">{{{hosted}}}</div></div>}}}}{{#if:{{{access\|}}}\|
	<div class="infobox-application__row"><div class="infobox-application__label">Access</div><div class="infobox-application__value">{{{access}}}</div></div>}}{{#if:{{{counterparts\|}}}\|		<div class="infobox-application__row"><div class="infobox-application__label">Access</div><div class="infobox-application__value">{{{access}}}</div></div>}}{{#if:{{{counterparts\|}}}\|
	<div class="infobox-application__row"><div class="infobox-application__label">Related bots</div><div class="infobox-application__value">{{{counterparts}}}</div></div>}}		<div class="infobox-application__row"><div class="infobox-application__label">Related bots</div><div class="infobox-application__value">{{{counterparts}}}</div></div>}}
Line 22:		Line 31:
	{{Infobox application		{{Infobox application
	\| name =		\| name =
			\| color =
			\| bg =
	\| image = [[File:Example.png\|250px]]		\| image = [[File:Example.png\|250px]]
	\| caption =		\| caption =
			\| image1 =
			\| caption1 =
			\| image2 =
			\| caption2 =
	\| type = Discord Bot		\| type = Discord Bot
	\| function =		\| function =
Line 32:		Line 47:
	\| status = Active		\| status = Active
	\| launched =		\| launched =
			\| hosted_from =
	\| hosted =		\| hosted =
	\| access =		\| access =
Line 38:		Line 54:
	</pre>		</pre>

	All fields are optional except <code>name</code> (which defaults to the page title). A blank/omitted field just doesn't render that row. <code>image</code> ~~takes~~ full wikitext, ~~so a~~ <code><nowiki><gallery></~~nowiki~~></code> ~~block works too (see~~ [[Super-Shiritori]] for an example with ~~multiple profile pictures~~).		All fields are optional except <code>name</code> (which defaults to the page title). A blank/omitted field just doesn't render that row.

			'''Single image:''' use <code>image</code> (full wikitext, e.g. <code><nowiki>[[File:Example.png\|250px]]</nowiki></code>) and optionally <code>caption</code>.

			'''Multiple images (clickable tab bar):''' once <code>image2</code> is set, the box switches to tabbed-gallery mode -- use <code>image1</code>/<code>caption1</code>, <code>image2</code>/<code>caption2</code>, up through <code>image6</code>/<code>caption6</code>. Each caption becomes a tab label; clicking a tab swaps the picture. See [[Super-Shiritori]] for a live 4-image example. (Requires JavaScript -- with it off, only the first image shows.)

			'''Color scheme:''' <code>color</code> sets the accent color (tab bar, labels, header text -- default site orange <code>#F19000</code>); <code>bg</code> sets the card's background (default <code>#2a0f00</code>). Pick both to theme a box around its own images instead of the default orange/brown. Keep <code>bg</code> dark -- body text is a fixed light gray and won't stay readable on a light background.

			<code>hosted</code> is always the '''current''' hosting location. Add <code>hosted_from</code> only if that location has changed since launch -- doing so splits the single "Hosted in" row into "Originally hosted" / "Currently hosted" instead. Leave <code>hosted_from</code> out for a bot that's never moved.

	[[Category:Infobox templates]]		[[Category:Infobox templates]]
	</noinclude>		</noinclude>

The CodeGhost: Replace broken Fandom Portable-Infobox character template with a working, bot-focused infobox

2026-09-05T05:04:31Z

Replace broken Fandom Portable-Infobox character template with a working, bot-focused infobox

New page

<includeonly><templatestyles src="Infobox application/styles.css"/><div class="infobox-application">
<div class="infobox-application__title">{{{name|{{PAGENAME}}}}}</div>{{#if:{{{image|}}}|
<div class="infobox-application__image">{{{image}}}</div>}}{{#if:{{{caption|}}}|
<div class="infobox-application__caption">{{{caption}}}</div>}}{{#if:{{{type|}}}|
<div class="infobox-application__row"><div class="infobox-application__label">Type</div><div class="infobox-application__value">{{{type}}}</div></div>}}{{#if:{{{function|}}}|
<div class="infobox-application__row"><div class="infobox-application__label">Function</div><div class="infobox-application__value">{{{function}}}</div></div>}}{{#if:{{{aliases|}}}|
<div class="infobox-application__row"><div class="infobox-application__label">Aliases</div><div class="infobox-application__value">{{{aliases}}}</div></div>}}{{#if:{{{platform|}}}|
<div class="infobox-application__row"><div class="infobox-application__label">Platform</div><div class="infobox-application__value">{{{platform}}}</div></div>}}{{#if:{{{developer|}}}|
<div class="infobox-application__row"><div class="infobox-application__label">Developer</div><div class="infobox-application__value">{{{developer}}}</div></div>}}{{#if:{{{language|}}}|
<div class="infobox-application__row"><div class="infobox-application__label">Language</div><div class="infobox-application__value">{{{language}}}</div></div>}}{{#if:{{{status|}}}|
<div class="infobox-application__row"><div class="infobox-application__label">Status</div><div class="infobox-application__value">{{{status}}}</div></div>}}{{#if:{{{launched|}}}|
<div class="infobox-application__row"><div class="infobox-application__label">Launched</div><div class="infobox-application__value">{{{launched}}}</div></div>}}{{#if:{{{hosted|}}}|
<div class="infobox-application__row"><div class="infobox-application__label">Hosted in</div><div class="infobox-application__value">{{{hosted}}}</div></div>}}{{#if:{{{access|}}}|
<div class="infobox-application__row"><div class="infobox-application__label">Access</div><div class="infobox-application__value">{{{access}}}</div></div>}}{{#if:{{{counterparts|}}}|
<div class="infobox-application__row"><div class="infobox-application__label">Related bots</div><div class="infobox-application__value">{{{counterparts}}}</div></div>}}
</div>{{#ifeq: {{NAMESPACENUMBER}} | 0 | [[Category:Applications]]}}</includeonly><noinclude>
== Description ==
A dark-themed infobox for the wiki's Discord bots/applications (Super-Shiritori, Word-Curatori, Vexitori). Replaces the old <code><nowiki>{{Character}}</nowiki></code> template, which was raw Fandom "Portable Infobox" markup (<code><nowiki><infobox type="Character"></nowiki></code>) left over from the Fandom migration -- that extension was never self-hostable, so it rendered as literal unparsed tags rather than an actual infobox, and its fields (Species, Gender, Portrayed by, Marital status...) were built for fictional characters, not bots.

== Syntax ==
<pre>
{{Infobox application
| name =
| image = [[File:Example.png|250px]]
| caption =
| type = Discord Bot
| function =
| aliases =
| platform = Discord
| developer =
| language =
| status = Active
| launched =
| hosted =
| access =
| counterparts =
}}
</pre>

All fields are optional except <code>name</code> (which defaults to the page title). A blank/omitted field just doesn't render that row. <code>image</code> takes full wikitext, so a <code><nowiki><gallery></nowiki></code> block works too (see [[Super-Shiritori]] for an example with multiple profile pictures).

[[Category:Infobox templates]]
</noinclude>