Super Shiritori Wiki - Recent changes [en]

MediaWiki:Cosmos.css

The CodeGhost — Sat, 05 Sep 2026 08:20:50 GMT

Fix two real SocialProfile layout bugs: undefined .visualClear utility class (squished Personal information/Real name), and eye-container privacy pill overlapping field labels

@@ Line 183: / Line 183: @@
 		overflow-y: auto;
+	}
+}

MediaWiki:Common.js

The CodeGhost — Sat, 05 Sep 2026 05:25:47 GMT

Fix: use event delegation for gallery tab clicks -- direct listeners were being silently dropped, likely by MultimediaViewer touching the parser output after load

← Older revision		Revision as of 05:25, 5 September 2026
(One intermediate revision by the same user not shown)
Line 5:		Line 5:

	// Clickable tab bar for multi-image infoboxes (image1/caption1,		// Clickable tab bar for multi-image infoboxes (image1/caption1,
	// image2/caption2, ...). ~~Without this, only~~ the ~~first <div data-ia-slide>~~		// image2/caption2, ...). Delegated on document instead of bound directly
	// is ~~visible -- everything still renders~~, ~~it just can~~'~~t be switched~~.		// to each tab: something else on the page (MultimediaViewer's own image
	function ~~initInfoboxGalleries~~() {		// handling is the prime suspect) touches the parser output shortly after
	~~document~~.~~querySelectorAll~~( '.infobox-application__gallery' )~~.forEach~~( ~~function ( gallery~~ ) {		// load and silently drops direct listeners, so binding to a stable
	~~var tabs = gallery.querySelectorAll( '.infobox-application__gallery-tab' )~~;		// ancestor that's never replaced is what actually keeps working.
	var ~~slides~~ = ~~gallery~~.~~querySelectorAll~~( '.infobox-application__gallery~~-slide~~' );		function handleGalleryClick( e ) {
	~~tabs.forEach~~( ~~function ( tab~~ ) {		var tab = e.target.closest( '.infobox-application__gallery-tab' );
	~~tab.addEventListener( 'click', function () {~~		if ( !tab ) {
	var index = tab.getAttribute( 'data-ia-tab' );		return;
	~~tabs~~.forEach( function ( t ) {		}
	t.classList.toggle( 'is-active', t === tab );		var gallery = tab.closest( '.infobox-application__gallery' );
	} );		if ( !gallery ) {
	~~slides~~.forEach( function ( slide ) {		return;
	slide.~~hidden =~~ slide.getAttribute( 'data-ia-slide' ) !== index;		}
	~~} );~~		var index = tab.getAttribute( 'data-ia-tab' );
	~~} );~~		gallery.querySelectorAll( '.infobox-application__gallery-tab' ).forEach( function ( t ) {
	} );		t.classList.toggle( 'is-active', t === tab );
			} );
			gallery.querySelectorAll( '.infobox-application__gallery-slide' ).forEach( function ( slide ) {
			// A plain "hidden" attribute gets stripped by MediaWiki's
			// sanitizer, so a CSS class carries visibility instead.
			slide.classList.toggle( 'is-inactive', slide.getAttribute( 'data-ia-slide' ) !== index );
	} );		} );
	}		}
Line 37:		Line 42:
	}		}
	document.querySelectorAll( '.mw-parser-output > .infobox-application' ).forEach( function ( box ) {		document.querySelectorAll( '.mw-parser-output > .infobox-application' ).forEach( function ( box ) {
			if ( box.dataset.iaRelocated ) {
			return;
			}
	var sib = box.nextElementSibling;		var sib = box.nextElementSibling;
	while ( sib && ( sib.tagName !== 'P' \|\| !sib.textContent.trim() ) ) {		while ( sib && ( sib.tagName !== 'P' \|\| !sib.textContent.trim() ) ) {
Line 43:		Line 51:
	if ( sib ) {		if ( sib ) {
	sib.insertAdjacentElement( 'afterend', box );		sib.insertAdjacentElement( 'afterend', box );
			box.dataset.iaRelocated = '1';
	}		}
	} );		} );
	}		}

			// Registered immediately (doesn't need the DOM to be ready) and on a
			// node that's never replaced, so this survives regardless of what else
			// on the page rebuilds the content area after load.
			document.addEventListener( 'click', handleGalleryClick );

	function init() {		function init() {
	~~initInfoboxGalleries();~~
	relocateInfoboxOnMobile();		relocateInfoboxOnMobile();
	}		}

	if ( document.readyState === 'loading' ) {		if ( document.readyState === 'loading' ) {
	document.addEventListener( 'DOMContentLoaded', init );		document.addEventListener( 'DOMContentLoaded', init );
Line 57:		Line 69:
	init();		init();
	}		}
			// Belt-and-suspenders: re-run once everything (including images) has
			// finished loading, in case something reflowed the lead section after
			// DOMContentLoaded. The dataset guard above makes this a no-op otherwise.
			window.addEventListener( 'load', relocateInfoboxOnMobile );
	}() );		}() );

Template:Infobox application

The CodeGhost — Sat, 05 Sep 2026 05:21:32 GMT

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\|}}}\|

Template:Infobox application/styles.css

The CodeGhost — Sat, 05 Sep 2026 05:21:30 GMT

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 104:		Line 104:
	}		}

	.infobox-application__gallery-slide~~[hidden]~~ {		/* A plain "hidden" attribute gets stripped by MediaWiki's HTML sanitizer
			(not on its allowlist for div), so visibility is tracked with this class
			instead -- toggled by MediaWiki:Common.js. */
			.infobox-application__gallery-slide.is-inactive {
	display: none;		display: none;
	}		}

Super-Shiritori

The CodeGhost — Sat, 05 Sep 2026 05:19:46 GMT

Switch the 4 profile pictures to the new clickable tab-bar gallery; fix Hosted in to reflect the move to Hawaii

← Older revision		Revision as of 05:19, 5 September 2026
Line 1:		Line 1:
	{{Infobox application		{{Infobox application
	\| name = Super-Shiritori		\| name = Super-Shiritori
	\| ~~image~~ = ~~<gallery>~~		\| image1 = [[File:Super Shiritori Bot (Discord).png\|250px]]
	Super Shiritori Bot (Discord).png\|Main profile picture		\| caption1 = Main profile picture
	Super-Merritori.png\|Holiday profile picture		\| image2 = [[File:Super-Merritori.png\|250px]]
	Halloween Shiritori PFP.png\|Halloween profile picture		\| caption2 = Holiday profile picture
	Original Super-Shiritori PFP.webp\|Original profile picture		\| image3 = [[File:Halloween Shiritori PFP.png\|250px]]
	~~</gallery>~~		\| caption3 = Halloween profile picture
			\| image4 = [[File:Original Super-Shiritori PFP.webp\|250px]]
			\| caption4 = Original profile picture
	\| aliases = Super Shiritori, Shiritori		\| aliases = Super Shiritori, Shiritori
	\| type = Discord Bot		\| type = Discord Bot
Line 13:		Line 15:
	\| status = Active		\| status = Active
	\| launched = November 22, 2024		\| launched = November 22, 2024
	\| ~~hosted~~ = Washington State, USA (via Discord)		\| hosted_from = Washington State, USA (via Discord)
			\| hosted = Hawaii, USA (via Discord)
	\| counterparts = [[Word-Curatori]] (originally called "Super Shiritori (Test Edition)")<br>[[Vexitori]]		\| counterparts = [[Word-Curatori]] (originally called "Super Shiritori (Test Edition)")<br>[[Vexitori]]
	}}		}}

Vexitori

The CodeGhost — Sat, 05 Sep 2026 05:19:45 GMT

Give the box its own red/dark theme matching the profile picture

← Older revision		Revision as of 05:19, 5 September 2026
Line 1:		Line 1:
	{{Infobox application		{{Infobox application
	\| name = Vexitori		\| name = Vexitori
			\| color = #E24C4C
			\| bg = #1a0808
	\| image = [[File:Vexitori.png\|250px]]		\| image = [[File:Vexitori.png\|250px]]
	\| caption = Profile picture		\| caption = Profile picture

Word-Curatori

The CodeGhost — Sat, 05 Sep 2026 05:19:43 GMT

Fix Hosted in (was showing the 2023 launch location, not current) and give the box its own cyan/dark theme

← Older revision		Revision as of 05:19, 5 September 2026
Line 1:		Line 1:
	{{Infobox application		{{Infobox application
	\| name = Word-Curatori		\| name = Word-Curatori
			\| color = #5BC8F2
			\| bg = #081018
	\| image = [[File:Word-Curatori.png\|250px]]		\| image = [[File:Word-Curatori.png\|250px]]
	\| caption = Profile picture		\| caption = Profile picture
Line 8:		Line 10:
	\| status = Active		\| status = Active
	\| launched = August 28, 2023		\| launched = August 28, 2023
	\| ~~hosted~~ = Washington State, USA (via Discord)		\| hosted_from = Washington State, USA (via Discord)
			\| hosted = Hawaii, USA (via Discord)
	\| access = Dictionary write access (sole writer)		\| access = Dictionary write access (sole writer)
	\| counterparts = [[Super-Shiritori]]<br>[[Vexitori]]		\| counterparts = [[Super-Shiritori]]<br>[[Vexitori]]

MediaWiki:Common.js

The CodeGhost — Sat, 05 Sep 2026 05:18:43 GMT

Add infobox gallery tab-switching and mobile infobox reordering (below lead paragraph, Wikipedia-style)

New page

/* Behavior for Template:Infobox_application. Lives in Common.js (not
* Cosmos.js) so it keeps working regardless of which skin a reader/editor
* has selected. */
( function () {

// Clickable tab bar for multi-image infoboxes (image1/caption1,
// image2/caption2, ...). Without this, only the first <div data-ia-slide>
// is visible -- everything still renders, it just can't be switched.
function initInfoboxGalleries() {
document.querySelectorAll( '.infobox-application__gallery' ).forEach( function ( gallery ) {
var tabs = gallery.querySelectorAll( '.infobox-application__gallery-tab' );
var slides = gallery.querySelectorAll( '.infobox-application__gallery-slide' );
tabs.forEach( function ( tab ) {
tab.addEventListener( 'click', function () {
var index = tab.getAttribute( 'data-ia-tab' );
tabs.forEach( function ( t ) {
t.classList.toggle( 'is-active', t === tab );
} );
slides.forEach( function ( slide ) {
slide.hidden = slide.getAttribute( 'data-ia-slide' ) !== index;
} );
} );
} );
} );
}

// On narrow screens the infobox drops its desktop float (see
// Template:Infobox_application/styles.css) and becomes a full-width
// block -- but it's still first in the wikitext/DOM, so without this it
// would render ABOVE the lead paragraph instead of below it, the way
// Wikipedia's mobile view places infoboxes. This moves it to just after
// the first non-empty paragraph of the article (mirrors MobileFrontend's
// own behavior, which Cosmos doesn't have).
function relocateInfoboxOnMobile() {
if ( window.innerWidth > 550 ) {
return;
}
document.querySelectorAll( '.mw-parser-output > .infobox-application' ).forEach( function ( box ) {
var sib = box.nextElementSibling;
while ( sib && ( sib.tagName !== 'P' || !sib.textContent.trim() ) ) {
sib = sib.nextElementSibling;
}
if ( sib ) {
sib.insertAdjacentElement( 'afterend', box );
}
} );
}

function init() {
initInfoboxGalleries();
relocateInfoboxOnMobile();
}

if ( document.readyState === 'loading' ) {
document.addEventListener( 'DOMContentLoaded', init );
} else {
init();
}
}() );

Template:Infobox application

The CodeGhost — Sat, 05 Sep 2026 05:18:41 GMT

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>

Template:Infobox application/styles.css

The CodeGhost — Sat, 05 Sep 2026 05:18:40 GMT

Add --ia-accent/--ia-bg custom-property support and multi-image tabbed gallery styles

@@ Line 1: / Line 1: @@
 .infobox-application {
 	float: right;
@@ Line 4: / Line 10: @@
 	width: 300px;
 	margin: 0 0 1em 1em;
-	background-color: #2a0f00;
+	background-color: var(--ia-bg, #2a0f00);
 	border: 1px solid rgba(255, 255, 255, 0.15);
 	border-radius: 4px;
@@ Line 14: / Line 20: @@
 .infobox-application__title {
 	background-color: #1a0a00;
-	color: #F19000;
+	color: var(--ia-accent, #F19000);
 	font-size: 120%;
 	font-weight: bold;
@@ Line 53: / Line 59: @@
 .infobox-application__label {
-	color: #F19000;
+	color: var(--ia-accent, #F19000);
 	font-weight: bold;
 	width: 40%;
@@ Line 63: / Line 69: @@
 	color: #D5D4D4;
 	width: 60%;
+}

Template:Character

The CodeGhost — Sat, 05 Sep 2026 05:06:25 GMT

Retire this template -- it was raw Fandom Portable-Infobox markup that never worked here; replaced by Template:Infobox application on all 3 pages that used it

← Older revision		Revision as of 05:06, 5 September 2026
Line 1:		Line 1:
	~~<includeonly><infobox type="Character">~~		#REDIRECT [[Template:Infobox application]]
	~~<title source="name"/>~~
	~~<image source="image1">~~
	~~<default>Character placeholder.png</default>~~
	~~<caption source="caption1"/>~~
	~~</image>~~
	~~<group>~~
	~~<data source="aliases"><label>Aliases</label></data>~~
	~~<data source="counterparts"><label>Counterparts</label></data>~~
	~~<data source="affiliation"><label>Affiliation</label></data>~~
	~~<data source="occupation"><label>Occupation</label></data>~~
	~~</group>~~
	~~<group>~~
	~~<header>Timeframe information</header>~~
	~~<data source="marital"><label>Marital status</label></data>~~
	~~<data source="birthDate"><label>Date of birth</label></data>~~
	~~<data source="birthPlace"><label>Place of birth</label></data>~~
	~~<data source="deathDate"><label>Date of death</label></data>~~
	~~<data source="deathPlace"><label>Place of death</label></data>~~
	~~</group>~~
	~~<group>~~
	~~<header>Fannon description</header>~~
	~~<data source="species"><label>Species</label></data>~~
	~~<data source="gender"><label>Gender</label></data>~~
	~~<data source="height"><label>Height</label></data>~~
	~~<data source="weight"><label>Weight</label></data>~~
	~~<data source="eyes"><label>Eye color</label></data>~~
	~~</group>~~
	~~<group>~~
	~~<header>Appearances</header>~~
	~~<data source="portrayedby"><label>Portrayed by</label></data>~~
	~~<data source="appearsin"><label>Appears in</label></data>~~
	~~<data source="debut"><label>Debut</label></data>~~
	~~</group>~~
	~~</infobox>{{~~#~~ifeq: {{NAMESPACENUMBER}} \| 0 \|~~ [[~~Category~~:~~Characters~~]]~~}}</includeonly><noinclude>{{Documentation}}</noinclude>~~

Super-Shiritori

The CodeGhost — Sat, 05 Sep 2026 05:06:02 GMT

Switch to the new Infobox application template (old Character infobox was broken Fandom Portable-Infobox markup)

← Older revision		Revision as of 05:06, 5 September 2026
Line 1:		Line 1:
	{{~~Character~~\|name=Super-Shiritori\|		{{Infobox application
	~~image1~~=<gallery>Super Shiritori Bot (Discord).png\|Main profile picture		\| name = Super-Shiritori
			\| image = <gallery>
			Super Shiritori Bot (Discord).png\|Main profile picture
	Super-Merritori.png\|Holiday profile picture		Super-Merritori.png\|Holiday profile picture
	Halloween Shiritori PFP.png\|Halloween profile picture		Halloween Shiritori PFP.png\|Halloween profile picture
	Original Super-Shiritori PFP.webp\|Original profile picture</gallery>		Original Super-Shiritori PFP.webp\|Original profile picture
	\|aliases=Super Shiritori, Shiritori		</gallery>
	\|~~birthDate~~=November 22, 2024		\| aliases = Super Shiritori, Shiritori
	\|~~birthPlace~~=Washington State, USA (via Discord)		\| type = Discord Bot
	~~\|gender=Male~~		\| function = Flagship word-chain game bot
	\|counterparts=[[Word-Curatori]] (~~Originally~~ called "Super Shiritori (Test Edition)")<br>		\| platform = Discord
	[[Vexitori]]		\| status = Active
			\| launched = November 22, 2024
			\| hosted = Washington State, USA (via Discord)
			\| counterparts = [[Word-Curatori]] (originally called "Super Shiritori (Test Edition)")<br>[[Vexitori]]
	}}		}}

Vexitori

The CodeGhost — Sat, 05 Sep 2026 05:05:58 GMT

Switch to the new Infobox application template (old Character infobox was broken Fandom Portable-Infobox markup)

← Older revision		Revision as of 05:05, 5 September 2026
Line 1:		Line 1:
	{{~~Character~~\|name=Vexitori\|		{{Infobox application
	~~image1~~=Vexitori.png\|Profile picture		\| name = Vexitori
	\|~~birthDate~~=August 12, 2026		\| image = [[File:Vexitori.png\|250px]]
	\|~~birthPlace~~=Hawaii, USA (via Discord)		\| caption = Profile picture
	~~\|gender=Male~~		\| type = Discord Bot
	\|counterparts=[[Super-Shiritori]]<br>		\| function = Vexillopedia flag-guessing game
	[[Word-Curatori]]		\| platform = Discord
			\| status = Active
			\| launched = August 12, 2026
			\| hosted = Hawaii, USA (via Discord)
			\| counterparts = [[Super-Shiritori]]<br>[[Word-Curatori]]
	}}		}}

Word-Curatori

The CodeGhost — Sat, 05 Sep 2026 05:05:53 GMT

Switch to the new Infobox application template (old Character infobox was broken Fandom Portable-Infobox markup)

← Older revision		Revision as of 05:05, 5 September 2026
Line 1:		Line 1:
	{{~~Character~~\|name=Word-Curatori\|		{{Infobox application
	~~image1~~=Word-Curatori.png\|Profile picture		\| name = Word-Curatori
	\|~~birthDate~~=August 28, 2023		\| image = [[File:Word-Curatori.png\|250px]]
	\|~~birthPlace~~=Washington State, USA (via Discord)		\| caption = Profile picture
	\|~~gender~~=~~Male~~		\| type = Discord Bot
	\|counterparts=[[Super-Shiritori]] <br>		\| function = Word curation & dictionary management
	[[Vexitori]]		\| platform = Discord
			\| status = Active
			\| launched = August 28, 2023
			\| hosted = Washington State, USA (via Discord)
			\| access = Dictionary write access (sole writer)
			\| counterparts = [[Super-Shiritori]]<br>[[Vexitori]]
	}}		}}

Template:Infobox application

The CodeGhost — Sat, 05 Sep 2026 05:04:31 GMT

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>

Template:Infobox application/styles.css

The CodeGhost — Sat, 05 Sep 2026 05:04:29 GMT

Create TemplateStyles for the new Infobox application template

New page

.infobox-application {
float: right;
clear: right;
width: 300px;
margin: 0 0 1em 1em;
background-color: #2a0f00;
border: 1px solid rgba(255, 255, 255, 0.15);
border-radius: 4px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
font-size: 88%;
line-height: 1.4;
}

.infobox-application__title {
background-color: #1a0a00;
color: #F19000;
font-size: 120%;
font-weight: bold;
text-align: center;
padding: 8px;
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
border-radius: 4px 4px 0 0;
}

.infobox-application__image {
text-align: center;
padding: 8px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.infobox-application__image img {
max-width: 100%;
}

.infobox-application__caption {
font-style: italic;
color: #D5D4D4;
font-size: 90%;
text-align: center;
padding: 4px 8px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.infobox-application__row {
display: flex;
padding: 4px 8px;
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.infobox-application__row:last-child {
border-bottom: none;
}

.infobox-application__label {
color: #F19000;
font-weight: bold;
width: 40%;
flex-shrink: 0;
padding-right: 6px;
}

.infobox-application__value {
color: #D5D4D4;
width: 60%;
}

MediaWiki:Cosmos.css

The CodeGhost — Sat, 05 Sep 2026 04:20:32 GMT

Raise selector specificity on the nav dropdown fix -- Cosmos own CSS was winning the cascade with a more specific rule (and !important on mobile)

@@ Line 95: / Line 95: @@
 #profile-toggle-button a {
 	color: #2a0f00 !important;
+}

UserWiki:BlankEntity

BlankEntity — Sat, 05 Sep 2026 04:03:24 GMT

import user wiki

New page

If you have something that requires my attention urgently, please DM me on Discord @joeandjoe

MediaWiki:Cosmos.css

The CodeGhost — Sat, 05 Sep 2026 03:49:11 GMT

Recolor SocialProfile UI to match the dark/orange theme (fixes green tabs and low-contrast text)

New page

/* ==========================================================================
SocialProfile dark-theme fixes
--------------------------------------------------------------------------
SocialProfile's bundled CSS (UserProfile.css, ProfileTabs.css,
SpecialUpdateProfile.css) was written for a white-background wiki: it sets
dark-gray text with NO background of its own (relying on the page being
white) and hardcodes a green/orange brand palette from Wikia's old look.
On this wiki's dark #401901 page background that produces near-invisible
text and off-brand green tabs/buttons. This overrides just those rules --
layout/spacing from the original files is untouched.
========================================================================== */

/* --- Profile tabs (View profile / Edit profile bar) --- */
.profile-tab {
background-color: rgba(241, 144, 0, 0.12);
border: 1px solid #F19000;
}

.profile-tab-on {
background-color: #F19000;
border: 1px solid #F19000;
}

.profile-tab a {
color: #F19000 !important;
}

.profile-tab a:hover {
color: #ffffff !important;
}

.profile-tab-on a,
.profile-tab-on a:visited {
color: #2a0f00 !important;
}

/* --- Save/update button on Special:UpdateProfile --- */
.profile-update-button {
background-color: #F19000;
border: 1px solid #F19000;
color: #2a0f00;
font-weight: 700;
}

/* --- Section headings that relied on a white page background --- */
#user-page-left h2,
#user-page-right h2,
.profile-update-title {
color: #F19000;
border-bottom-color: rgba(255, 255, 255, 0.2);
}

/* --- Body text that relied on a white page background --- */
.item-small,
.item,
.vote-text,
.profile-update-unit-left,
.profile-update-unit-small,
.profile-update-row,
.profile-board-message-type,
table.avatar-success-page td.title-cell,
.user-board-message-time,
.profile-info-container b,
.profile-info-container div {
color: #D5D4D4;
}

/* --- Cards that set their own pale/white background (looked like leftover
white boxes on the dark page) -- keep them as cards, just re-themed --- */
.no-info-container,
.no-pictures-container,
.user-board-message-from {
background-color: rgba(255, 255, 255, 0.06);
color: #D5D4D4;
}

/* --- Dividers that were near-invisible pale-gray-on-dark-brown --- */
#user-page-left h2,
#user-page-right h2,
.user-section-heading,
#profile-top,
.user-board-message,
.activity-item,
.casual-game-container p,
.article-item {
border-color: rgba(255, 255, 255, 0.15);
}

/* --- "Add points"-style badge on the toggle button: brand orange stays,
just make sure the text stays legible --- */
#profile-toggle-button {
background-color: #F19000;
}

#profile-toggle-button a {
color: #2a0f00 !important;
}

File:Site-background-light.jpg

Maintenance script — Sat, 05 Sep 2026 03:45:27 GMT

== Summary == Imported from Fandom (site background)

New page

== Summary ==
Imported from Fandom (site background)

File:Site-background-dark.jpg

Maintenance script — Sat, 05 Sep 2026 03:45:27 GMT

== Summary == Imported from Fandom (site background)

New page

== Summary ==
Imported from Fandom (site background)

UserWiki:The CodeGhost

The CodeGhost — Sat, 05 Sep 2026 03:38:52 GMT

import user wiki

New page

'''If you can read this hai but there is no lore here UwU'''

'''(tho i like pretending not to be the owner so if you just found that out UwU sowwy that i lied)'''

User:BlankEntity

The CodeGhost — Sat, 05 Sep 2026 03:22:00 GMT

The CodeGhost changed group membership for BlankEntity from (none) to administrator and trusted Order Dyarch will hurt me otherwise

User:BlankEntity

BlankEntity — Sat, 05 Sep 2026 03:19:04 GMT

User account BlankEntity was created

File:Site-background-light.jpg

Maintenance script — Sat, 05 Sep 2026 02:06:41 GMT

Maintenance script uploaded File:Site-background-light.jpg == Summary == Imported from Fandom (site background)

File:Site-background-dark.jpg

Maintenance script — Sat, 05 Sep 2026 02:06:41 GMT

Maintenance script uploaded File:Site-background-dark.jpg == Summary == Imported from Fandom (site background)

MediaWiki:Cosmos-navigation

The CodeGhost — Sat, 05 Sep 2026 02:05:20 GMT

Port navigation from Fandom Wiki-navigation

New page

*#|Shiritori content
**[[Special:RecentChanges]]|Recently edited pages
**information|Useful resources
***[[Discord Bot]]
***[[Dictionary Information]]
***[[Word compendium]]
***[[Longest words]]
***[[WordBombio Pseudo Collab]]
**gamesbot|Bot games
***[[Multiplayer Shiritori]]
***[[SoloShiritori]]
***[[Word Bomb]]
***[[Manual-tori]]
***[[Wordle]]
***[[Anagram]]
**strategies|Playstyle changes
***[[Accent-Assassins]]
***[[AI Bots]]
*#|Community
**[[Word compendium]]
**Help:Contents|Help

File:Long WORDS.jpeg

Maintenance script — Fri, 04 Sep 2026 23:45:14 GMT

Maintenance script uploaded File:Long WORDS.jpeg == Summary == Imported from Fandom (recovered from size-mismatch)

New page

== Summary ==
VISUAL REPRESENTATION TO DEMONSTRATE THE MAGNITUDE OF THE LEXICAL CONSTRUCTIONS AND ENHANCE AESTHETIC APPEAL FOR PROSPECTIVE USERS
== Licensing ==
{{Self}}

File:Multiplayer Shiritori.jpeg

Maintenance script — Fri, 04 Sep 2026 23:45:14 GMT

Maintenance script uploaded File:Multiplayer Shiritori.jpeg == Summary == Imported from Fandom (recovered from size-mismatch)

New page

== Summary ==
Image made to resemble a multiplayer game icon
== Licensing ==
{{Self}}

File:Wordle Image.jpeg

Maintenance script — Fri, 04 Sep 2026 23:45:14 GMT

Maintenance script uploaded File:Wordle Image.jpeg == Summary == Imported from Fandom (recovered from size-mismatch)

New page

== Summary ==
Image relating to the common idea of what wordle looks like making it more clickable
== Licensing ==
{{Self}}

Test Nesting

Delete page script — Fri, 04 Sep 2026 23:39:36 GMT

Delete page script deleted page Test Nesting cleanup test page

File:Deleted Words.png