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() {
    // Load FontAwesome
    var fa = document.createElement('link');
    fa.rel = 'stylesheet';
    fa.href = 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css';
    document.head.appendChild(fa);
    
    var header = document.querySelector('.citizen-header');
    var drawer = header.querySelector('.citizen-drawer');
    
    if (header && drawer) {
        var buttonDiv = document.createElement('div');
        buttonDiv.className = 'citizen-header__item';
        
        var link = document.createElement('a');
        link.href = '/index.php/Special:CreatePage';
        link.className = 'citizen-header__button';
        link.title = 'Create a new page';
        
        link.innerHTML = '<span class="citizen-ui-icon" style="display:flex;align-items:center;justify-content:center;font-size:20px;"><i class="fa-solid fa-file-circle-plus"></i></span>';
        
        buttonDiv.appendChild(link);
        drawer.after(buttonDiv);  // Insert after the drawer
    }
});