MediaWiki:Citizen.js

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)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* 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: 'my-header-btn',
      class: 'citizen-header__button cdx-button cdx-button--icon-only cdx-button--weight-quiet',
      href: mw.util.getUrl( 'Special:Random' ),
      title: 'Random page',
      'aria-label': 'Random page'
    })
    .append( $( '<span>', { class: 'mw-ui-icon mw-ui-icon-wikimedia-random' } ) );

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