<!DOCTYPE html>
<html lang="en">
    <link rel="icon" href="./logo.png" sizes="32x32">
    <meta name="description" content="Yazılım çözümleri, web tasarım ve dijital dönüşüm için doğru adres. Hemen ihtiyacınıza uygun yazılım projeleri oluşturun.">
    <meta name="keywords" content="yazılım, web tasarım, yazılım projeleri, yazılım hizmetleri, yazılım çözümleri">
    <meta name="author" content="yaziliminolsun.com.tr">
    <meta name="robots" content="index, follow">
    <title>Yazılımın Olsun - Özel Yazılım ve Web Tasarım Çözümleri</title>
    <link rel="canonical" href="https://www.yaziliminolsun.com.tr/" />
    <link rel="stylesheet" href="styles.css">
    <!-- Sosyal Medya için Open Graph Meta Etiketleri -->
    <meta property="og:title" content="Yazılımın Olsun - Yazılım ve Web Çözümleri">
    <meta property="og:description" content="Web tasarım ve yazılım çözümlerinde ihtiyacınıza uygun projeler oluşturun. Kaliteli ve hızlı çözümler sunuyoruz.">
    <meta property="og:image" content="./logo.png">
    <meta property="og:url" content="https://www.yaziliminolsun.com.tr">
    <meta property="og:type" content="website">
    <!-- Twitter Kartları için Meta Etiketler -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Yazılımın Olsun - Özel Yazılım ve Web Tasarım Çözümleri">
    <meta name="twitter:description" content="Web tasarım ve yazılım çözümleri için en iyi adres. Hemen bizimle iletişime geçin!">
    <meta name="twitter:image" content="./logo.png"">
</head>
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="hells.css">
    <link rel="shortcut icon" type="image/ico" href="./logo.png"/>
</head>
<script>
    document.addEventListener("DOMContentLoaded", function () {
        // Sağ tıklamayı engelle
        document.addEventListener("contextmenu", function (e) {
            e.preventDefault();
            alert("Sağ tıklama 'Yzo system protection v1.2' tarafından devre dışı bırakılmıştır.");
        });

        // CTRL + S veya diğer kısayolları engelle
        document.addEventListener("keydown", function (e) {
            if (
                (e.ctrlKey && e.key === "s") ||  // CTRL + S
                (e.ctrlKey && e.key === "u") ||  // CTRL + U
                (e.ctrlKey && e.key === "p") ||  // CTRL + P
                (e.ctrlKey && e.key === "a") ||  // CTRL + A
                (e.ctrlKey && e.key === "t") ||  // CTRL + T
                (e.key === "F12")                // Geliştirici Araçları
            ) {
                e.preventDefault();
                alert("Yaptığınız işlem 'Yzo system protection v1.2' tarafından devre dışı bırakılmıştır.");
            }
        });

        // Tarayıcıdan metin seçimini engelle
        document.addEventListener("selectstart", function (e) {
            e.preventDefault();
        });

        // Sayfa kaynağına erişimi zorlaştır
        document.addEventListener("copy", function (e) {
            e.preventDefault();
            alert("'Yzo system protection v1.2' tarafından devre dışı bırakılmıştır. Kopyalama işlemi.");
        });

        // Tarayıcıya özel işlevler için ekstra engel (fare kontrolü)
        document.addEventListener("mousedown", function (e) {
            if (e.button === 2 || e.button === 3) {
                e.preventDefault();
            }
        });

        // Tarayıcı kontrolü: User-Agent doğrulaması
        const userAgent = navigator.userAgent.toLowerCase();
        const blockedAgents = ["httrack", "wget", "curl", "node", "flame"];
        blockedAgents.forEach(agent => {
            if (userAgent.includes(agent)) {
                alert("Bu araç 'Yzo system protection v1.2' tarafından engellenmiştir.");
                document.body.innerHTML = "<h1>Erişim Engellendi</h1>";
                throw new Error("Engellenen User-Agent tespit edildi: " + userAgent);
            }
        });

        // iFrame'de çalışmayı engelle
        if (window.top !== window.self) {
            alert("Bu sayfa iframe içinde görüntülenemez!");
            window.top.location = window.self.location;
        }

        // Token veya Dinamik Doğrulama
        const token = generateToken();
        console.log("Token: ", token); // Sunucuya gönderilecek token

        // Token oluşturma fonksiyonu
        function generateToken() {
            return btoa(Date.now().toString() + Math.random().toString());
        }

        // Sunucuya heartbeat göndermek için mekanizma
        setInterval(() => {
            fetch('/heartbeat', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                    'X-Custom-Token': token
                },
                body: JSON.stringify({ timestamp: Date.now() })
            }).catch(err => {
                console.error('Sunucuya bağlantı başarısız:', err);
            });
        }, 30000); // 30 saniyede bir sunucuya bildirim gönder
    });
</script>
<body>

    <!-- Logo ekle -->
    <div class="logo">
        <img src="logo.png" alt="Logo">
    </div>

    <div class="wrapper" id="main-wrapper">
        <div class="container">
            <h1>Destek</h1>
        </div>

        <!-- Yeni beyaz kutu ekle -->
        <div class="why-choose-box">
            <h2 class="why-choose-title">İLETİŞİM ADRESLERİMİZ</h2>
            <ul class="why-choose-list">
                <li>yzlsatis@gmail.com</li>
                <li>instagram : @yaziliminolsun.official</li>
                <li>TikTok : @yaziliminolsun.official</li>
                <li>Tek bir tuş ile hayallerinizi süsleyin.</li>
                <li>Siteye giren müşteri sayınızı öğrenin.</li>
                <li>Yazılımınız Olsun :)</li>
            </ul>
            <style>
                /* Butonların modern görünümünü ayarlamak için CSS */
                .buttons {
                    display: flex;
                    flex-wrap: wrap; /* Mobil uyum için satır kaydırmayı etkinleştir */
                    gap: 10px;
                    justify-content: center; /* Butonları merkeze hizala */
                    margin-top: 20px;
                }
            
                .info-button {
                    display: block;
                    flex: 1 1 100%; /* Mobilde butonları tam genişlikte yap */
                    max-width: 300px; /* Buton genişliğini sınırla */
                    margin: 10px auto; /* Mobilde her bir butonu ortala */
                    padding: 12px;
                    background-color: #333;
                    color: white;
                    border: none;
                    border-radius: 8px;
                    font-size: 16px;
                    font-weight: bold;
                    text-align: center;
                    cursor: pointer;
                    transition: background-color 0.3s ease;
                }
            
                .info-button:hover {
                    background-color: #555;
                }
            
                .info-button:focus {
                    outline: none;
                }
            
                .rainbow-button {
                    border: none;
                    background-color: transparent;
                    color: white;
                    padding: 12px;
                    font-size: 16px;
                    cursor: pointer;
                    position: relative;
                    overflow: hidden;
                    background: linear-gradient(45deg, 
                        rgba(255, 0, 0, 0.5), 
                        rgba(255, 165, 0, 0.5), 
                        rgba(255, 255, 0, 0.5), 
                        rgba(0, 128, 0, 0.5), 
                        rgba(0, 0, 255, 0.5), 
                        rgba(75, 0, 130, 0.5), 
                        rgba(238, 130, 238, 0.5)
                    );
                    background-size: 400% 400%;
                    animation: rainbowMove 15s ease infinite;
                }
            
                .rainbow-button::before {
                    content: "";
                    position: absolute;
                    top: 0;
                    right: 0;
                    bottom: 0;
                    left: 0;
                    background: rgba(0, 0, 0, 0.3);
                    z-index: 1;
                }
            
                .rainbow-button::after {
                    content: "";
                    position: absolute;
                    top: 0;
                    right: 0;
                    bottom: 0;
                    left: 0;
                    box-shadow: 0 0 20px 10px rgba(255, 255, 255, 0.3);
                    background: radial-gradient(circle at center, rgba(0, 0, 0, 0.3) 0%, transparent 100%);
                    opacity: 0;
                    z-index: -1;
                    animation: shadowMove 10s infinite linear;
                }
            
                @keyframes rainbowMove {
                    0% { background-position: 0% 50%; }
                    50% { background-position: 100% 50%; }
                    100% { background-position: 0% 50%; }
                }
            
                @keyframes shadowMove {
                    0% { transform: scale(1); opacity: 0; }
                    50% { transform: scale(1.2); opacity: 0.5; }
                    100% { transform: scale(1); opacity: 0; }
                }
            
                @media (min-width: 768px) {
                    .info-button {
                        flex: 0 1 auto; /* Tablet ve üzeri cihazlarda butonları genişliklerine göre hizala */
                        margin: 0;
                    }
                }
            </style>
            
            <div class="buttons">
                <button class="info-button" id="cookies-info">Çerezler</button>
                <button class="info-button" id="seo-info">SEO Nedir</button>
                <button class="info-button rainbow-button" id="free-website">Ücretsiz Web Sitesi</button>
            </div>
            
            <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> 
            
            <script>
                $(document).ready(function() {
                    // Çerezler butonuna tıklanma olayı
                    $('#cookies-info').click(function() {
                        window.location.href = './cookie.html';
                    });
            
                    // SEO butonuna tıklanma olayı
                    $('#seo-info').click(function() {
                        window.location.href = './seo.html';
                    });
            
                    // Ücretsiz Web Sitesi butonuna tıklanma olayı
                    $('#free-website').click(function() {
                        window.location.href = './dc-info.html';
                    });
                });
            </script>
            
        </div>
        <ul class="bg-bubbles">
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
        
    </div>

    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://unpkg.com/magic-snowflakes/dist/snowflakes.min.js"></script>

    <script>
        $(document).ready(function() {
            // İlan geçiş işlevi
            let currentAdIndex = 0;
            const adItems = $('.ad-item');
            const adsToShow = 4;
            const totalAdItems = adItems.length;

            function updateAdsVisibility() {
                adItems.hide();
                for (let i = currentAdIndex; i < currentAdIndex + adsToShow && i < totalAdItems; i++) {
                    $(adItems[i]).show();
                }
            }

            $('#next-ad').click(function () {
                if (currentAdIndex + adsToShow < totalAdItems) {
                    currentAdIndex++;
                    updateAdsVisibility();
                }
            });

            $('#prev-ad').click(function () {
                if (currentAdIndex > 0) {
                    currentAdIndex--;
                    updateAdsVisibility();
                }
            });

            updateAdsVisibility(); // Başlangıçta ilk 4 ilan gösterilsin

        document.addEventListener('DOMContentLoaded', () => {
        const snowflakes = new Snowflakes({
            color: '#00FFFF', // Neon rengi
            count: 50, // Kar tanesi sayısı
            minSize: 5, // Minimum boyut
            maxSize: 15, // Maksimum boyut
        });
    });
    </script>
</body>
</html>
