Common.js

참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.
파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
오페라: Ctrl-F5를 입력.
$(function() {
    $('body').prepend('<div class="WW-bg" style="position:fixed;top:0px;left:0px;width:100%;height:100vh;"></div>');
});

// 오른쪽 사이드바
$(function() {
    var username = mw.config.get('wgUserName');
    var isLoggedIn = username !== null;
    
    var sidebar = '<div id="clbi-right-sidebar">' +
        '<div class="clbi-right-box">' +
        '<div class="clbi-right-title">👤 ' + (isLoggedIn ? username : '로그인') + '</div>' +
        '<div class="clbi-right-content">' +
        (isLoggedIn ? 
            '<a href="/index.php/특수:내_사용자_문서">내 문서</a><br>' +
            '<a href="/index.php/특수:환경_설정">환경설정</a><br>' +
            '<a href="/index.php?title=특수:사용자_로그아웃&returnto=대문">로그아웃</a>' :
            '<a href="/index.php?title=특수:로그인&returnto=대문">로그인</a>') +
        '</div></div>' +
        '<div class="clbi-right-box">' +
        '<div class="clbi-right-title">🔍 검색</div>' +
        '<div class="clbi-right-content">' +
        '<input id="clbi-search-input" type="text" placeholder="검색...">' +
        '<button id="clbi-search-btn">GO</button>' +
        '</div></div>' +
        '<div class="clbi-right-box">' +
        '<div class="clbi-right-title">📋 최근 변경</div>' +
        '<div class="clbi-right-content">' +
        '<a href="/index.php/특수:최근_바뀜">최근 바뀜 보기</a>' +
        '</div></div>' +
        '<div class="clbi-right-box">' +
        '<div class="clbi-right-title">📖 가이드</div>' +
        '<div class="clbi-right-content">' +
        '<a href="/index.php/CLBI_Wiki/KR_시작하기_(CLBI)">시작하기</a>' +
        '</div></div>' +
        '</div>';
    
    $('.content-wrapper').append(sidebar);
    
    $('#clbi-search-btn').click(function() {
        var query = $('#clbi-search-input').val();
        if(query) window.location.href = '/index.php?search=' + encodeURIComponent(query);
    });
    $('#clbi-search-input').keypress(function(e) {
        if(e.which == 13) $('#clbi-search-btn').click();
    });
});

// 왼쪽 사이드바
$(function() {
    var imgBase = '/index.php/특수:문서_검색?target=파일:';
    var ic1 = '/wiki/images/' + mw.config.get('wgServer') + '/파일:ic-ui-001.svg';

    var leftSidebar = '<div id="clbi-left-sidebar">' +
        // 언어
        '<div class="clbi-left-box">' +
        '<div class="clbi-left-title"><img src="/index.php?title=특수:Redirect/file/ic-ui-001.svg&width=18"> 언어</div>' +
        '<div class="clbi-left-content clbi-lang-box">' +
        '<div class="clbi-lang-current">한국어</div>' +
        '<div class="clbi-lang-link"><a href="/index.php/대문/EN">English</a></div>' +
        '</div></div>' +
        // 카테고리
        '<div class="clbi-left-box">' +
        '<div class="clbi-left-title"><img src="/index.php?title=특수:Redirect/file/ic-ui-002.svg&width=18"> 카테고리</div>' +
        '<div class="clbi-left-content clbi-cat-box">' +
        '<div class="clbi-cat-btn"><a href="/index.php/대문"><div class="clbi-cat-text"><span class="clbi-cat-label">메인 메뉴</span><span class="clbi-cat-sub">MAIN MENU</span></div></a><div class="clbi-cat-arrow">▶</div></div>' +
        '<div class="clbi-cat-btn"><a href="/index.php/CLBI_Wiki/KR_국가_및_조합"><div class="clbi-cat-text"><span class="clbi-cat-label">국가 및 조합</span><span class="clbi-cat-sub">NATIONS & FACTIONS</span></div></a><div class="clbi-cat-arrow">▶</div></div>' +
        '<div class="clbi-cat-btn"><a href="/index.php/CLBI_Wiki/KR_기업_및_공동체"><div class="clbi-cat-text"><span class="clbi-cat-label">기업 및 공동체</span><span class="clbi-cat-sub">CORPORATIONS & COMMUNITIES</span></div></a><div class="clbi-cat-arrow">▶</div></div>' +
        '<div class="clbi-cat-btn"><a href="/index.php/CLBI_Wiki/KR_군_정치집단"><div class="clbi-cat-text"><span class="clbi-cat-label">군, 정치집단</span><span class="clbi-cat-sub">MILITARY & POLITICS</span></div></a><div class="clbi-cat-arrow">▶</div></div>' +
        '<div class="clbi-cat-btn"><a href="/index.php/CLBI_Wiki/KR_역사적_사건"><div class="clbi-cat-text"><span class="clbi-cat-label">역사적 사건</span><span class="clbi-cat-sub">HISTORICAL EVENTS</span></div></a><div class="clbi-cat-arrow">▶</div></div>' +
        '<div class="clbi-cat-btn"><a href="/index.php/CLBI_Wiki/KR_인물"><div class="clbi-cat-text"><span class="clbi-cat-label">인물</span><span class="clbi-cat-sub">KEY PERSONNEL</span></div></a><div class="clbi-cat-arrow">▶</div></div>' +
        '</div></div>' +
        // 링크
        '<div class="clbi-left-box">' +
        '<div class="clbi-left-title"><img src="/index.php?title=특수:Redirect/file/ic-ui-003.svg&width=18"> 링크</div>' +
        '<div class="clbi-left-content clbi-link-box">' +
        '<ul>' +
        '<li><a href="https://discord.gg/ctaeJ9d3Q5" target="_blank">Discord</a></li>' +
        '<li><a href="https://www.youtube.com/@nxdsxn" target="_blank">YouTube</a></li>' +
        '<li><a href="https://x.com/nxd_sxn" target="_blank">X</a></li>' +
        '</ul>' +
        '</div></div>' +
        '</div>';

    $('body').prepend(leftSidebar);
});
미디어위키:Common.js
