MediaWiki:Common.js - Revision history

Maintenance script: Rename tabs

2026-07-11T15:40:24Z

Rename tabs

@@ Line 1: / Line 1: @@
-/* OSRS Custom JS Framework */
+$(document).ready(function() {
+     $('#ca-nstab-main a').text('Article');
-// 1. Asynchronous Calculator Loader
+     $('#ca-history a').text('History');
-$(function() {
+     $('#ca-view a').text('Read');
 });

Maintenance script: Add simple image lightbox

2026-07-11T14:50:15Z

Add simple image lightbox

@@ Line 48: / Line 48: @@
      // Apply state on page load
      applyReaderMode();
 });

Maintenance script: Add always-visible reader mode escape button

2026-07-11T14:07:22Z

Add always-visible reader mode escape button

← Older revision		Revision as of 14:07, 11 July 2026
Line 15:		Line 15:
	$(function() {		$(function() {
	var isReaderMode = localStorage.getItem('osrs-reader-mode') === 'true';		var isReaderMode = localStorage.getItem('osrs-reader-mode') === 'true';

			function applyReaderMode() {
			$('body').toggleClass('reader-mode-active', isReaderMode);
			$('#reader-mode-escape').toggle(isReaderMode);
			}

	function toggleReaderMode() {		function toggleReaderMode() {
	isReaderMode = !isReaderMode;		isReaderMode = !isReaderMode;
	localStorage.setItem('osrs-reader-mode', isReaderMode);		localStorage.setItem('osrs-reader-mode', String(isReaderMode));
	~~$('body').toggleClass('reader-mode-active', isReaderMode~~);		applyReaderMode();
	}

	~~if (isReaderMode) {~~
	~~$('body').addClass~~(~~'reader-mode-active'~~);
	}		}

	// Insert toggle button into personal nav		// Insert toggle button into personal nav (in the header)
	var btn = $('<li><a href="#" id="pt-reader-mode">Toggle Reader Mode</a></li>');		var btn = $('<li><a href="#" id="pt-reader-mode">Toggle Reader Mode</a></li>');
	btn.on('click', function(e) {		btn.on('click', function(e) {
Line 33:		Line 34:
	});		});
	$('#p-personal ul').prepend(btn);		$('#p-personal ul').prepend(btn);

			// Also inject a fixed escape button that is ALWAYS visible in reader mode
			var escapeBtn = $('<div id="reader-mode-escape" style="' +
			'display:none; position:fixed; top:10px; left:10px; z-index:99999;' +
			'background:rgba(0,0,0,0.7); color:#fff; padding:8px 14px;' +
			'border-radius:6px; cursor:pointer; font-size:13px; font-weight:bold;' +
			'box-shadow:0 2px 8px rgba(0,0,0,0.4);">✕ Exit Reader Mode</div>');
			escapeBtn.on('click', function() {
			toggleReaderMode();
			});
			$('body').append(escapeBtn);

			// Apply state on page load
			applyReaderMode();
	});		});

Maintenance script: OSRS Calculator Loader and Reader Mode

2026-07-11T01:39:57Z

OSRS Calculator Loader and Reader Mode

← Older revision		Revision as of 01:39, 11 July 2026
Line 1:		Line 1:
	/**		/* OSRS Custom JS Framework */
	* Winds of Valen Wiki — Common JS
	*/

	/* 1. ~~Force light color scheme immediately (before paint) */~~		// 1. Asynchronous Calculator Loader
	(function () {		$(function() {
	~~document.documentElement.style~~.~~colorScheme =~~ '~~light';~~		if ($('.jcConfig').length > 0) {
	}());		// Asynchronously pull in calculator scripts
			mw.loader.getScript('/resources/assets/calc.js').then(function() {
	/~~* 2. Fix Vector 2022 sidebar: switch pinned-disabled → pinned-enabled *~~/		mw.loader.load('/resources/assets/calc.css', 'text/css');
	~~(function () {~~		console.log("OSRS calculators loaded.");
	~~var h = document~~.~~documentElement;~~		});
	h.~~className = h.className~~
	~~.replace~~('~~vector-feature-main-menu-pinned-disabled', 'vector-feature-main-menu-pinned-enabled~~');
	~~}());~~

	~~/* 3~~. ~~Load Cinzel + Inter fonts */~~
	(function () {
	~~if (!document~~.~~getElementById('wov-fonts')) {~~
	~~var l = document~~.~~createElement~~('~~link');~~
	l.~~id =~~ '~~wov-fonts~~';
	~~l.rel = 'stylesheet~~';
	l.~~href = 'https://fonts~~.~~googleapis.com/css2?family=Cinzel:wght@700&family=PT+Serif:ital,wght@0,400;0,700;1,400&family=Inter:wght@400;600&display=swap'~~;
	~~document.head.appendChild(l~~);
	}		}
	}());		});

	~~document.addEventListener('DOMContentLoaded', function () {~~

	/* 4. ~~Move main menu from hamburger dropdown into pinned sidebar slot */~~		// 2. Reader Mode Toggle
	var ~~pinned~~ = ~~document~~.~~getElementById~~('~~vector-main-menu~~-~~pinned~~-~~container~~');		$(function() {
	~~var unpinned~~ = ~~document~~.~~getElementById~~('~~vector-main-menu~~-~~unpinned~~-~~container~~');		var isReaderMode = localStorage.getItem('osrs-reader-mode') === 'true';
	~~if (pinned && unpinned && unpinned.children.length > 0 && pinned.children.length === 0) {~~
	~~while~~ (~~unpinned.firstChild~~) {		function toggleReaderMode() {
	~~pinned~~.~~appendChild~~(~~unpinned.firstChild~~);		isReaderMode = !isReaderMode;
	}		localStorage.setItem('osrs-reader-mode', isReaderMode);
			$('body').toggleClass('reader-mode-active', isReaderMode);
	}		}

	~~/* 5. Hide hamburger button since sidebar is now always visible */~~		if (isReaderMode) {
	~~var ham = document.getElementById('vector-main-menu-dropdown');~~		$('body').addClass('reader-mode-active');
	~~if (ham) ham.style.display = 'none';~~

	~~/* 6. Inject Logo banner + Discord button at top of sidebar */~~
	~~var sidebarEl = pinned \|\| document.getElementById('vector-main-menu');~~
	if (~~sidebarEl~~) {
	~~var logoImg = document.querySelector('#p-logo img, #p-logo .mw-logo-icon');~~
	~~var logoSrc = logoImg ? logoImg.src : '';~~

	~~/* Logo Banner */~~
	~~var logoDiv = document.createElement('div');~~
	~~logoDiv.className = 'wov-sidebar-logo';~~
	~~logoDiv.innerHTML =~~
	~~'<a href="/wiki/Main_Page">' +~~
	(~~logoSrc ? '<img src="' + logoSrc + '" alt="Winds of Valen Wiki" />' : '') +~~
	~~'<div class="wov-sidebar-logo-title">Winds of Valen</div>' +~~
	~~'<div class="wov-sidebar-logo-sub">Wiki</div>' +~~
	'~~</a>~~';
	~~sidebarEl.insertBefore(logoDiv, sidebarEl.firstChild~~);

	~~/* Simple HTML Discord Button */~~
	~~var discordDiv = document~~.~~createElement~~('~~div');~~
	~~discordDiv.style.padding = "10px";~~
	~~discordDiv.innerHTML = '<a href="https://discord.gg/xxzDqg9xWc" class="wov-discord~~-~~btn~~-~~link" target="_blank" rel="noopener">Chat on Discord</a>~~';
	~~sidebarEl.insertBefore(discordDiv, sidebarEl.children[1]~~);
	}		}

	/~~* 7. Hide "Main Page" h1 on the Main Page only *~~/		// Insert toggle button into personal nav
	~~if (mw && mw.config && mw.config.get('wgPageName') === 'Main_Page') {~~		var btn = $('<li><a href="#" id="pt-reader-mode">Toggle Reader Mode</a></li>');
	var h1 = ~~document.getElementById~~('~~firstHeading');~~		btn.on('click', function(e) {
	~~if (h1) h1.style.display~~ = ~~'none';~~		e.preventDefault();
	~~var mh~~ = ~~document.querySelector('.mw~~-~~first~~-~~heading~~');		toggleReaderMode();
	~~if (mh) mh.style.display = 'none';~~
	}

	~~/* 8. Make .wov-popular-~~btn ~~spans behave as full-block links */~~
	~~document~~.~~querySelectorAll~~('~~.wov-popular-grid a~~'~~).forEach(~~function (a) {
	~~a.style~~.~~display = 'block';~~
	~~a.style.textDecoration = 'none';~~
	~~var span = a.querySelector~~(~~'.wov-popular-btn'~~);
	if (~~span~~) {
	~~span.style.display = 'block'~~;
	}
	});		});
			$('#p-personal ul').prepend(btn);
	});		});

Maintenance script: Update Discord injection to be simple button

2026-07-11T01:16:32Z

Update Discord injection to be simple button

← Older revision		Revision as of 01:16, 11 July 2026
Line 44:		Line 44:
	var sidebarEl = pinned \|\| document.getElementById('vector-main-menu');		var sidebarEl = pinned \|\| document.getElementById('vector-main-menu');
	if (sidebarEl) {		if (sidebarEl) {
	~~/* Grab the site logo image URL from #p-logo */~~
	var logoImg = document.querySelector('#p-logo img, #p-logo .mw-logo-icon');		var logoImg = document.querySelector('#p-logo img, #p-logo .mw-logo-icon');
	var logoSrc = logoImg ? logoImg.src : '';		var logoSrc = logoImg ? logoImg.src : '';

	/* ~~---~~ Logo Banner ~~---~~ */		/* Logo Banner */
	var logoDiv = document.createElement('div');		var logoDiv = document.createElement('div');
	logoDiv.className = 'wov-sidebar-logo';		logoDiv.className = 'wov-sidebar-logo';
Line 59:		Line 58:
	sidebarEl.insertBefore(logoDiv, sidebarEl.firstChild);		sidebarEl.insertBefore(logoDiv, sidebarEl.firstChild);

	/* ~~---~~ Discord Button ~~---~~ */		/* Simple HTML Discord Button */
	var discordDiv = document.createElement('div');		var discordDiv = document.createElement('div');
	discordDiv.~~className~~ = ~~'wov-discord-btn'~~;		discordDiv.style.padding = "10px";
	discordDiv.innerHTML =		discordDiv.innerHTML = '<a href="https://discord.gg/xxzDqg9xWc" class="wov-discord-btn-link" target="_blank" rel="noopener">Chat on Discord</a>';
	'<a href="https://discord.gg/xxzDqg9xWc" target="_blank" rel="noopener">~~' +~~
	'<svg viewBox="0 0 24 24" fill="currentColor"><path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028c.462-.63.874-1.295 1.226-1.994a.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z"/></svg>' +
	'Chat on Discord</a>';
	sidebarEl.insertBefore(discordDiv, sidebarEl.children[1]);		sidebarEl.insertBefore(discordDiv, sidebarEl.children[1]);
	}		}

Maintenance script: Pin sidebar, hide Main Page h1, inject sidebar logo+discord

2026-07-11T01:12:12Z

Pin sidebar, hide Main Page h1, inject sidebar logo+discord

← Older revision		Revision as of 01:12, 11 July 2026
Line 3:		Line 3:
	*/		*/

	// 1. Force light color scheme immediately		/* 1. Force light color scheme immediately (before paint) */
	(function () {		(function () {
	document.documentElement.style.colorScheme = 'light';		document.documentElement.style.colorScheme = 'light';
	~~var m = document.querySelector('meta[name="color-scheme"]') \|\| document.createElement('meta');~~
	~~m.name = 'color-scheme'; m.content = 'light only';~~
	~~document.head.insertBefore(m, document.head.firstChild);~~
	}());		}());

	// 2. Fix ~~html class~~: switch pinned-disabled → pinned-enabled		/* 2. Fix Vector 2022 sidebar: switch pinned-disabled → pinned-enabled */
	(function () {		(function () {
	var h = document.documentElement;		var h = document.documentElement;
Line 18:		Line 15:
	}());		}());

	// 3. Load Cinzel ~~font for the logo banner~~		/* 3. Load Cinzel + Inter fonts */
	(function () {		(function () {
	var l = document.createElement('link');		if (!document.getElementById('wov-fonts')) {
	l.rel = 'stylesheet';		var l = document.createElement('link');
	l.href = 'https://fonts.googleapis.com/css2?family=Cinzel:wght@700&family=PT+Serif:ital,wght@0,400;0,700;1,400&display=swap';		l.id = 'wov-fonts';
	document.head.appendChild(l);		l.rel = 'stylesheet';
			l.href = 'https://fonts.googleapis.com/css2?family=Cinzel:wght@700&family=PT+Serif:ital,wght@0,400;0,700;1,400&family=Inter:wght@400;600&display=swap';
			document.head.appendChild(l);
			}
	}());		}());

	~~// 4. After DOM ready: move menu to pinned slot, inject logo + Discord~~
	document.addEventListener('DOMContentLoaded', function () {		document.addEventListener('DOMContentLoaded', function () {

	/* ~~---~~ Move menu from dropdown to pinned ~~container ---~~ */		/* 4. Move main menu from hamburger dropdown into pinned sidebar slot */
	var pinned = document.getElementById('vector-main-menu-pinned-container');		var pinned = document.getElementById('vector-main-menu-pinned-container');
	var unpinned = document.getElementById('vector-main-menu-unpinned-container');		var unpinned = document.getElementById('vector-main-menu-unpinned-container');
Line 38:		Line 37:
	}		}

	/* ~~---~~ Hide hamburger ~~now that~~ sidebar is ~~pinned ---~~ */		/* 5. Hide hamburger button since sidebar is now always visible */
	var ham = document.getElementById('vector-main-menu-dropdown');		var ham = document.getElementById('vector-main-menu-dropdown');
	if (ham) ham.style.display = 'none';		if (ham) ham.style.display = 'none';

	/* ~~---~~ Inject Logo ~~Banner~~ at top of sidebar ~~---~~ */		/* 6. Inject Logo banner + Discord button at top of sidebar */
	var sidebarEl = pinned \|\| document.getElementById('vector-main-menu');		var sidebarEl = pinned \|\| document.getElementById('vector-main-menu');
	if (sidebarEl) {		if (sidebarEl) {
			/* Grab the site logo image URL from #p-logo */
	/~~/ Try to find~~ the site logo ~~src~~ from #p-logo
	var logoImg = document.querySelector('#p-logo img, #p-logo .mw-logo-icon');		var logoImg = document.querySelector('#p-logo img, #p-logo .mw-logo-icon');
	var logoSrc = logoImg ? logoImg.src : '';		var logoSrc = logoImg ? logoImg.src : '';

			/* --- Logo Banner --- */
	var logoDiv = document.createElement('div');		var logoDiv = document.createElement('div');
	logoDiv.className = 'wov-sidebar-logo';		logoDiv.className = 'wov-sidebar-logo';
Line 60:		Line 59:
	sidebarEl.insertBefore(logoDiv, sidebarEl.firstChild);		sidebarEl.insertBefore(logoDiv, sidebarEl.firstChild);

	/* --- ~~Inject~~ Discord Button ~~below logo~~ --- */		/* --- Discord Button --- */
	var discordDiv = document.createElement('div');		var discordDiv = document.createElement('div');
	discordDiv.className = 'wov-discord-btn';		discordDiv.className = 'wov-discord-btn';
	discordDiv.innerHTML =		discordDiv.innerHTML =
	'<a href="https://discord.gg/xxzDqg9xWc" target="_blank" rel="noopener">' +		'<a href="https://discord.gg/xxzDqg9xWc" target="_blank" rel="noopener">' +
	'<svg viewBox="0 0 24 24" fill="currentColor~~" xmlns="http://www.w3.org/2000/svg~~">~~' +~~		'<svg viewBox="0 0 24 24" fill="currentColor"><path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028c.462-.63.874-1.295 1.226-1.994a.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z"/></svg>' +
	'<path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028c.462-.63.874-1.295 1.226-1.994a.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z"/>~~' +~~
	'</svg>' +
	'Chat on Discord</a>';		'Chat on Discord</a>';
	sidebarEl.insertBefore(discordDiv, sidebarEl.children[1]);		sidebarEl.insertBefore(discordDiv, sidebarEl.children[1]);
	}		}

			/* 7. Hide "Main Page" h1 on the Main Page only */
			if (mw && mw.config && mw.config.get('wgPageName') === 'Main_Page') {
			var h1 = document.getElementById('firstHeading');
			if (h1) h1.style.display = 'none';
			var mh = document.querySelector('.mw-first-heading');
			if (mh) mh.style.display = 'none';
			}

			/* 8. Make .wov-popular-btn spans behave as full-block links */
			document.querySelectorAll('.wov-popular-grid a').forEach(function (a) {
			a.style.display = 'block';
			a.style.textDecoration = 'none';
			var span = a.querySelector('.wov-popular-btn');
			if (span) {
			span.style.display = 'block';
			}
			});

	});		});

Maintenance script: Pin sidebar, inject logo and Discord button

2026-07-11T01:04:57Z

Pin sidebar, inject logo and Discord button

← Older revision		Revision as of 01:04, 11 July 2026
Line 1:		Line 1:
	/**		/**
	* Winds of Valen Wiki - Common JS		* Winds of Valen Wiki — Common JS
	* 1. Force the main nav sidebar to appear pinned (like OSRS wiki)
	* 2. Prevent dark mode extensions from inverting the color scheme
	*/		*/

	// ~~---~~ Force light color scheme ~~---~~		// 1. Force light color scheme immediately
	(function () {		(function () {
	var m = document.createElement('meta');		document.documentElement.style.colorScheme = 'light';
	m.name = 'color-scheme';		var m = document.querySelector('meta[name="color-scheme"]') \|\| document.createElement('meta');
	m.content = 'light only';		m.name = 'color-scheme'; m.content = 'light only';
	document.head.insertBefore(m, document.head.firstChild);		document.head.insertBefore(m, document.head.firstChild);
	~~document.documentElement.style.colorScheme = 'light';~~
	}());		}());

	// ~~---~~ Fix ~~the~~ html class: switch pinned-disabled to pinned-enabled ~~---~~		// 2. Fix html class: switch pinned-disabled → pinned-enabled
	(function () {		(function () {
	var ~~html~~ = document.documentElement;		var h = document.documentElement;
	~~html~~.className = ~~html~~.className		h.className = h.className
	.replace('vector-feature-main-menu-pinned-disabled', 'vector-feature-main-menu-pinned-enabled');		.replace('vector-feature-main-menu-pinned-disabled', 'vector-feature-main-menu-pinned-enabled');
	}());		}());

	// ~~--- Move~~ the ~~main~~ menu ~~DOM from the dropdown into the~~ pinned ~~sidebar~~ slot ~~---~~		// 3. Load Cinzel font for the logo banner
			(function () {
			var l = document.createElement('link');
			l.rel = 'stylesheet';
			l.href = 'https://fonts.googleapis.com/css2?family=Cinzel:wght@700&family=PT+Serif:ital,wght@0,400;0,700;1,400&display=swap';
			document.head.appendChild(l);
			}());

			// 4. After DOM ready: move menu to pinned slot, inject logo + Discord
	document.addEventListener('DOMContentLoaded', function () {		document.addEventListener('DOMContentLoaded', function () {

			/* --- Move menu from dropdown to pinned container --- */
	var pinned = document.getElementById('vector-main-menu-pinned-container');		var pinned = document.getElementById('vector-main-menu-pinned-container');
	var unpinned = document.getElementById('vector-main-menu-unpinned-container');		var unpinned = document.getElementById('vector-main-menu-unpinned-container');

	if (pinned && unpinned && unpinned.children.length > 0 && pinned.children.length === 0) {		if (pinned && unpinned && unpinned.children.length > 0 && pinned.children.length === 0) {
	while (unpinned.firstChild) {		while (unpinned.firstChild) {
Line 32:		Line 38:
	}		}

	/~~/ Also hide the~~ hamburger ~~dropdown button since~~ sidebar is ~~now visible~~		/* --- Hide hamburger now that sidebar is pinned --- */
	var ~~hamburger~~ = document.getElementById('vector-main-menu-dropdown');		var ham = document.getElementById('vector-main-menu-dropdown');
	if (~~hamburger~~) ~~hamburger~~.style.display = 'none';		if (ham) ham.style.display = 'none';

			/* --- Inject Logo Banner at top of sidebar --- */
			var sidebarEl = pinned \|\| document.getElementById('vector-main-menu');
			if (sidebarEl) {

			// Try to find the site logo src from #p-logo
			var logoImg = document.querySelector('#p-logo img, #p-logo .mw-logo-icon');
			var logoSrc = logoImg ? logoImg.src : '';

			var logoDiv = document.createElement('div');
			logoDiv.className = 'wov-sidebar-logo';
			logoDiv.innerHTML =
			'<a href="/wiki/Main_Page">' +
			(logoSrc ? '<img src="' + logoSrc + '" alt="Winds of Valen Wiki" />' : '') +
			'<div class="wov-sidebar-logo-title">Winds of Valen</div>' +
			'<div class="wov-sidebar-logo-sub">Wiki</div>' +
			'</a>';
			sidebarEl.insertBefore(logoDiv, sidebarEl.firstChild);

			/* --- Inject Discord Button below logo --- */
			var discordDiv = document.createElement('div');
			discordDiv.className = 'wov-discord-btn';
			discordDiv.innerHTML =
			'<a href="https://discord.gg/xxzDqg9xWc" target="_blank" rel="noopener">' +
			'<svg viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">' +
			'<path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028c.462-.63.874-1.295 1.226-1.994a.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z"/>' +
			'</svg>' +
			'Chat on Discord</a>';
			sidebarEl.insertBefore(discordDiv, sidebarEl.children[1]);
			}
	});		});

Maintenance script: Force sidebar pin and light mode

2026-07-11T01:00:27Z

Force sidebar pin and light mode

@@ Line 1: / Line 1: @@
-/* Force light color scheme to prevent dark mode extensions from inverting colors */
+/**
 (function () {
      var m = document.createElement('meta');
@@ Line 7: / Line 13: @@
      document.documentElement.style.colorScheme = 'light';
 }());

Maintenance script: Force light mode

2026-07-11T00:47:59Z

Force light mode

← Older revision		Revision as of 00:47, 11 July 2026
Line 1:		Line 1:
	/* Force ~~browser~~ to ~~render in light mode - prevents Dark Reader and OS~~ dark mode from inverting colors */		/* Force light color scheme to prevent dark mode extensions from inverting colors */
	(function() {		(function () {
	var ~~meta~~ = document.createElement('meta');		var m = document.createElement('meta');
	~~meta~~.name = 'color-scheme';		m.name = 'color-scheme';
	~~meta~~.content = 'light only';		m.content = 'light only';
	document.head.insertBefore(~~meta~~, document.head.firstChild);		document.head.insertBefore(m, document.head.firstChild);
	})();		document.documentElement.style.colorScheme = 'light';
			}());

Maintenance script: Force light mode

2026-07-11T00:45:07Z

Force light mode

← Older revision		Revision as of 00:45, 11 July 2026
Line 1:		Line 1:
	/* ~~Disable~~ Dark Reader ~~extension to preserve wiki~~ colors */		/* Force browser to render in light mode - prevents Dark Reader and OS dark mode from inverting colors */
	var meta = document.createElement('meta');		(function() {
	meta.name = '~~darkreader~~';		var meta = document.createElement('meta');
	meta.content = '~~NO-DARKREADER-PLUGIN~~';		meta.name = 'color-scheme';
	document.~~getElementsByTagName('~~head~~')[0]~~.~~appendChild~~(meta);		meta.content = 'light only';
			document.head.insertBefore(meta, document.head.firstChild);
	~~var meta2 =~~ document.~~createElement('meta'~~);		})();
	~~meta2.name = 'color-scheme';~~
	~~meta2.content = 'light';~~
	~~document.getElementsByTagName('head'~~)~~[0].appendChild~~(~~meta2~~);