MediaWiki:Common.js - Revision history

Admin: no more snow lmao

2023-12-18T17:14:07Z

no more snow lmao

← Older revision		Revision as of 17:14, 18 December 2023
Line 1:		Line 1:
	~~document.addEventListener("DOMContentLoaded", function () {~~
	~~var container = document.body;~~
	~~var numberOfSnowflakes = 50;~~
	~~var maxAccumulatedHeight = 200;~~
	~~var accumulatedHeight = 0;~~

	~~for (var i = 0; i < numberOfSnowflakes; i++) {~~
	~~createSnowflake();~~
	}

	~~function createSnowflake() {~~
	~~var snowflake = document.createElement("div");~~
	~~snowflake.className = "snowflake";~~
	~~container.appendChild(snowflake);~~

	~~var startX = Math.random() * window.innerWidth;~~
	~~var startY = Math.random() * window.innerHeight;~~

	~~snowflake.style.left = startX + "px";~~
	~~snowflake.style.top = startY + "px";~~

	~~var size = Math.random() * 5 + 3;~~
	~~snowflake.style.width = size + "px";~~
	~~snowflake.style.height = size + "px";~~

	~~animateSnowflake(snowflake);~~
	}

	~~function animateSnowflake(snowflake) {~~
	~~var speed = 1 + Math.random() * 2;~~

	~~function moveSnowflake() {~~
	~~var currentTop = parseFloat(snowflake.style.top);~~
	~~var newTop = currentTop + speed;~~

	~~snowflake.style.top = newTop + "px";~~

	~~if (newTop > window.innerHeight) {~~
	~~accumulatedHeight += window.innerHeight;~~
	~~snowflake.style.top = -accumulatedHeight + "px";~~
	~~snowflake.style.left = Math.random() * window.innerWidth + "px";~~

	~~if (accumulatedHeight >= maxAccumulatedHeight) {~~
	~~accumulatedHeight = 0;~~
	}
	}

	~~requestAnimationFrame(moveSnowflake);~~
	}

	~~moveSnowflake();~~
	}
	~~});~~

Archtony at 23:16, 4 December 2023

2023-12-04T23:16:20Z

← Older revision		Revision as of 23:16, 4 December 2023
Line 1:		Line 1:
	~~mw.loader.using(['mediawiki.util']).done(function() {~~
	document.addEventListener("DOMContentLoaded", function () {		document.addEventListener("DOMContentLoaded", function () {
	var container = document.body;		var container = document.body;
Line 52:		Line 51:
	moveSnowflake();		moveSnowflake();
	}		}
	~~});~~
	});		});

Archtony at 23:10, 4 December 2023

2023-12-04T23:10:41Z

← Older revision		Revision as of 23:10, 4 December 2023
Line 1:		Line 1:
			mw.loader.using(['mediawiki.util']).done(function() {
	document.addEventListener("DOMContentLoaded", function () {		document.addEventListener("DOMContentLoaded", function () {
	var container = document.body;		var container = document.body;
Line 51:		Line 52:
	moveSnowflake();		moveSnowflake();
	}		}
			});
	});		});

Archtony at 23:08, 4 December 2023

2023-12-04T23:08:44Z

← Older revision		Revision as of 23:08, 4 December 2023
Line 1:		Line 1:
	document.addEventListener("DOMContentLoaded", function () {		document.addEventListener("DOMContentLoaded", function () {
	~~const~~ container = document.body;		var container = document.body;
	~~const~~ numberOfSnowflakes = 50;		var numberOfSnowflakes = 50;
	~~const~~ maxAccumulatedHeight = 200;		var maxAccumulatedHeight = 200;
	~~let~~ accumulatedHeight = 0;		var accumulatedHeight = 0;

	for (~~let~~ i = 0; i < numberOfSnowflakes; i++) {		for (var i = 0; i < numberOfSnowflakes; i++) {
	createSnowflake();		createSnowflake();
	}		}

	function createSnowflake() {		function createSnowflake() {
	~~const~~ snowflake = document.createElement("div");		var snowflake = document.createElement("div");
	snowflake.className = "snowflake";		snowflake.className = "snowflake";
	container.appendChild(snowflake);		container.appendChild(snowflake);

	~~const~~ startX = Math.random() * window.innerWidth;		var startX = Math.random() * window.innerWidth;
	~~const~~ startY = Math.random() * window.innerHeight;		var startY = Math.random() * window.innerHeight;

	snowflake.style.left = ~~`${~~startX}px`;		snowflake.style.left = startX + "px";
	snowflake.style.top = ~~`${~~startY}px`;		snowflake.style.top = startY + "px";

	~~const~~ size = Math.random() * 5 + 3;		var size = Math.random() * 5 + 3;
	snowflake.style.width = ~~`${~~size}px`;		snowflake.style.width = size + "px";
	snowflake.style.height = ~~`${~~size}px`;		snowflake.style.height = size + "px";

	animateSnowflake(snowflake);		animateSnowflake(snowflake);
	}		}

	function animateSnowflake(snowflake) {		function animateSnowflake(snowflake) {
	~~const~~ speed = 1 + Math.random() * 2;		var speed = 1 + Math.random() * 2;

	function moveSnowflake() {		function moveSnowflake() {
	~~const~~ currentTop = parseFloat(snowflake.style.top);		var currentTop = parseFloat(snowflake.style.top);
	~~const~~ newTop = currentTop + speed;		var newTop = currentTop + speed;

	snowflake.style.top = ~~`${~~newTop}px`;		snowflake.style.top = newTop + "px";

	if (newTop > window.innerHeight) {		if (newTop > window.innerHeight) {
	accumulatedHeight += window.innerHeight;		accumulatedHeight += window.innerHeight;
	snowflake.style.top = `-${accumulatedHeight}px`;		snowflake.style.top = -accumulatedHeight + "px";
	snowflake.style.left = ~~`${~~Math.random() * window.innerWidth}px`;		snowflake.style.left = Math.random() * window.innerWidth + "px";

	if (accumulatedHeight >= maxAccumulatedHeight) {		if (accumulatedHeight >= maxAccumulatedHeight) {
	accumulatedHeight = 0;		accumulatedHeight = 0;
	}		}
	}		}

	requestAnimationFrame(moveSnowflake);		requestAnimationFrame(moveSnowflake);
	}		}

	moveSnowflake();		moveSnowflake();
	}		}
	});		});

Archtony at 23:07, 4 December 2023

2023-12-04T23:07:52Z

← Older revision		Revision as of 23:07, 4 December 2023
Line 1:		Line 1:
	document.addEventListener("DOMContentLoaded", function () {		document.addEventListener("DOMContentLoaded", function () {
	~~var~~ container = document.body;		const container = document.body;
	~~var~~ numberOfSnowflakes = 50;		const numberOfSnowflakes = 50;
	~~var~~ maxAccumulatedHeight = 200;		const maxAccumulatedHeight = 200;
	~~var~~ accumulatedHeight = 0;		let accumulatedHeight = 0;

	for (~~var~~ i = 0; i < numberOfSnowflakes; i++) {		for (let i = 0; i < numberOfSnowflakes; i++) {
	createSnowflake();		createSnowflake();
	}		}

	function createSnowflake() {		function createSnowflake() {
	~~var~~ snowflake = document.createElement("~~footer~~");		const snowflake = document.createElement("div");
	snowflake.className = "snowflake";		snowflake.className = "snowflake";
	container.appendChild(snowflake);		container.appendChild(snowflake);

	~~var~~ startX = Math.random() * window.innerWidth;		const startX = Math.random() * window.innerWidth;
	~~var~~ startY = Math.random() * window.innerHeight;		const startY = Math.random() * window.innerHeight;

	snowflake.style.left = startX ~~+ "~~px";		snowflake.style.left = `${startX}px`;
	snowflake.style.top = startY ~~+ "~~px";		snowflake.style.top = `${startY}px`;

	~~var~~ size = Math.random() * 5 + 3;		const size = Math.random() * 5 + 3;
	snowflake.style.width = size ~~+ "~~px";		snowflake.style.width = `${size}px`;
	snowflake.style.height = size ~~+ "~~px";		snowflake.style.height = `${size}px`;

			animateSnowflake(snowflake);
			}

	animateSnowflake(snowflake);		function animateSnowflake(snowflake) {
	}		const speed = 1 + Math.random() * 2;

	function ~~animateSnowflake~~(~~snowflake~~) {		function moveSnowflake() {
	~~var speed~~ = ~~1 + Math~~.~~random(~~) * 2;		const currentTop = parseFloat(snowflake.style.top);
			const newTop = currentTop + speed;

	~~function moveSnowflake() {~~		snowflake.style.top = `${newTop}px`;
	~~var currentTop = parseFloat(~~snowflake.style.top);
	~~var~~ newTop ~~= currentTop + speed~~;

	snowflake.style.top = ~~newTop + "~~px";		if (newTop > window.innerHeight) {
			accumulatedHeight += window.innerHeight;
			snowflake.style.top = `-${accumulatedHeight}px`;
			snowflake.style.left = `${Math.random() * window.innerWidth}px`;

	if (~~newTop~~ > ~~window.innerHeight~~) {		if (accumulatedHeight >= maxAccumulatedHeight) {
	accumulatedHeight += ~~window.innerHeight~~;		accumulatedHeight = 0;
	~~snowflake.style.top = -accumulatedHeight + "px";~~		}
	~~snowflake.style.left = Math.random() * window.innerWidth + "px";~~		}

	if (~~accumulatedHeight >= maxAccumulatedHeight~~) {		requestAnimationFrame(moveSnowflake);
	~~accumulatedHeight = 0~~;
	}		}

			moveSnowflake();
	}		}
			});
	~~requestAnimationFrame(moveSnowflake);~~
	}

	~~moveSnowflake();~~
	}
	});

Archtony at 23:07, 4 December 2023

2023-12-04T23:07:03Z

← Older revision		Revision as of 23:07, 4 December 2023
Line 10:		Line 10:

	function createSnowflake() {		function createSnowflake() {
	var snowflake = document.createElement("~~div~~");		var snowflake = document.createElement("footer");
	snowflake.className = "snowflake";		snowflake.className = "snowflake";
	container.appendChild(snowflake);		container.appendChild(snowflake);

Archtony at 23:05, 4 December 2023

2023-12-04T23:05:40Z

← Older revision		Revision as of 23:05, 4 December 2023
Line 36:		Line 36:
	snowflake.style.top = newTop + "px";		snowflake.style.top = newTop + "px";

	if (newTop > ~~document~~.~~body.scrollHeight~~) {		if (newTop > window.innerHeight) {
	accumulatedHeight += ~~document.body~~.~~scrollHeight~~;		accumulatedHeight += window.innerHeight;
	snowflake.style.top = -accumulatedHeight + "px";		snowflake.style.top = -accumulatedHeight + "px";
	snowflake.style.left = Math.random() * window.innerWidth + "px";		snowflake.style.left = Math.random() * window.innerWidth + "px";

Archtony at 23:05, 4 December 2023

2023-12-04T23:05:01Z

← Older revision		Revision as of 23:05, 4 December 2023
Line 36:		Line 36:
	snowflake.style.top = newTop + "px";		snowflake.style.top = newTop + "px";

	if (newTop > ~~window~~.~~innerHeight~~) {		if (newTop > document.body.scrollHeight) {
	accumulatedHeight += ~~window~~.~~innerHeight~~;		accumulatedHeight += document.body.scrollHeight;
	snowflake.style.top = -accumulatedHeight + "px";		snowflake.style.top = -accumulatedHeight + "px";
	snowflake.style.left = Math.random() * window.innerWidth + "px";		snowflake.style.left = Math.random() * window.innerWidth + "px";

Archtony at 23:03, 4 December 2023

2023-12-04T23:03:42Z

← Older revision		Revision as of 23:03, 4 December 2023
Line 1:		Line 1:
	document.addEventListener("DOMContentLoaded", function () {		document.addEventListener("DOMContentLoaded", function () {
	~~const~~ container = document.body;		var container = document.body;
	~~const~~ numberOfSnowflakes = 50;		var numberOfSnowflakes = 50;
	~~const~~ maxAccumulatedHeight = 200;		var maxAccumulatedHeight = 200;
	~~let~~ accumulatedHeight = 0;		var accumulatedHeight = 0;

	for (~~let~~ i = 0; i < numberOfSnowflakes; i++) {		for (var i = 0; i < numberOfSnowflakes; i++) {
	createSnowflake();		createSnowflake();
	}		}

	function createSnowflake() {		function createSnowflake() {
	~~const~~ snowflake = document.createElement("div");		var snowflake = document.createElement("div");
	snowflake.className = "snowflake";		snowflake.className = "snowflake";
	container.appendChild(snowflake);		container.appendChild(snowflake);

	~~const~~ startX = Math.random() * window.innerWidth;		var startX = Math.random() * window.innerWidth;
	~~const~~ startY = Math.random() * window.innerHeight;		var startY = Math.random() * window.innerHeight;

	snowflake.style.left = ~~`${~~startX}px`;		snowflake.style.left = startX + "px";
	snowflake.style.top = ~~`${~~startY}px`;		snowflake.style.top = startY + "px";

	~~const~~ size = Math.random() * 5 + 3;		var size = Math.random() * 5 + 3;
	snowflake.style.width = ~~`${~~size}px`;		snowflake.style.width = size + "px";
	snowflake.style.height = ~~`${~~size}px`;		snowflake.style.height = size + "px";

	animateSnowflake(snowflake);		animateSnowflake(snowflake);
Line 28:		Line 28:

	function animateSnowflake(snowflake) {		function animateSnowflake(snowflake) {
	~~const~~ speed = 1 + Math.random() * 2;		var speed = 1 + Math.random() * 2;

	function moveSnowflake() {		function moveSnowflake() {
	~~const~~ currentTop = parseFloat(snowflake.style.top);		var currentTop = parseFloat(snowflake.style.top);
	~~const~~ newTop = currentTop + speed;		var newTop = currentTop + speed;

	snowflake.style.top = ~~`${~~newTop}px`;		snowflake.style.top = newTop + "px";

	if (newTop > window.innerHeight ~~+ window.pageYOffset~~) {		if (newTop > window.innerHeight) {
	accumulatedHeight += window.innerHeight;		accumulatedHeight += window.innerHeight;
	snowflake.style.top = `-${accumulatedHeight}px`;		snowflake.style.top = -accumulatedHeight + "px";
	snowflake.style.left = ~~`${~~Math.random() * window.innerWidth}px`;		snowflake.style.left = Math.random() * window.innerWidth + "px";

	if (accumulatedHeight >= maxAccumulatedHeight) {		if (accumulatedHeight >= maxAccumulatedHeight) {

Archtony at 23:01, 4 December 2023

2023-12-04T23:01:30Z

← Older revision		Revision as of 23:01, 4 December 2023
Line 1:		Line 1:
	~~/* Any JavaScript here will be loaded for all users on every page load~~. */		document.addEventListener("DOMContentLoaded", function () {
			const container = document.body;
			const numberOfSnowflakes = 50;
			const maxAccumulatedHeight = 200;
			let accumulatedHeight = 0;

	~~// Wrap the code in a function to avoid polluting the global namespace~~		for (let i = 0; i < numberOfSnowflakes; i++) {
	~~function initSnowfall() {~~
	~~var container = document.body;~~
	~~var numberOfSnowflakes = 50;~~
	~~var maxAccumulatedHeight = 200;~~
	~~var accumulatedHeight = 0;~~

	for (~~var~~ i = 0; i < numberOfSnowflakes; i++) {
	createSnowflake();		createSnowflake();
	}		}

	function createSnowflake() {		function createSnowflake() {
	~~var~~ snowflake = document.createElement("div");		const snowflake = document.createElement("div");
	snowflake.className = "snowflake";		snowflake.className = "snowflake";
	container.appendChild(snowflake);		container.appendChild(snowflake);

	~~var~~ size = Math.random() * 5 + 3;		const startX = Math.random() * window.innerWidth;
	snowflake.style.width = size ~~+ "~~px";		const startY = Math.random() * window.innerHeight;
	snowflake.style.height = size ~~+ "~~px";
			snowflake.style.left = `${startX}px`;
			snowflake.style.top = `${startY}px`;

			const size = Math.random() * 5 + 3;
			snowflake.style.width = `${size}px`;
			snowflake.style.height = `${size}px`;

	animateSnowflake(snowflake);		animateSnowflake(snowflake);
Line 25:		Line 28:

	function animateSnowflake(snowflake) {		function animateSnowflake(snowflake) {
	~~var~~ speed = 1 + Math.random() * 2;		const speed = 1 + Math.random() * 2;

	function moveSnowflake() {		function moveSnowflake() {
	~~var~~ currentTop = parseFloat(snowflake.style.top) ~~\|\| 0~~;		const currentTop = parseFloat(snowflake.style.top);
	~~var~~ newTop = currentTop + speed;		const newTop = currentTop + speed;

	snowflake.style.top = newTop ~~+ "~~px";		snowflake.style.top = `${newTop}px`;

	if (newTop > window.innerHeight) {		if (newTop > window.innerHeight + window.pageYOffset) {
	accumulatedHeight += window.innerHeight;		accumulatedHeight += window.innerHeight;
	snowflake.style.top = -accumulatedHeight ~~+ "~~px";		snowflake.style.top = `-${accumulatedHeight}px`;
	snowflake.style.left = Math.random() * window.innerWidth ~~+ "~~px";		snowflake.style.left = `${Math.random() * window.innerWidth}px`;

	if (accumulatedHeight >= maxAccumulatedHeight) {		if (accumulatedHeight >= maxAccumulatedHeight) {
Line 48:		Line 51:
	moveSnowflake();		moveSnowflake();
	}		}
	}		});

	~~// Call the initialization function when the DOM is ready~~
	~~$(document).ready(initSnowfall~~);