MediaWiki:Citizen.js

/* All JavaScript here will be loaded for users of the Citizen skin */

// Get Playercount
var serverAddress = 'https://mcapi.us/server/status?ip=play.prismparty.net';
function getOnlinePlayers() {
    $.getJSON(serverAddress, function(json) {
        if (json.status !== "error") {
            $("#online, #ft_online").html(json.players.now);
        } else {
            $("#online, #ft_online").html('???');
        }

        setTimeout(getOnlinePlayers, 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 center;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);