MediaWiki:Common.js: Difference between revisions

← Older edit
No edit summary
No edit summary
 
(26 intermediate revisions by 2 users not shown)
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 13: Line 15:
   return Math.random() * (max - min) + min
   return Math.random() * (max - min) + min
}
}
document.querySelectorAll('ul li, .mw-logo > *').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`
})
counter = rand(5000, 15000)
setTimeout(() => { setRandomRotations() }, counter)
}
 


//Background color
//Background color
// 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 = 75; // Minimum value for bright colors
   const r = Math.floor(Math.random() * (255 - min) + min);
   const h = Math.floor(Math.random() * (220));
   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}%)`;
}
}


Line 42: Line 48:
     element.style.backgroundColor = getRandomBrightColor();
     element.style.backgroundColor = getRandomBrightColor();
   });
   });
counter = rand(5000, 15000)
setTimeout(() => { setBackgroundColors() }, counter)
}
}


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


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


//mouse-hover Popup for the logo
//mouse-hover Popup for the logo
Line 61: Line 69:
popup.id = 'popup-disclaimer';
popup.id = 'popup-disclaimer';
popup.classList.add('popup');
popup.classList.add('popup');
popup.innerText = 'This is a disclaimer text.';
popup.innerText = 'What we define as Home is an ever-changing site of queering, which may not be identical to where we first began.';


// Append the popup to the body
// Append the popup to the body
Retrieved from "https://ooqa.karls.computer/MediaWiki:Common.js"