MediaWiki:Common.js - Revision history

Karl at 13:56, 9 October 2024

2024-10-09T13:56:35Z

← Older revision		Revision as of 13:56, 9 October 2024
Line 27:		Line 27:
	// Function to generate a random bright color		// Function to generate a random bright color
	function getRandomBrightColor() {		function getRandomBrightColor() {
	const min = 60; // Minimum value for bright colors		const min = 75; // Minimum value for bright colors
	const h = Math.floor(Math.random() * ~~255~~);		const h = Math.floor(Math.random() * (220));
	const s = Math.floor(Math.random() * (100 - min) + min);		const s = Math.floor(Math.random() * (100 - min) + min);
	const l = Math.floor(Math.random() * (100 - min) + min);		const l = Math.floor(Math.random() * (100 - min) + min);

2024-10-09T13:54:03Z

← Older revision		Revision as of 13:54, 9 October 2024
Line 27:		Line 27:
	// Function to generate a random bright color		// Function to generate a random bright color
	function getRandomBrightColor() {		function getRandomBrightColor() {
	const min = 50; // Minimum value for bright colors		const min = 60; // Minimum value for bright colors
	const h = Math.floor(Math.random() * 255);		const h = Math.floor(Math.random() * 255);
	const s = Math.floor(Math.random() * (100 - min) + min);		const s = Math.floor(Math.random() * (100 - min) + min);

2024-10-09T13:52:59Z

← Older revision		Revision as of 13:52, 9 October 2024
Line 27:		Line 27:
	// Function to generate a random bright color		// Function to generate a random bright color
	function getRandomBrightColor() {		function getRandomBrightColor() {
	const min = ~~200~~; // Minimum value for bright colors		const min = 50; // Minimum value for bright colors
	const h = Math.floor(Math.random() * 255);		const h = Math.floor(Math.random() * 255);
	const s = Math.floor(Math.random() * (100 - min) + min);		const s = Math.floor(Math.random() * (100 - min) + min);

2024-10-09T13:52:15Z

← Older revision		Revision as of 13:52, 9 October 2024
Line 28:		Line 28:
	function getRandomBrightColor() {		function getRandomBrightColor() {
	const min = 200; // Minimum value for bright colors		const min = 200; // Minimum value for bright colors
	const r = Math.floor(Math.random() * (255 ~~- min) + min~~);		const h = Math.floor(Math.random() * 255);
	const g = Math.floor(Math.random() * (~~255~~ - min) + min);		const s = Math.floor(Math.random() * (100 - min) + min);
	const b = Math.floor(Math.random() * (~~255~~ - min) + min);		const l = Math.floor(Math.random() * (100 - min) + min);
	return `~~rgb~~(${r},${g},${b})`;		return `hsl(${h},${s}%,${l}%)`;
	}		}

2024-10-09T13:49:31Z

← Older revision		Revision as of 13:49, 9 October 2024
Line 19:		Line 19:
	e.style.rotate = `${ rand(-3, 3) }deg`		e.style.rotate = `${ rand(-3, 3) }deg`
	})		})
	counter = rand(~~1000~~, ~~10000~~)		counter = rand(5000, 15000)
	setTimeout(() => { setRandomRotations() }, counter)		setTimeout(() => { setRandomRotations() }, counter)
	}		}
Line 48:		Line 48:
	element.style.backgroundColor = getRandomBrightColor();		element.style.backgroundColor = getRandomBrightColor();
	});		});
	counter = rand(~~1000~~, ~~10000~~)		counter = rand(5000, 15000)
	setTimeout(() => { setBackgroundColors() }, counter)		setTimeout(() => { setBackgroundColors() }, counter)
	}		}

2024-10-09T13:47:58Z

← Older revision		Revision as of 13:47, 9 October 2024
Line 19:		Line 19:
	e.style.rotate = `${ rand(-3, 3) }deg`		e.style.rotate = `${ rand(-3, 3) }deg`
	})		})
	~~let~~ counter = rand(1000, 10000)		counter = rand(1000, 10000)
			setTimeout(() => { setRandomRotations() }, counter)
	}		}

Line 48:		Line 49:
	});		});
	counter = rand(1000, 10000)		counter = rand(1000, 10000)
			setTimeout(() => { setBackgroundColors() }, counter)
	}		}

	// Gradually change the background color for all elements		// Gradually change the background color for all elements
	function changeStylesGradually() {		function changeStylesGradually() {
	~~setInterval~~(() => { setRandomRotations() }, counter)		setTimeout(() => { setRandomRotations() }, counter)
	~~setInterval~~(() => { setBackgroundColors() }, counter)		setTimeout(() => { setBackgroundColors() }, counter)
	}		}

2024-10-09T13:44:57Z

← Older revision		Revision as of 13:44, 9 October 2024
Line 7:		Line 7:
	logo.href = 'https://ooqa.karls.computer/Special:Random';		logo.href = 'https://ooqa.karls.computer/Special:Random';
	});		});

			let counter = rand(1000, 10000)


Line 17:		Line 19:
	e.style.rotate = `${ rand(-3, 3) }deg`		e.style.rotate = `${ rand(-3, 3) }deg`
	})		})
			let counter = rand(1000, 10000)
	}		}


	//Background color		//Background color

	// Function to generate a random bright color		// Function to generate a random bright color
	function getRandomBrightColor() {		function getRandomBrightColor() {
Line 45:		Line 47:
	element.style.backgroundColor = getRandomBrightColor();		element.style.backgroundColor = getRandomBrightColor();
	});		});
			counter = rand(1000, 10000)
	}		}

	// Gradually change the background color for all elements		// Gradually change the background color for all elements
	function changeStylesGradually() {		function changeStylesGradually() {
	setInterval(() => { setRandomRotations() }, ~~rand(1000, 10000)~~)		setInterval(() => { setRandomRotations() }, counter)
	setInterval(() => { setBackgroundColors() }, ~~rand(1000, 10000)~~)		setInterval(() => { setBackgroundColors() }, counter)
	}		}

2024-10-09T13:37:53Z

← Older revision		Revision as of 13:37, 9 October 2024
Line 49:		Line 49:
	// Gradually change the background color for all elements		// Gradually change the background color for all elements
	function changeStylesGradually() {		function changeStylesGradually() {
	setInterval(() => {		setInterval(() => { setRandomRotations() }, rand(1000, 10000))
	setRandomRotations();		setInterval(() => { setBackgroundColors() }, rand(1000, 10000))
	setBackgroundColors();
	}, ~~5000~~)~~; // Change every 5 seconds~~
	}		}

2024-10-01T11:39:24Z

← Older revision		Revision as of 11:39, 1 October 2024
Line 13:		Line 13:
	return Math.random() * (max - min) + min		return Math.random() * (max - min) + min
	}		}
	document.querySelectorAll('ul li, figure, .vector-pinned-container, .vector-dropdown-content, .mw-logo > *, .vector-typeahead-search-container, #news').forEach( e => {		function setRandomRotations() {
	e.style.rotate = `${ rand(-3, 3) }deg`		document.querySelectorAll('ul li, figure, .vector-pinned-container, .vector-dropdown-content, .mw-logo > *, .vector-typeahead-search-container, #news').forEach( e => {
	})		e.style.rotate = `${ rand(-3, 3) }deg`
			})
			}


	//Background color		//Background color
Line 45:		Line 48:

	// Gradually change the background color for all elements		// Gradually change the background color for all elements
	function ~~changeBackgroundGradually~~() {		function changeStylesGradually() {
	setInterval(() => {		setInterval(() => {
			setRandomRotations();
	setBackgroundColors();		setBackgroundColors();
	}, 5000); // Change every 5 seconds		}, 5000); // Change every 5 seconds
Line 52:		Line 56:

	// Initialize the process		// Initialize the process
			setRandomRotations();
	setBackgroundColors();		setBackgroundColors();
	~~changeBackgroundGradually~~();		changeStylesGradually();

	//mouse-hover Popup for the logo		//mouse-hover Popup for the logo

2024-09-30T14:04:03Z

← Older revision		Revision as of 14:04, 30 September 2024
Line 13:		Line 13:
	return Math.random() * (max - min) + min		return Math.random() * (max - min) + min
	}		}
	document.querySelectorAll('ul li, figure, .vector-pinned-container, .vector-dropdown-content, .mw-logo > *, .vector-typeahead-search-container').forEach( e => {		document.querySelectorAll('ul li, figure, .vector-pinned-container, .vector-dropdown-content, .mw-logo > *, .vector-typeahead-search-container, #news').forEach( e => {
	e.style.rotate = `${ rand(-3, 3) }deg`		e.style.rotate = `${ rand(-3, 3) }deg`
	})		})