shii.moe

Source for `shii.moe' website.
git clone git://git.knutsen.co/shii.moe
Log | Files | Refs | README | LICENSE

image.js (967B)

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
const MASCOT_COUNT = 17;
const MASCOTS = [...new Array(MASCOT_COUNT)].map((_, i) => i + 1)
const NOVELTY = [11, 15, 16];  //< Novelty/special mascots.

const mascot = document.getElementById("mascot");
const favicon = document.querySelector("link[rel~='icon']");

const setMascot = (pick) => {
	const stem = `/mascots/${pick}`;
	mascot.style.opacity = 0;
	mascot.setAttribute('src', `${stem}.png`);
	favicon.setAttribute('href', `${stem}-square.png`);

	const loaded = () => { mascot.style.opacity = .85 };
	if (mascot.complete) loaded();
	else mascot.addEventListener('load', loaded);
}

const randomMascot = (excludeList=[]) => {
	if (!Array.isArray(excludeList)) excludeList = [];

	const picks = MASCOTS.filter(e => !excludeList.includes(e));
	const pick = picks[Math.floor(Math.random() * picks.length)];
	setMascot(pick);

	useColourScheme({
		11: 'pink',
		15: 'green',
		16: 'rainbow'
	}[pick] || 'default');
}

mascot.addEventListener('click', randomMascot)