MediaWiki:Mobile.js

/* All JavaScript here will be loaded for users of the mobile site */

/*
 * Note that some of the style changes that are applied when enabling ads are
 * already applied via MW:Vector.css, but only for anonymous visitors, so apply
 * them again in case ads are enabled explicitly, e.g. for testing.
 */

if (mw.config.get("wgUserId") == null) {
	bg3wikiEnableAds();
}

function bg3wikiEnableAds() {
	if (window.innerHeight < 720) {
		return;
	}
	
	// The "header" is actually at the bottom.
	var header = document.getElementsByClassName("citizen-header")[0];
	header.style.bottom = "50px";
	
	// Floating page actions thingy above the "header"
	var actions = document.getElementsByClassName("page-actions")[0];
	actions.style.bottom = "calc(50px + var(--header-size) + var(--space-xs))";
	
	// Actual page contents
	var content = document.getElementsByClassName("citizen-page-container")[0];
	content.style.marginBottom = "50px";
	
	var ad = document.createElement("div");
	ad.id = "bg3wiki-footer-ad";
	ad.classList.add("bg3wiki-ad");
	ad.style.height = "50px";
	ad.style.width = "100%";
	ad.style.position = "fixed";
	ad.style.bottom = "0";
	ad.style.zIndex = "999";
	ad.style.background = "var(--color-surface-3)";
	ad.style.alignContent = "center";
	document.body.appendChild(ad);
	
	var p = document.createElement("p");
	p.style.textAlign = "center";
	p.style.fontSize = "0.9em";
	p.style.fontStyle = "italic";
	p.style.color = "var(--color-subtle)";
	p.innerText = "Ad placeholder";
	ad.appendChild(p);
}