<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <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="https://www.yaziliminolsun.com.tr/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="https://www.yaziliminolsun.com.tr/logo.png">
    <!-- Favicon -->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        body {
            margin: 0;
            font-family: Arial, sans-serif;
        }

        .announcement-bar {
            background-color: #003366; /* Kapalı mavi renk */
            color: white;
            text-align: center;
            padding: 3px;
            font-size: 15px;
            position: fixed;
            top: 0;
            width: 100%;
            z-index: 9999;
        }

        .fixed-bar {
            position: sticky;
            top: 0;
            background-color: #003366;
            color: white;
            text-align: center;
            padding: 2px;
            font-size: 12px;
        }
                /* Mobilde görünmemesi için */
    @media (max-width: 768px) {
        .announcement-bar {
            display: none;
        }

        .fixed-bar {
            display: none;
        }
    }
    </style>
</head>

    <div class="announcement-bar">
        <p>Tüm geçerli ilanlarımızda 1 HAFTA ÜCRETSİZ DENEME, işletmenizi 1 adım önde tutun.</p>
    </div>
    <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>
    <style>
        #cookieAlert{
            position: fixed;
            bottom: 20px;
            left: 20px;
            background-color: rgba(99, 36, 36, 0.5); /* Saydam arka plan */
            color: white;
            padding: 10px 20px;
            border-radius: 10px;
            font-family: Arial, sans-serif;
            font-size: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.7); /* Siyah gölge */
            border: 4px solid transparent; /* Başlangıçta şeffaf sınır */
            animation: drawBorder 20s linear forwards; /* Animasyonla sınır çizimi */
            opacity: 1; /* Başlangıçta tamamen görünür */
            transition: opacity 2s ease-out; /* Saydamlaşma için geçiş animasyonu */
            cursor: pointer; /* Tıklanabilir olduğunu gösterir */
            text-decoration: none; /* Alt çizgiyi kaldırır */
        }
    
        #seoAlert {
            position: fixed;
            bottom: 20px;
            left: 20px;
            background-color: rgba(40, 66, 116, 0.5); /* Saydam arka plan */
            color: white;
            padding: 10px 20px;
            border-radius: 10px;
            font-family: Arial, sans-serif;
            font-size: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.7); /* Siyah gölge */
            border: 4px solid transparent; /* Başlangıçta şeffaf sınır */
            animation: drawBorder 20s linear forwards; /* Animasyonla sınır çizimi */
            opacity: 1; /* Başlangıçta tamamen görünür */
            transition: opacity 2s ease-out; /* Saydamlaşma için geçiş animasyonu */
            cursor: pointer; /* Tıklanabilir olduğunu gösterir */
            text-decoration: none; /* Alt çizgiyi kaldırır */
        }
    
        #cookieAlert:hover, #seoAlert:hover {
            text-decoration: underline; /* Üzerine gelince alt çizgi ekler */
        }
    
        #seoAlert {
            bottom: -60px; /* Çerez kutusundan sonra gelsin */
            animation: moveUp 1s forwards;
            animation-delay: 5s; /* Çerez uyarısı 5 saniye sonra kaybolur */
        }
    
        @keyframes moveUp {
            to {
                bottom: 20px;
            }
        }
    
        @keyframes fadeOut {
            to {
                opacity: 0;
                visibility: hidden;
            }
        }
        @media (max-width: 768px) {
            #cookieAlert, #seoAlert {
                display: none; /* Hide alerts on mobile */
            }
        }
    </style>
    </head>
    <body>
        <!-- Çerez uyarı kutusu -->
        <a id="cookieAlert" href="./cookie.html" style="animation: fadeOut 1s forwards; animation-delay: 5s;">
            Dikkat Siteye Girişinizde Çerezler Alınır.
        </a>
    
        <!-- SEO uyarı kutusu -->
        <a id="seoAlert" href="./seo.html">
            Tüm Satış Sitelerimizde SEO uyumludur.
        </a>
    </body>
    <style>
        :root {
            --bg-color: #444;
            --card-color: #333333;
            --text-color: #ffffff;
            --button-bg: #0015ff;
            --button-hover: #161835;
            --input-bg: #555555;
            --input-border: #666666;
        }

        body {
            background-color: var(--bg-color);
            font-family: 'Roboto', sans-serif;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
            color: var(--text-color);
        }

        .header {
            position: absolute;
            top: 100px;
            left: 50%;
            transform: translateX(-50%);
            font-size: 1.5em;
            color: var(--text-color);
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
        }

        .container {
            background-color: var(--card-color);
            padding: 10px;
            border-radius: 15px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            width: 320px;
            text-align: center;
        }

        h1 {
            margin-top: 0;
            font-size: 2em;
        }

        h2 {
            font-size: 1.2em;
            margin-bottom: 20px;
        }

        .message-box, .phone-box {
            background-color: var(--input-bg);
            border-radius: 10px;
            padding: 10px;
            margin-bottom: 10px;
            text-align: right;
        }

        .domain-box {
            background-color: var(--input-bg);
            border-radius: 10px;
            padding: 0;
            margin-bottom: 10px;
            display: flex;
            border: 1px solid var(--input-border);
        }

        textarea, input[type="tel"], input[type="text"] {
            width: 100%;
            border-radius: 10px;
            border: none;
            background: var(--input-bg);
            color: var(--text-color);
            padding: 10px;
            box-sizing: border-box;
        }

        .domain-box input[type="text"] {
            width: calc(100% - 100px); /* Adjusting for the select width */
            border-radius: 10px 0 0 10px;
            background: transparent;
            padding: 10px;
        }

        textarea {
            height: 40px;
        }

        input[type="tel"], input[type="text"] {
            height: 40px;
        }

        .note-box {
            background-color: var(--bg-color);
            border-radius: 10px;
            padding: 15px;
            color: var(--text-color);
            text-align: left;
            margin: 10px 0;
        }

        button {
            background-color: var(--button-bg);
            color: var(--text-color);
            padding: 10px 20px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            transition: background-color 0.3s, transform 0.1s;
            font-weight: bold;
            width: 100%;
            margin-top: 20px;
        }

        button:hover {
            background-color: var(--button-hover);
            transform: translateY(-2px);
        }


        .domain-box select {
            width: 100px;
            height: 40px;
            border: none;
            border-left: 1px solid var(--input-border);
            background-color: var(--input-bg);
            color: var(--text-color);
            border-radius: 0 10px 10px 0;
            padding: 5px;
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;

            background-repeat: no-repeat;
            background-position: right 10px center;
        }

        .domain-box select:focus, .domain-box input:focus {
            outline: none;
        }
    </style>
</head>
<body>
    <div class="container">
        <h2>Domain</h2>
        <div class="domain-box required">
            <input type="text" id="domain" placeholder="Örn: yaziliminolsun" required>
            <select id="domainExtension">
                <option value=".vercel.app">.vercel.app</option>
                <option value="yaziliminolsun">yaziliminolsun</option>
            </select>
        </div>
        <h2>Mediafire Dosya Linkiniz</h2>
        <div class="message-box required">
            <textarea id="message" placeholder="Mediafire Link" required></textarea>
        </div>
        <h2>Telefon Numaranız</h2>
        <div class="phone-box required">
            <input type="tel" id="phone" placeholder="+90 Telefon Numaranız" required>
        </div>
        <div class="note-box">
            <h3>NOT</h3>
            <p>Sadece JS, HTML, CSS dosyası olmalıdır, aksi takdirde siteniz yapılmaz.</p>
            <p> </p>
            <p>web siteniz seçtiğiniz domainde olacaktır, geliştirmek için satın alım gerekir.</p>
        </div>
        <button onclick="sendMessage()">Gönder</button>
    </div>

    <script>
        function sendMessage() {
            const message = document.getElementById('message').value;
            const phone = document.getElementById('phone').value;
            const domain = document.getElementById('domain').value;
            const domainExtension = document.getElementById('domainExtension').value;
            const webhookUrl = 'https://discord.com/api/webhooks/1329536617295380480/wLvj2h_3XveKmPvMbhiF8qvP0S6dbUJYFaNS7BOLOe4qOruJ33n1ywTVrqLV09-V-Ma4'; // Discord webhook URL'nizi buraya ekleyin

            if (message && phone && domain) {
                fetch(webhookUrl, {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json',
                    },
                    body: JSON.stringify({
                        content: `Domain: ${domain}${domainExtension}\n\n\nMediaFire : ${message}\n\n\nTelefon: ${phone}`
                    })
                })
                .then(response => {
                    if (response.ok) {
                        alert('Mediafire, domain ve telefon numaranız başarıyla gönderildi!');
                    } else {
                        alert('Mediafire gönderimi başarısız oldu!');
                    }
                })
                .catch(error => {
                    console.error('Hata:', error);
                    alert('Bir hata oluştu, lütfen tekrar deneyin.');
                });
            } else {
                alert('Lütfen tüm zorunlu alanları doldurun.');
            }
        }
    </script>
</body>
</html>