MediaWiki:Common.js: Perbedaan antara revisi

Tidak ada ringkasan suntingan
Tanda: Suntingan perangkat seluler Suntingan peramban seluler
Tidak ada ringkasan suntingan
Tanda: Suntingan perangkat seluler Suntingan peramban seluler
Baris 320: Baris 320:
`).appendTo("head");
`).appendTo("head");


/* 1. Custom Brand Watermark (Background Samar) */
$(document).ready(function() {
    if (mw.config.get('wgIsArticle')) {
        var $watermark = $('<div id="mippedia-wm" style="position:fixed; bottom:10%; right:-5%; font-size:120px; font-weight:bold; color:rgba(54,102,204,0.03); transform:rotate(-30deg); pointer-events:none; z-index:-1; user-select:none;">MIPPEDIA</div>');
        $('body').append($watermark);
    }
});


/* 2. Smart Image Glow (Fokus Visual) */
/* 2. Smart Image Glow (Fokus Visual) */
Baris 355: Baris 347:
});
});


/* 3. Cleanup UI: Hapus Garis Bawah di Tombol Navigasi */
/* 1. Smart Did You Know (Fakta Unik Random) */
$("<style>").prop("type", "text/css").html(`
$(document).ready(function() {
    #quick-nav, #ca-speak-icon { text-decoration: none !important; }
    if (mw.config.get('wgIsArticle') && mw.config.get('wgNamespaceNumber') === 0) {
     .page-actions-menu__list-item a { text-decoration: none !important; }
        var facts = [
`).appendTo("head");
            "Mippedia dikelola sepenuhnya oleh Mippedia Community.",
            "Tahukah kamu? Kamu bisa mendengarkan artikel ini lewat ikon 🔊 di atas!",
            "Mippedia berfokus pada sejarah, musik, dan teknologi.",
            "Ingin berkontribusi? Hubungi pengelola Mippedia sekarang!"
        ];
       
        var randomFact = facts[Math.floor(Math.random() * facts.length)];
       
        setTimeout(function() {
            var $factPop = $('<div id="fact-pop" style="position:fixed; top:20px; left:20px; right:20px; background:rgba(54,102,204,0.95); color:#fff; padding:12px; border-radius:15px; font-size:12px; z-index:10005; text-align:center; box-shadow:0 10px 20px rgba(0,0,0,0.2); backdrop-filter:blur(5px); display:none;">' +
                '💡 <b>Fakta Unik:</b> ' + randomFact +
                '</div>');
           
            $('body').append($factPop);
            $factPop.slideDown().delay(5000).slideUp();
        }, 8000); // Muncul setelah 8 detik baca
     }
});
 
/* 2. End-of-Page Social Pulse (Animasi Share di Bawah) */
$(document).ready(function() {
    $(window).scroll(function() {
        if ($(window).scrollTop() + $(window).height() > $(document).height() - 100) {
            if ($('#end-share').length === 0) {
                var $endShare = $('<div id="end-share" style="text-align:center; padding:20px; background:#f8f9fa; border-top:2px solid #36c; margin-top:20px; animation: fadeIn 0.8s;">' +
                    '<h4 style="color:#36c; margin-bottom:10px;">Bermanfaat? Bagikan sekarang!</h4>' +
                    '<div style="display:flex; justify-content:center; gap:20px;">' +
                        '<a href="https://what.me/?text=' + encodeURIComponent(window.location.href) + '" style="font-size:24px;">🟢</a>' +
                        '<a href="https://facebook.com/sharer/sharer.php?u=' + encodeURIComponent(window.location.href) + '" style="font-size:24px;">🔵</a>' +
                        '<a href="https://twitter.com/intent/tweet?url=' + encodeURIComponent(window.location.href) + '" style="font-size:24px;">⚫</a>' +
                    '</div>' +
                    '</div>');
                $('.mw-parser-output').append($endShare);
            }
        }
    });
});
 
/* 3. Custom Image Zoom (Tanpa Klik) */
$(document).ready(function() {
    // Memberikan efek zoom halus saat gambar tersentuh di mobile
    $('.mw-parser-output img').on('touchstart', function() {
        $(this).css('transform', 'scale(1.1)');
    }).on('touchend', function() {
        $(this).css('transform', 'scale(1)');
    });
});