MediaWiki:Mobile.js

From bg3.wiki
Revision as of 16:19, 7 August 2024 by Taylan (talk | contribs)
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.
/* All JavaScript here will be loaded for users of the mobile site */

var userId = mw.config.get("wgUserId");

if (userId == null || userId == 1) {
	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);
}