Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Citizen.js: Difference between revisions

MediaWiki interface page
mNo edit summary
mNo edit summary
 
(6 intermediate revisions by the same user not shown)
Line 9: Line 9:
       id: 'discord-header-btn',
       id: 'discord-header-btn',
       class: 'citizen-header__button',
       class: 'citizen-header__button',
       href: 'https://discord.com/',
       href: 'https://discord.gg/bF9BgTzqZk',
       title: 'Join our Discord',
       title: 'Join the SonyPlaza Discord',
       'aria-label': 'Join our Discord',
       'aria-label': 'Join the SonyPlaza Discord',
       target: '_blank',
       target: '_blank',
       rel: 'noopener noreferrer'
       rel: 'noopener noreferrer'
     });
     });


    var svg = '' +
var svg =
      '<svg viewBox="0 0 245 240" aria-hidden="true" focusable="false" class="discord-icon" xmlns="http://www.w3.org/2000/svg">' +
  '<svg viewBox="0 0 16 16" aria-hidden="true" focusable="false" class="discord-icon" xmlns="http://www.w3.org/2000/svg">' +
      '  <path d="M104.4 103.9c-5.7 0-10.2 5-10.2 11.1 0 6.1 4.6 11.1 10.2 11.1 5.7 0 10.3-5 10.2-11.1 0-6.1-4.6-11.1-10.2-11.1zm36.2 0c-5.7 0-10.2 5-10.2 11.1 0 6.1 4.6 11.1 10.2 11.1 5.7 0 10.2-5 10.2-11.1 0-6.1-4.5-11.1-10.2-11.1z"/>' +
  '  <path d="M13.545 2.907a13.2 13.2 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.2 12.2 0 0 0-3.658 0 8 8 0 0 0-.412-.833.05.05 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.04.04 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032q.003.022.021.037a13.3 13.3 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019q.463-.63.818-1.329a.05.05 0 0 0-.01-.059l-.018-.011a9 9 0 0 1-1.248-.595.05.05 0 0 1-.02-.066l.015-.019q.127-.095.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.05.05 0 0 1 .053.007q.121.1.248.195a.05.05 0 0 1-.004.085 8 8 0 0 1-1.249.594.05.05 0 0 0-.03.03.05.05 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.2 13.2 0 0 0 4.001-2.02.05.05 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.03.03 0 0 0-.02-.019m-8.198 7.307c-.789 0-1.438-.724-1.438-1.612s.637-1.613 1.438-1.613c.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612m5.316 0c-.788 0-1.438-.724-1.438-1.612s.637-1.613 1.438-1.613c.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612"/>' +
      '  <path d="M189.5 20h-134C38.5 20 25 33.6 25 50.3v139.3C25 206.4 38.5 220 55.5 220h113.2l-5.3-18.4 12.8 11.9 12.1 11.2 21.4 19V50.3C209.7 33.6 196.2 20 179.2 20zm-39.1 130s-3.7-4.4-6.8-8.3c13.5-3.8 18.7-12.2 18.7-12.2-4.2 2.8-8.2 4.7-11.7 6-5.1 2.1-10 3.4-14.8 4.2-9.8 1.8-18.8 1.3-26.6-.1-5.8-1.1-10.8-2.7-15-4.2-2.3-.9-4.9-2-7.4-3.4-.3-.2-.6-.3-.9-.5-.2-.1-.3-.2-.4-.2-.8-.4-1.2-.7-1.2-.7s4.9 8.1 17.8 12c-3.1 3.9-6.9 8.5-6.9 8.5-22.7-.7-31.3-15.6-31.3-15.6 0-33 14.8-59.7 14.8-59.7 14.8-11.1 28.9-10.8 28.9-10.8l1 1.2c-18.6 5.3-27.1 13.3-27.1 13.3s2.3-1.3 6.1-3c11.1-4.9 19.9-6.2 23.6-6.6.6-.1 1.1-.2 1.7-.2 6.1-.8 13-1 20.2-.2 9.5 1.1 19.7 3.9 30.1 9.6 0 0-8.1-7.7-25.7-13l1.4-1.6s14.1-.3 28.9 10.8c0 0 14.8 26.7 14.8 59.7 0 0-8.6 14.8-31.3 15.6z"/>' +
  '</svg>';
      '</svg>';


     $btn.append( svg );
     $btn.append( svg );

Latest revision as of 03:04, 21 October 2025

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

mw.loader.using( 'mediawiki.util' ).then( function () {
  $( function () {
    var $start = $( '.citizen-header__start' );
    if ( !$start.length ) return;

    var $btn = $( '<a>', {
      id: 'discord-header-btn',
      class: 'citizen-header__button',
      href: 'https://discord.gg/bF9BgTzqZk',
      title: 'Join the SonyPlaza Discord',
      'aria-label': 'Join the SonyPlaza Discord',
      target: '_blank',
      rel: 'noopener noreferrer'
    });

	var svg =
	  '<svg viewBox="0 0 16 16" aria-hidden="true" focusable="false" class="discord-icon" xmlns="http://www.w3.org/2000/svg">' +
	  '  <path d="M13.545 2.907a13.2 13.2 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.2 12.2 0 0 0-3.658 0 8 8 0 0 0-.412-.833.05.05 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.04.04 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032q.003.022.021.037a13.3 13.3 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019q.463-.63.818-1.329a.05.05 0 0 0-.01-.059l-.018-.011a9 9 0 0 1-1.248-.595.05.05 0 0 1-.02-.066l.015-.019q.127-.095.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.05.05 0 0 1 .053.007q.121.1.248.195a.05.05 0 0 1-.004.085 8 8 0 0 1-1.249.594.05.05 0 0 0-.03.03.05.05 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.2 13.2 0 0 0 4.001-2.02.05.05 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.03.03 0 0 0-.02-.019m-8.198 7.307c-.789 0-1.438-.724-1.438-1.612s.637-1.613 1.438-1.613c.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612m5.316 0c-.788 0-1.438-.724-1.438-1.612s.637-1.613 1.438-1.613c.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612"/>' +
	  '</svg>';

    $btn.append( svg );

    var $hamburger = $start.find( 'button, a' ).first();
    ( $hamburger.length ? $btn.insertAfter( $hamburger ) : $start.prepend( $btn ) );
  } );
} );