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 347: Baris 347:
});
});


/* 1. Smart Did You Know (Fakta Unik Random) */
/* 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)');
    });
});
 
/* Smart Random Toaster: Fakta Unik & Informasi Mippedia */
$(document).ready(function() {
$(document).ready(function() {
     if (mw.config.get('wgIsArticle') && mw.config.get('wgNamespaceNumber') === 0) {
     if (mw.config.get('wgIsArticle') && mw.config.get('wgNamespaceNumber') === 0) {
         var facts = [
       
             "Mippedia dikelola sepenuhnya oleh Mippedia Community.",
        // DATABASE KONTEN (Fakta & Info)
             "Tahukah kamu? Kamu bisa mendengarkan artikel ini lewat ikon 🔊 di atas!",
         var mippediaDatabase = [
             "Mippedia berfokus pada sejarah, musik, dan teknologi.",
             // Kategori: Fakta Unik (💡)
             "Ingin berkontribusi? Hubungi pengelola Mippedia sekarang!"
            { type: "💡 FAKTA UNIK", text: "Mippedia adalah proyek ensiklopedia mandiri yang berfokus pada sejarah, musik, dan teknologi." },
            { type: "💡 FAKTA UNIK", text: "Rumi Haitami, pendiri Mippedia, juga merupakan seorang musisi dan pengusaha asal Indonesia." },
            { type: "💡 FAKTA UNIK", text: "Nama 'Mippedia' diambil dari gabungan identitas komunitas Mippedia Community." },
            { type: "💡 FAKTA UNIK", text: "Mippedia menggunakan sistem manajemen file lokal dan tidak berafiliasi dengan Wikimedia Commons." },
             { type: "💡 FAKTA UNIK", text: "Proyek Mippedia mencakup berbagai bahasa untuk menjangkau pengetahuan global." },
            { type: "💡 FAKTA UNIK", text: "Mippedia memiliki portal pencarian khusus untuk mempermudah navigasi antar sub-proyek." },
            { type: "💡 FAKTA UNIK", text: "Setiap artikel di sini dirancang untuk memenuhi standar dokumentasi profesional." },
            { type: "💡 FAKTA UNIK", text: "Mippedia Community bertanggung jawab penuh atas pemeliharaan infrastruktur digital ini." },
            { type: "💡 FAKTA UNIK", text: "Sugar Store Id adalah salah satu entitas bisnis yang terkait dengan ekosistem Mippedia." },
            { type: "💡 FAKTA UNIK", text: "Data di Mippedia tersambung dengan basis data Mippedia Data untuk akurasi informasi." },
           
            // Kategori: Informasi (ℹ️)
            { type: "ℹ️ INFORMASI", text: "Gunakan ikon 🔊 di pojok kanan atas untuk mendengarkan isi artikel secara otomatis." },
            { type: "ℹ️ INFORMASI", text: "Seluruh konten Mippedia tersedia di bawah lisensi Creative Commons (CC BY-SA 4.0)." },
            { type: "ℹ️ INFORMASI", text: "Anda bisa melihat estimasi waktu baca di bagian bawah judul artikel." },
            { type: "ℹ️ INFORMASI", text: "Klik ikon ≡ di pojok kanan bawah untuk melompat antar bagian artikel dengan cepat." },
            { type: "ℹ️ INFORMASI", text: "Mippedia mendukung tampilan Dark Mode untuk kenyamanan membaca di malam hari." },
             { type: "ℹ️ INFORMASI", text: "Anda bisa berkontribusi menyunting artikel dengan menghubungi pengelola Mippedia Community." },
            { type: "ℹ️ INFORMASI", text: "Gunakan fitur pencarian di header untuk menemukan ribuan topik sejarah dan teknologi." },
             { type: "ℹ️ INFORMASI", text: "Pastikan Anda memeriksa sumber referensi di bagian bawah setiap artikel." },
            { type: "ℹ️ INFORMASI", text: "Mippedia mengutamakan privasi pengguna sesuai dengan Kebijakan Privasi yang berlaku." },
            { type: "ℹ️ INFORMASI", text: "Versi mobile Mippedia telah dioptimasi untuk kecepatan akses di jaringan 4G/5G." }
         ];
         ];
        // ACAK SATU KONTEN
        var randomItem = mippediaDatabase[Math.floor(Math.random() * mippediaDatabase.length)];
          
          
         var randomFact = facts[Math.floor(Math.random() * facts.length)];
         // MUNCULKAN SETELAH 5 DETIK
       
         setTimeout(function() {
         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;">' +
             var $toaster = $('<div id="smart-toaster" style="position:fixed; top:25px; left:20px; right:20px; background:rgba(255,255,255,0.98); border-left:5px solid #36c; color:#333; padding:15px; border-radius:12px; z-index:11000; box-shadow:0 10px 30px rgba(0,0,0,0.15); backdrop-filter:blur(10px); display:none; font-family:sans-serif;">' +
                 '💡 <b>Fakta Unik:</b> ' + randomFact +
                 '<div style="color:#36c; font-weight:bold; font-size:11px; margin-bottom:5px; text-transform:uppercase; letter-spacing:1px;">' + randomItem.type + '</div>' +
                '<div style="font-size:13px; line-height:1.4; color:#444;">' + randomItem.text + '</div>' +
                 '</div>');
                 '</div>');
              
              
             $('body').append($factPop);
             $('body').append($toaster);
             $factPop.slideDown().delay(5000).slideUp();
             $toaster.slideDown(500).delay(6000).slideUp(500, function() { $(this).remove(); });
         }, 8000); // Muncul setelah 8 detik baca
         }, 5000);  
     }
     }
});
/* 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)');
    });
});
});