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.

/**
 * Adds CSS classes to the body tag based on the categories this page belongs to
 *
 * @source https://www.mediawiki.org/wiki/Snippets/Style_pages_based_on_categories
 * @revision 2016-01-18
 */
(function($, mw) {
  var fn = function() {
    var cats = mw.config.get('wgCategories'), newClasses;
    if (cats) {
      newClasses = $.map(cats, function(el) {
        return 'cat-' + encodeURIComponent(el.replace(/[ .]/g, '_')).replace(/%/g, '_');
      }).join(' ');
      $(document.body).addClass(newClasses);
    }
  };
  if (document.body) {
    fn();
  } else {
    $(fn);
  }
})(jQuery, mw);




  let fullscreenDiv = document.createElement('div');
  fullscreenDiv.id = 'fullscreenDiv';
  document.body.appendChild(fullscreenDiv);

  let timeout;

  function resetTimer() {
    clearTimeout(timeout);
    timeout = setTimeout(showFullscreenDiv, 3000); // 10 seconds
  }

  function showFullscreenDiv() {
    fullscreenDiv.style.display = 'block';
  }

  function hideFullscreenDiv() {
    fullscreenDiv.style.display = 'none';
  }

  document.addEventListener('mousemove', resetTimer);
  document.addEventListener('click', resetTimer);
  document.addEventListener('touchstart', resetTimer);

  document.addEventListener('mousemove', hideFullscreenDiv);
  document.addEventListener('click', hideFullscreenDiv);
  document.addEventListener('touchstart', hideFullscreenDiv);

  resetTimer(); // Start the timer when the page loads