|
|
| (6 intermediate revisions by 2 users not shown) |
| Line 1: |
Line 1: |
| /* All JavaScript here will be loaded for users of the Vector skin */ | | /* All JavaScript here will be loaded for users of the Vector skin */ |
|
| |
| //make destination of the logo hyperlink random
| |
| let logos = document.querySelectorAll('.mw-logo');
| |
| logos.forEach(function(logo) {
| |
| logo.href = 'https://ooqa.karls.computer/Special:Random';
| |
| });
| |
|
| |
|
| |
| // add a little disorder
| |
| function rand(min = -1, max = 1) {
| |
| return Math.random() * (max - min) + min
| |
| }
| |
| document.querySelectorAll('ul li, .mw-logo > *').forEach( e => {
| |
| e.style.rotate = `${ rand(-3, 3) }deg`
| |
| })
| |
|
| |
| // Function to generate a random bright color
| |
| function getRandomBrightColor() {
| |
| const min = 200; // Minimum value for bright colors
| |
| const r = Math.floor(Math.random() * (255 - min) + min);
| |
| const g = Math.floor(Math.random() * (255 - min) + min);
| |
| const b = Math.floor(Math.random() * (255 - min) + min);
| |
| return `rgb(${r},${g},${b})`;
| |
| }
| |
|
| |
| // Set the initial random background color
| |
| function setInitialBackgroundColor() {
| |
| const randomColor = getRandomBrightColor();
| |
| document.body.style.backgroundColor = randomColor;
| |
| }
| |
|
| |
| // Gradually change the background color
| |
| function changeBackgroundGradually() {
| |
| setInterval(() => {
| |
| const randomColor = getRandomBrightColor();
| |
| document.body.style.transition = "background-color 2s linear"; // Smooth transition over 2 seconds
| |
| document.body.style.backgroundColor = randomColor;
| |
| }, 5000); // Change every 5 seconds
| |
| }
| |
|
| |
| // Initialize the process
| |
| setInitialBackgroundColor();
| |
| changeBackgroundGradually();
| |
/* All JavaScript here will be loaded for users of the Vector skin */
