MediaWiki:Common.js - Revision history

Veza: SEO: backfill meta description + image alt attributes

2026-06-07T18:34:09Z

SEO: backfill meta description + image alt attributes

← Older revision		Revision as of 18:34, 7 June 2026
Line 1:		Line 1:
	/* ~~Any JavaScript here will be~~ loaded ~~for all users~~ on every page ~~load~~. */		/* Site JS — loaded on every page (MediaWiki:Common.js). */

	/~~/ Discord link~~		/* SEO fixes (Lighthouse "meta description" + "image alt"). Citizen renders
	$(~~document~~).~~ready(function() {~~		og:description but not <meta name="description">, and MediaWiki renders inline
	~~var discordElement = $(`~~		images with no alt attribute, so we backfill both client-side. */
	<~~div class~~="~~g-discord citizen-header__item citizen-dropdown" style="display: flex; justify-content: center; align-items: center;~~">		( function () {
	~~<a href="https://discord~~.gg/~~gscripts" target="_blank">~~		// 1. Mirror og:description into a real meta description if missing.
	~~<img src="https:~~//~~wiki~~.~~gscripts~~.~~co/images/4/4b/Discord_30_30~~.~~png" alt~~="~~Discord~~" ~~width~~=~~"30" height~~="30">		if ( !document.querySelector( 'meta[name="description"]' ) ) {
	~~</a>~~		var og = document.querySelector( 'meta[property="og:description"]' );
	~~</div>~~		if ( og && og.content ) {
	`);		var m = document.createElement( 'meta' );
	$(".~~citizen-header~~ .~~citizen-header__logo")~~.~~after~~(~~discordElement~~);		m.setAttribute( 'name', 'description' );
	});		m.setAttribute( 'content', og.content );
			document.head.appendChild( m );
			}
			}

	/* $(document).~~ready(function() {~~		// 2. Give every image an alt attribute if it lacks one, derived from the
	~~var $sections = $('.accordion-section');~~		// wrapping link's title (page/script name) or the file name.
			document.querySelectorAll( 'img:not([alt])' ).forEach( function ( img ) {
	// ~~Initialize: disable links in all headers by default~~ (~~since all start collapsed~~)		var link = img.closest( 'a' );
	~~$sections~~.~~find~~('~~.accordion-header a').css~~(~~'pointer-events', 'none'~~);		var alt = ( link && link.getAttribute( 'title' ) ) \|\| '';
			if ( !alt ) {
	~~// Handle header clicks~~		var src = img.getAttribute( 'src' ) \|\| '';
	~~$('.accordion-header~~').on(~~'click',~~ function(e) {		alt = decodeURIComponent( src.split( '/' ).pop() \|\| '' )
	var ~~$section~~ = ~~$(this)~~.closest('~~.accordion-section~~');		.replace( /^\d+px-/, '' )
	var ~~$content~~ = ~~$section~~.~~find~~('~~.accordion-content~~');		.replace( /\.[a-z0-9]+$/i, '' )
	~~var isHidden = $content.is(~~'~~:hidden~~');		.replace( /[_-]+/g, ' ' )
			.trim();
	if (~~isHidden~~) {		}
	~~// Collapse all other sections~~		img.setAttribute( 'alt', alt );
	~~$sections~~.~~not~~(~~$section~~)~~.find(~~'~~.accordion-content~~'~~).slideUp(200)~~;		} );
	~~$sections.not~~(~~$section)~~.~~removeClass~~('~~expanded~~');		}() );
	~~$sections~~.~~not~~(~~$section~~)~~.find(~~'~~.accordion-header a~~').~~css~~(~~'pointer~~-~~events'~~, '~~none');~~

	~~// Expand this section~~
	~~$content.slideDown(200);~~
	~~$section.addClass('expanded~~');
	~~$section~~.~~find~~('.~~accordion~~-~~header a').css('pointer~~-~~events'~~, '~~auto~~');
	~~} else {~~
	// ~~Collapse this section~~
	~~$content.slideUp(200);~~
	~~$section.removeClass(~~'~~expanded~~');
	~~$section~~.~~find~~(~~'.accordion-header a').css('pointer-events', 'none'~~);
	}

	~~// Prevent link click if content is hidden~~
	~~if (e~~.~~target.tagName === 'A' && $content.is~~('~~:hidden~~'~~)) {~~
	~~e.preventDefault(~~);
	}
	});
	}~~); */~~

	~~// Load Citizen.js if using Citizen skin~~
	if (~~mw.config.get('skin'~~) ~~=== 'citizen') {~~
	~~mw.loader.load('/index.php?title=MediaWiki:Citizen.js&action=raw&ctype=text/javascript'~~);
	}

Acans at 14:27, 25 April 2025

2025-04-25T14:27:48Z

← Older revision		Revision as of 14:27, 25 April 2025
Line 48:		Line 48:
	});		});
	}); */		}); */

			// Load Citizen.js if using Citizen skin
			if (mw.config.get('skin') === 'citizen') {
			mw.loader.load('/index.php?title=MediaWiki:Citizen.js&action=raw&ctype=text/javascript');
			}

Acans at 13:41, 2 April 2025

2025-04-02T13:41:20Z

← Older revision	Revision as of 13:41, 2 April 2025
Line 1:	Line 1:
		/* Any JavaScript here will be loaded for all users on every page load. */

		// Discord link
		$(document).ready(function() {
		var discordElement = $(`
		<div class="g-discord citizen-header__item citizen-dropdown" style="display: flex; justify-content: center; align-items: center;">
		<a href="https://discord.gg/gscripts" target="_blank">
		<img src="https://wiki.gscripts.co/images/4/4b/Discord_30_30.png" alt="Discord" width="30" height="30">
		</a>
		</div>
		`);
		$(".citizen-header .citizen-header__logo").after(discordElement);
		});

		/* $(document).ready(function() {
		var $sections = $('.accordion-section');

		// Initialize: disable links in all headers by default (since all start collapsed)
		$sections.find('.accordion-header a').css('pointer-events', 'none');

		// Handle header clicks
		$('.accordion-header').on('click', function(e) {
		var $section = $(this).closest('.accordion-section');
		var $content = $section.find('.accordion-content');
		var isHidden = $content.is(':hidden');

		if (isHidden) {
		// Collapse all other sections
		$sections.not($section).find('.accordion-content').slideUp(200);
		$sections.not($section).removeClass('expanded');
		$sections.not($section).find('.accordion-header a').css('pointer-events', 'none');

		// Expand this section
		$content.slideDown(200);
		$section.addClass('expanded');
		$section.find('.accordion-header a').css('pointer-events', 'auto');
		} else {
		// Collapse this section
		$content.slideUp(200);
		$section.removeClass('expanded');
		$section.find('.accordion-header a').css('pointer-events', 'none');
		}

		// Prevent link click if content is hidden
		if (e.target.tagName === 'A' && $content.is(':hidden')) {
		e.preventDefault();
		}
		});
		}); */

Acans: Blanked the page

2025-04-02T13:40:06Z

Blanked the page

← Older revision		Revision as of 13:40, 2 April 2025
Line 1:		Line 1:
	~~/* Any JavaScript here will be loaded for all users on every page load. */~~

	~~// Discord link~~
	~~$(document).ready(function() {~~
	~~var discordElement = $(`~~
	~~<div class="g-discord citizen-header__item citizen-dropdown" style="display: flex; justify-content: center; align-items: center;">~~
	~~<a href="https://discord.gg/gscripts" target="_blank">~~
	~~<img src="https://wiki.gscripts.co/images/4/4b/Discord_30_30.png" alt="Discord" width="30" height="30">~~
	~~</a>~~
	~~</div>~~
	~~`);~~
	~~$(".citizen-header .citizen-header__logo").after(discordElement);~~
	~~});~~

	~~/* $(document).ready(function() {~~
	~~var $sections = $('.accordion-section');~~

	~~// Initialize: disable links in all headers by default (since all start collapsed)~~
	~~$sections.find('.accordion-header a').css('pointer-events', 'none');~~

	~~// Handle header clicks~~
	~~$('.accordion-header').on('click', function(e) {~~
	~~var $section = $(this).closest('.accordion-section');~~
	~~var $content = $section.find('.accordion-content');~~
	~~var isHidden = $content.is(':hidden');~~

	~~if (isHidden) {~~
	~~// Collapse all other sections~~
	~~$sections.not($section).find('.accordion-content').slideUp(200);~~
	~~$sections.not($section).removeClass('expanded');~~
	~~$sections.not($section).find('.accordion-header a').css('pointer-events', 'none');~~

	~~// Expand this section~~
	~~$content.slideDown(200);~~
	~~$section.addClass('expanded');~~
	~~$section.find('.accordion-header a').css('pointer-events', 'auto');~~
	~~} else {~~
	~~// Collapse this section~~
	~~$content.slideUp(200);~~
	~~$section.removeClass('expanded');~~
	~~$section.find('.accordion-header a').css('pointer-events', 'none');~~
	}

	~~// Prevent link click if content is hidden~~
	~~if (e.target.tagName === 'A' && $content.is(':hidden')) {~~
	~~e.preventDefault();~~
	}
	~~});~~
	~~}); */~~

Acans at 13:01, 2 April 2025

2025-04-02T13:01:06Z

← Older revision		Revision as of 13:01, 2 April 2025
Line 12:		Line 12:
	$(".citizen-header .citizen-header__logo").after(discordElement);		$(".citizen-header .citizen-header__logo").after(discordElement);
	});		});

			/* $(document).ready(function() {
			var $sections = $('.accordion-section');

			// Initialize: disable links in all headers by default (since all start collapsed)
			$sections.find('.accordion-header a').css('pointer-events', 'none');

			// Handle header clicks
			$('.accordion-header').on('click', function(e) {
			var $section = $(this).closest('.accordion-section');
			var $content = $section.find('.accordion-content');
			var isHidden = $content.is(':hidden');

			if (isHidden) {
			// Collapse all other sections
			$sections.not($section).find('.accordion-content').slideUp(200);
			$sections.not($section).removeClass('expanded');
			$sections.not($section).find('.accordion-header a').css('pointer-events', 'none');

			// Expand this section
			$content.slideDown(200);
			$section.addClass('expanded');
			$section.find('.accordion-header a').css('pointer-events', 'auto');
			} else {
			// Collapse this section
			$content.slideUp(200);
			$section.removeClass('expanded');
			$section.find('.accordion-header a').css('pointer-events', 'none');
			}

			// Prevent link click if content is hidden
			if (e.target.tagName === 'A' && $content.is(':hidden')) {
			e.preventDefault();
			}
			});
			}); */

Acans at 12:59, 2 April 2025

2025-04-02T12:59:20Z

← Older revision		Revision as of 12:59, 2 April 2025
Line 12:		Line 12:
	$(".citizen-header .citizen-header__logo").after(discordElement);		$(".citizen-header .citizen-header__logo").after(discordElement);
	});		});

	~~/* $(document).ready(function() {~~
	~~var $sections = $('.accordion-section');~~

	~~// Initialize: disable links in all headers by default (since all start collapsed)~~
	~~$sections.find('.accordion-header a').css('pointer-events', 'none');~~

	~~// Handle header clicks~~
	~~$('.accordion-header').on('click', function(e) {~~
	~~var $section = $(this).closest('.accordion-section');~~
	~~var $content = $section.find('.accordion-content');~~
	~~var isHidden = $content.is(':hidden');~~

	~~if (isHidden) {~~
	~~// Collapse all other sections~~
	~~$sections.not($section).find('.accordion-content').slideUp(200);~~
	~~$sections.not($section).removeClass('expanded');~~
	~~$sections.not($section).find('.accordion-header a').css('pointer-events', 'none');~~

	~~// Expand this section~~
	~~$content.slideDown(200);~~
	~~$section.addClass('expanded');~~
	~~$section.find('.accordion-header a').css('pointer-events', 'auto');~~
	~~} else {~~
	~~// Collapse this section~~
	~~$content.slideUp(200);~~
	~~$section.removeClass('expanded');~~
	~~$section.find('.accordion-header a').css('pointer-events', 'none');~~
	}

	~~// Prevent link click if content is hidden~~
	~~if (e.target.tagName === 'A' && $content.is(':hidden')) {~~
	~~e.preventDefault();~~
	}
	~~});~~
	~~}); */~~

Acans at 12:58, 2 April 2025

2025-04-02T12:58:10Z

← Older revision		Revision as of 12:58, 2 April 2025
Line 13:		Line 13:
	});		});

			/* $(document).ready(function() {
	$(document).ready(function() {
	var $sections = $('.accordion-section');		var $sections = $('.accordion-section');

Line 48:		Line 47:
	}		}
	});		});
	});		}); */

Acans at 11:36, 2 April 2025

2025-04-02T11:36:45Z

← Older revision		Revision as of 11:36, 2 April 2025
Line 4:		Line 4:
	$(document).ready(function() {		$(document).ready(function() {
	var discordElement = $(`		var discordElement = $(`
	<div class="g-discord citizen-header__item citizen-dropdown" style="display: flex; justify-content: center; align-items: center~~; padding-bottom: 20px~~;">		<div class="g-discord citizen-header__item citizen-dropdown" style="display: flex; justify-content: center; align-items: center;">
	<a href="https://discord.gg/gscripts" target="_blank">		<a href="https://discord.gg/gscripts" target="_blank">
	<img src="https://wiki.gscripts.co/images/4/4b/Discord_30_30.png" alt="Discord" width="30" height="30">		<img src="https://wiki.gscripts.co/images/4/4b/Discord_30_30.png" alt="Discord" width="30" height="30">

Acans at 11:35, 2 April 2025

2025-04-02T11:35:22Z

← Older revision		Revision as of 11:35, 2 April 2025
Line 4:		Line 4:
	$(document).ready(function() {		$(document).ready(function() {
	var discordElement = $(`		var discordElement = $(`
	<div class="g-discord citizen-header__item citizen-dropdown" style="display: flex; justify-content: center; align-items: center; padding-bottom: ~~10px~~;">		<div class="g-discord citizen-header__item citizen-dropdown" style="display: flex; justify-content: center; align-items: center; padding-bottom: 20px;">
	<a href="https://discord.gg/gscripts" target="_blank">		<a href="https://discord.gg/gscripts" target="_blank">
	<img src="https://wiki.gscripts.co/images/4/4b/Discord_30_30.png" alt="Discord" width="30" height="30">		<img src="https://wiki.gscripts.co/images/4/4b/Discord_30_30.png" alt="Discord" width="30" height="30">

Acans at 11:34, 2 April 2025

2025-04-02T11:34:54Z

← Older revision		Revision as of 11:34, 2 April 2025
Line 4:		Line 4:
	$(document).ready(function() {		$(document).ready(function() {
	var discordElement = $(`		var discordElement = $(`
	<div class="g-discord citizen-header__item citizen-dropdown" style="display: flex; justify-content: center; align-items: center;">		<div class="g-discord citizen-header__item citizen-dropdown" style="display: flex; justify-content: center; align-items: center; padding-bottom: 10px;">
	<a href="https://discord.gg/gscripts" target="_blank">		<a href="https://discord.gg/gscripts" target="_blank">
	<img src="https://wiki.gscripts.co/images/4/4b/Discord_30_30.png" alt="Discord" width="30" height="30">		<img src="https://wiki.gscripts.co/images/4/4b/Discord_30_30.png" alt="Discord" width="30" height="30">