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.

$(function () {
    // citizen-header__start is the top section of citizen-header__inner,
    // which sits just below the drawer toggle in sidebar (column) mode.
    var headerStart = document.querySelector('.citizen-header__start');
    if (!headerStart) {
        return;
    }

    var link = document.createElement('a');
    link.href = '/index.php/Special:CreatePage';
    // Match the same classes used by Preferences/UserMenu buttons in the header
    link.className = 'cdx-button cdx-button--weight-quiet cdx-button--size-large cdx-button--icon-only';
    link.title = 'Create a new page';
    link.setAttribute('aria-label', 'Create a new page');
    // Inline SVG: no external font/CSS needed, renders immediately with the element
    link.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" aria-hidden="true"><path fill="currentColor" d="M13 9h5.5L13 3.5V9M6 2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2m5 10v3H8v2h3v3h2v-3h3v-2h-3v-3h-2z"/></svg>';

    headerStart.prepend(link);
});