MediaWiki:Common.js

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.

/* Any JavaScript here will be loaded for all users on every page load. */

// // sidebar background color dynamic changer
// 
// var sidebar = document.getElementById('ims-sidebar');
// var hue = Number(window.localStorage.getItem('hue')); // color storage
// 
// var slider = document.createElement('input');
// slider.id = 'sidebar-bg-slider';
// slider.type = 'range';
// slider.min = "0";
// slider.max = "360";
// slider.setAttribute('style', 'width: 100%;');
// 
// // initial setup on pageload
// if (hue >= 0) {
//   sidebar.setAttribute('style', 'background: hsl(' + hue + ', 30%, 40%);');
//   slider.value = hue;
// }
// 
// var slider_div = document.createElement('div')
// slider_div.setAttribute('style', 'margin-top: 1rem;');
// 
// var label = document.createElement('h3');
// label.innerText = 'Background'
// label.setAttribute('style', 'font-size: .5rem; font-weight: 400; letter-spacing: 1.618ex; text-transform: uppercase;');
// 
// slider_div.appendChild(label);
// slider_div.appendChild(slider);
// sidebar.appendChild(slider_div);
// 
// slider.addEventListener("change", function (e) {
//   window.localStorage.setItem('hue', Number(e.target.value)); // to save it on page refreshing
//   sidebar.setAttribute('style', 'background: hsl(' + e.target.value + ', 30%, 40%);');  
// });

/* Banner repositioning */
{
  var banner = document.getElementById("ims-banner");
  var footer_list = document.getElementById("f-list");
  if (banner) {
    footer_list.before(banner);
    footer_list.style.marginTop = "1rem";
  } else {
    footer_list.style.marginTop = "";
  }
}