MediaWiki:Citizen.js

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

// Discord button in Citizen header
$( function () {
	const $drawer = $( '.citizen-drawer' );

	// Abort if header isn't present or button already exists
	if ( !$drawer.length || $( '.citizen-discord' ).length ) {
		return;
	}

	const $button = $( '<a>', {
		class: 'citizen-discord citizen-header__item',
		href: 'https://discord.gg/sarkic',
		target: '_blank',
		rel: 'noopener noreferrer',
		title: 'Join us on Discord!',
		'aria-label': 'Join us on Discord!'
	} ).append(
		$( '<div>', { class: 'citizen-discord__button citizen-header__button' } ).append(
			$( '<span>', { class: 'disc-icon', 'aria-hidden': 'true' } ),
			$( '<span>', { class: 'citizen-discord__text', text: 'Discord' } )
		)
	);

	$drawer.after( $button );
} );