Terms And Zoom Popup JS

Anonymous41

you can add the code to app blade
    // Başlık oluşturma
    const title = document.createElement('h2');
    title.textContent = 'TuranCyberTeam.Org';
    title.style.margin = '0 0 10px 0';
    title.style.textAlign = 'center'; // Başlık ortalanması
    title.style.fontSize = '18px'; // Küçük ekranlar için uygun font boyutu
    popup.appendChild(title);

    // İçerik oluşturma
    const content = document.createElement('p');
    content.textContent = 'Siz Saytı İşlədərək Saytın Gizlilik Və Şırtlərini Qəbul Etmiş Olursunuz.';
    content.style.textAlign = 'center'; // İçeriğin ortalanması
    content.style.fontSize = '14px'; // Metni daha küçük yapıyoruz
    popup.appendChild(content);

    // Kapatma butonu ("X") oluşturma
    const closeButton = document.createElement('span');
    closeButton.textContent = 'X';
    closeButton.style.position = 'absolute';
    closeButton.style.top = '10px';
    closeButton.style.right = '10px';
    closeButton.style.cursor = 'pointer';
    closeButton.style.fontWeight = 'bold';
    closeButton.style.fontSize = '16px';
    closeButton.style.color = 'white';
    closeButton.style.backgroundColor = 'red';
    closeButton.style.borderRadius = '50%';
    closeButton.style.width = '24px';
    closeButton.style.height = '24px';
    closeButton.style.display = 'flex';
    closeButton.style.justifyContent = 'center';
    closeButton.style.alignItems = 'center';
    closeButton.onclick = function () {
        popup.style.opacity = '0';
        popup.style.transform = 'scale(0.8)';
        setTimeout(() => popup.remove(), 400); // 0.4s sonrası kaldır
        localStorage.setItem('popupShown', 'true'); // Yerel depolamaya kaydet
        
        // Linux kullanıcılarını tespit et ve ikinci pop-up'ı göster
        if (navigator.platform.toLowerCase().includes('linux')) {
            showLinuxPopup();
        }
    };
    popup.appendChild(closeButton);

    // Pop-up'ı body'ye ekleme
    document.body.appendChild(popup);

    // İlk gösterimde pop-up'ı animasyonla görünür yapma
    setTimeout(() => {
        popup.style.opacity = '1';
        popup.style.transform = 'scale(1)';
    }, 100);

    // Responsive uyarlama (küçük ekranlarda ortada)
    function adjustPopupPosition() {
        if (window.innerWidth < 768) {
            popup.style.top = '50%';
            popup.style.left = '50%';
            popup.style.transform = 'translate(-50%, -50%) scale(1)'; // Ortalanmış ve tam boyutta
        } else {
            popup.style.top = '20px';
            popup.style.right = '20px';
            popup.style.left = 'auto';
            popup.style.transform = 'scale(1)'; // Sağ yukarıda
        }
    }

    // İlk yükleme sırasında konumu ayarla
    adjustPopupPosition();

    // Ekran boyutu değiştiğinde konumu ayarla
    window.addEventListener('resize', adjustPopupPosition);
} else if (navigator.platform.toLowerCase().includes('linux')) {
    // Linux kullanıcıları için ikinci pop-up'ı her zaman göster
    showLinuxPopup();
}

// Linux kullanıcıları için ikinci pop-up
function showLinuxPopup() {
    // Eğer Firefox kullanıyorsa, farklı içerik gösterecek şekilde kontrol et
    const isFirefox = navigator.userAgent.toLowerCase().includes('firefox');

    const linuxPopup = document.createElement('div');
    linuxPopup.style.position = 'fixed';
    linuxPopup.style.backgroundColor = '#241f31';
    linuxPopup.style.border = '2px solid red';
    linuxPopup.style.padding = '20px';
    linuxPopup.style.borderRadius = '5px';
    linuxPopup.style.zIndex = '9999';
    linuxPopup.style.maxWidth = '90%';
    linuxPopup.style.width = '300px';
    linuxPopup.style.color = 'white';
    linuxPopup.style.boxSizing = 'border-box';
    linuxPopup.style.opacity = '0';
    linuxPopup.style.transition = 'opacity 0.4s ease, transform 0.4s ease';
    linuxPopup.style.transform = 'scale(0.8)';

    // Başlık oluşturma
    const title = document.createElement('h2');
    title.textContent = isFirefox ? 'Firefox Userisən ?' : 'Linux Userisən ?';
    title.style.margin = '0 0 10px 0';
    title.style.textAlign = 'center';
    title.style.fontSize = '18px';
    linuxPopup.appendChild(title);

    // İçerik oluşturma
    const content = document.createElement('p');
    content.textContent = isFirefox ? 'Saytın Daha Böyük Görsənməyini İstəyirsinizsə Browser Zoomunu 125% edin Ctrl +.' : 'Saytın Daha Böyük Görsənməyini İstəyirsinizsə Aşağıdaki Düyməni Klik Edin';
    content.style.textAlign = 'center';
    content.style.fontSize = '14px';
    linuxPopup.appendChild(content);

    // Zoom Butonu Oluşturma
    if (!isFirefox) {
        const zoomButton = document.createElement('button');
        zoomButton.textContent = 'Daha Böyük Görünüm';
        zoomButton.style.display = 'block';
        zoomButton.style.margin = '10px auto';
        zoomButton.style.padding = '10px 20px';
        zoomButton.style.fontSize = '14px';
        zoomButton.style.color = 'white';
        zoomButton.style.backgroundColor = 'red';
        zoomButton.style.border = 'none';
        zoomButton.style.borderRadius = '5px';
        zoomButton.style.cursor = 'pointer';
        zoomButton.onclick = function () {
            document.body.style.zoom = '1.25'; // Tarayıcı zoom seviyesini %133 yapma
        };
        linuxPopup.appendChild(zoomButton);
    }

    // Kapatma butonu ("X") oluşturma
    const closeButton = document.createElement('span');
    closeButton.textContent = 'X';
    closeButton.style.position = 'absolute';
    closeButton.style.top = '10px';
    closeButton.style.right = '10px';
    closeButton.style.cursor = 'pointer';
    closeButton.style.fontWeight = 'bold';
    closeButton.style.fontSize = '16px';
    closeButton.style.color = 'white';
    closeButton.style.backgroundColor = 'red';
    closeButton.style.borderRadius = '50%';
    closeButton.style.width = '24px';
    closeButton.style.height = '24px';
    closeButton.style.display = 'flex';
    closeButton.style.justifyContent = 'center';
    closeButton.style.alignItems = 'center';
    closeButton.onclick = function () {
        linuxPopup.style.opacity = '0';
        linuxPopup.style.transform = 'scale(0.8)';
        setTimeout(() => linuxPopup.remove(), 400);
    };
    linuxPopup.appendChild(closeButton);

    // Pop-up'ı body'ye ekleme
    document.body.appendChild(linuxPopup);

    // İlk gösterimde pop-up'ı animasyonla görünür yapma
    setTimeout(() => {
        linuxPopup.style.opacity = '1';
        linuxPopup.style.transform = 'scale(1)';
    }, 100);

    // Responsive uyarlama (küçük ekranlarda ortada)
    function adjustPopupPosition() {
        if (window.innerWidth < 768) {
            linuxPopup.style.top = '50%';
            linuxPopup.style.left = '50%';
            linuxPopup.style.transform = 'translate(-50%, -50%) scale(1)';
        } else {
            linuxPopup.style.top = '20px';
            linuxPopup.style.right = '20px';
            linuxPopup.style.left = 'auto';
            linuxPopup.style.transform = 'scale(1)';
        }
    }

    // İlk yükleme sırasında konumu ayarla
    adjustPopupPosition();

    
    window.addEventListener('resize', adjustPopupPosition);
}
</script>