MediaWiki:Common.js

From Abiotic Factor Wiki
Jump to navigation Jump to search

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.
!(function () {
  var backgroundImagesMap = {
    'Portal_Control_Room': '/images/4/4e/Background_-_Portal_Control_Room.png',
    'Pools_Night': '/images/2/28/Background_-_Pools_Night.png',
    'Office_Entrance_Night': '/images/9/9b/Background_-_Office_Entrance_Night.png',
    'Nachos': '/images/b/bb/Background_-_Nachos.jpg',
    'Hub_Night': '/images/0/0a/Background_-_Hub_Night.png',
    'Flathill_Tree_House': '/images/f/fd/Background_-_Flathill_Tree_House.png',
    'Flathill_Statue': '/images/1/11/Background_-_Flathill_Statue.png',
    'Flathill_Playground': '/images/3/37/Background_-_Flathill_Playground.png',
    'Flathill_Library': '/images/f/fd/Background_-_Flathill_Library.png',
    'Flathill_Halls': '/images/7/72/Background_-_Flathill_Halls.png',
    'Flathill_First_Street': '/images/c/c6/Background_-_Flathill_First_Street.png',
    'Desert': '/images/3/33/Background_-_Desert.png',
    'Arcade': '/images/f/f0/Background_-_Arcade.png',
    'Anteverse_Trees': '/images/5/51/Background_-_Anteverse_Trees.png',
    'Anteverse_Scientist': '/images/c/c8/Background_-_Anteverse_Scientist.png',
    'Anteverse_Science': '/images/d/d4/Background_-_Anteverse_Science.jpg',
    'Anteverse_Open': '/images/2/2c/Background_-_Anteverse_Open.png',
  };
  var backgroundImages = Array.from(Object.values(backgroundImagesMap));
  
  var urlParams = new URLSearchParams(window.location.search);
  var bgParam = urlParams.get("bg");

  var backgroundImage;
  if (bgParam) {
    backgroundImage = backgroundImagesMap[bgParam];
  } else {
    var index = Math.floor(Math.random() * backgroundImages.length);
    backgroundImage = backgroundImages[index];
  }

  document.documentElement.style.setProperty(
    "--wiki-body-background-image",
    'url(' + backgroundImage + ')'
  );
})();



/**
 * for other templates
 */
$(function(){
	/* [[Template:Spoiler]] */
	$('.spoiler-content').on('click', function(e){
		if (!$(this).hasClass('show')) e.preventDefault();
		$(this).toggleClass('show');
	});
});