Template:Aspie/doc - Revision history

Bulgogi2 at 10:22, 15 October 2026

2026-10-15T10:22:16Z

← Older revision		Revision as of 10:22, 15 October 2026
Line 1:		Line 1:
	~~.template-aspie~~ {		{{Templatestyles\|Template:Aspie/styles.css}}
	~~overflow~~: ~~hidden;~~		=== Usage ===
	~~border: 4px ridge #ffd900;~~		<code><nowiki>{{Aspie}}</nowiki></code>
	~~background: url("https://wiki.2swagg.net/images/8/8c~~/~~Aspie~~.~~svg");~~
	~~background-size: 4rem;~~
	~~background-position: center;~~
	~~text-shadow: 0 1px 2px #523200;~~
	~~color: white;~~
	~~box-shadow: inset 0 0 5px 0 #523200;~~
	}

	~~.template-aspie a {~~
	~~color: #8dff99;~~
	}

	~~.template-aspie .line1 {~~
	~~font-size: 170%;~~
	}

	~~.template-aspie .line2~~ {
	~~width: 100%;~~
	}

	~~.template-aspie .random-text-wrapper~~ {
	~~display: flex;~~
	~~position: relative;~~
	~~justify-content: center;~~
	}

	~~.template-aspie .random-text {~~
	~~display: block;~~
	~~clip-path: inset(0 30rem 0 0);~~
	~~animation: text-reveal 3s linear forwards 2s;~~
	~~width: 100%;~~
	}

	~~.template-~~aspie .~~train~~ {		=== Description ===
	~~position~~: ~~absolute;~~		<templatedata>
	~~justify-self~~: ~~center;~~		{
	~~align-self~~: ~~center;~~		"description": "Used to highlight that the person is an aspie.",
	~~animation~~: ~~train-animation 7s linear forwards;~~		"params": {
	}		"1": {
			"label": "Header message",
	~~@keyframes text-reveal~~ {		"description": "Overrides the default header message.",
	~~from {~~		"type": "string",
	~~clip-path~~: ~~inset(0 30rem 0 0);~~		"required": false
	}		},
	~~to {~~		"2": {
	~~clip-path: inset(0 0rem 0 0);~~		"label": "Subtext message",
	}		"description": "Overrides the default subtext.",
	}		"type": "string",
			"required": false
	~~@keyframes train-animation~~ {		},
	~~from {~~		"nocat": {
	~~transform~~: ~~translateX(-30rem);~~		"label": "Suppress categories",
	}		"description": "Set to any value to disable automatic categorization, making the template purely decorative.",
	to {		"type": "boolean"
	~~transform~~: ~~translateX(30rem);~~		}
	}		}
	}		}
			</templatedata>
			=== See also ===
			* {{t\|AspieFandom}}
			<noinclude>[[Category:Template documentation pages]]</noinclude>

Bulgogi2 at 09:30, 15 October 2026

2026-10-15T09:30:17Z

← Older revision		Revision as of 09:30, 15 October 2026
Line 2:		Line 2:
	overflow: hidden;		overflow: hidden;
	border: 4px ridge #ffd900;		border: 4px ridge #ffd900;
	background: url("https://~~soyjakwiki~~.~~org~~/images/8/8c/Aspie.svg");		background: url("https://wiki.2swagg.net/images/8/8c/Aspie.svg");
	background-size: 4rem;		background-size: 4rem;
	background-position: center;		background-position: center;

Bulgogi2: Created page with ".template-aspie { overflow: hidden; border: 4px ridge #ffd900; background: url("https://soyjakwiki.org/images/8/8c/Aspie.svg"); background-size: 4rem; background-position: center; text-shadow: 0 1px 2px #523200; color: white; box-shadow: inset 0 0 5px 0 #523200; } .template-aspie a { color: #8dff99; } .template-aspie .line1 { font-size: 170%; } .template-aspie .line2 { width: 100%; } .template-aspie .random-text-wrapper { display: flex; position: relativ..."

2026-10-15T09:29:54Z

Created page with ".template-aspie { overflow: hidden; border: 4px ridge #ffd900; background: url("https://soyjakwiki.org/images/8/8c/Aspie.svg"); background-size: 4rem; background-position: center; text-shadow: 0 1px 2px #523200; color: white; box-shadow: inset 0 0 5px 0 #523200; } .template-aspie a { color: #8dff99; } .template-aspie .line1 { font-size: 170%; } .template-aspie .line2 { width: 100%; } .template-aspie .random-text-wrapper { display: flex; position: relativ..."

New page

.template-aspie {
overflow: hidden;
border: 4px ridge #ffd900;
background: url("https://soyjakwiki.org/images/8/8c/Aspie.svg");
background-size: 4rem;
background-position: center;
text-shadow: 0 1px 2px #523200;
color: white;
box-shadow: inset 0 0 5px 0 #523200;
}

.template-aspie a {
color: #8dff99;
}

.template-aspie .line1 {
font-size: 170%;
}

.template-aspie .line2 {
width: 100%;
}

.template-aspie .random-text-wrapper {
display: flex;
position: relative;
justify-content: center;
}

.template-aspie .random-text {
display: block;
clip-path: inset(0 30rem 0 0);
animation: text-reveal 3s linear forwards 2s;
width: 100%;
}

.template-aspie .train {
position: absolute;
justify-self: center;
align-self: center;
animation: train-animation 7s linear forwards;
}

@keyframes text-reveal {
from {
clip-path: inset(0 30rem 0 0);
}
to {
clip-path: inset(0 0rem 0 0);
}
}

@keyframes train-animation {
from {
transform: translateX(-30rem);
}
to {
transform: translateX(30rem);
}
}