MediaWiki:Citizen.js

/* All JavaScript here will be loaded for users of the Citizen skin */
//Get player counts of Minecraft server
$.getJSON('https://mcapi.us/server/status?ip=play.prismparty.net', function(json) {
   if (json.status !== "error") {
     $("#online").html('<i class="fas fa-users"></i> ' + json.players.now);
   } else {
     $("#online").html('<i class="fas fa-spinner fa-spin"></i>');
   }
     setTimeout(5000);
});

// Page Header IMG 
var page = document.querySelector("body");
if (page.classList.contains('page-Main_Page')) {
	var mwBody = document.getElementById('content');
	var newDiv = document.createElement('div');
	newDiv.setAttribute('class', 'header-hero');
	newDiv.innerHTML = '<div class="header-hero-image" style="background-image: linear-gradient(to top, var(--color-surface-0), transparent 150%), var(--hero-image);background-size: cover;background-position: center top;height: 36vh;margin-bottom: -31vh;"></div>';
	mwBody.parentNode.insertBefore(newDiv, mwBody);
}

var html = document.querySelector("html");
	if (html.classList.contains('skin-citizen-dark')) {
		document.documentElement.style.setProperty('--hero-image', 'url(/images/site/header/creative_dark.webp)');
	} else {
		document.documentElement.style.setProperty('--hero-image', 'url(/images/site/header/creative_light.webp)');
}

document.addEventListener('click', function(event) {
  setTimeout(function() {
    var html = document.querySelector("html");
    if (html.classList.contains("skin-citizen-dark")) {
      document.documentElement.style.setProperty('--hero-image', 'url(/images/site/header/creative_dark.webp)');
    } else if (html.classList.contains("skin-citizen-light"))
    {
      document.documentElement.style.setProperty('--hero-image', 'url(/images/site/header/creative_light.webp)');
    }
  }, 100);
}, true);