Template:Infobox application: Difference between revisions

Help

Latest revision as of 05:21, 5 September 2026

Description

A dark-themed infobox for the wiki's Discord bots/applications (Super-Shiritori, Word-Curatori, Vexitori). Replaces the old {{Character}} template, which was raw Fandom "Portable Infobox" markup (<infobox type="Character">) 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

{{Infobox application
| name        =
| color       =
| bg          =
| image       = [[File:Example.png|250px]]
| caption     =
| image1      =
| caption1    =
| image2      =
| caption2    =
| type        = Discord Bot
| function    =
| aliases     =
| platform    = Discord
| developer   =
| language    =
| status      = Active
| launched    =
| hosted_from =
| hosted      =
| access      =
| counterparts =
}}

All fields are optional except name (which defaults to the page title). A blank/omitted field just doesn't render that row.

Single image: use image (full wikitext, e.g. [[File:Example.png|250px]]) and optionally caption.

Multiple images (clickable tab bar): once image2 is set, the box switches to tabbed-gallery mode -- use image1/caption1, image2/caption2, up through image6/caption6. 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: color sets the accent color (tab bar, labels, header text -- default site orange #F19000); bg sets the card's background (default #2a0f00). Pick both to theme a box around its own images instead of the default orange/brown. Keep bg dark -- body text is a fixed light gray and won't stay readable on a light background.

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

@@ 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>
-<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>
 |{{#if:{{{image|}}}|