کاری کن بشه روی این صفحه کلیک کرد روی سایت کلیک نمیشه الان <!DOCTYPE html>
<html lang="fa">
<head>
    <meta charset="UTF-8">
    <title>سایت من</title>
    <!-- تنظیمات Content Security Policy برای جلوگیری از بارگذاری در iframe -->
    <meta http-equiv="Content-Security-Policy" content="frame-ancestors 'self'">
    <style>
        /* استایل‌های پایه */
        body, html {
            margin: 0;
            padding: 0;
            height: 100%;
            overflow: hidden;
            font-family: Arial, sans-serif;
        }
        /* استایل نوار ناوبری */
        nav {
            background-color: #f8f9fa;
            padding: 10px 20px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
            position: fixed;
            width: 100%;
            top: 0;
            left: 0;
            z-index: 100;
        }
        nav ul {
            list-style: none;
            display: flex;
            margin: 0;
            padding: 0;
        }
        nav ul li {
            margin-right: 20px;
        }
        nav ul li a {
            text-decoration: none;
            color: #333;
            font-weight: bold;
        }
        /* استایل‌های iframe و لایه‌های اضافی */
        .iframe-container {
            position: fixed;
            top: 50px; /* ارتفاع نوار ناوبری */
            left: 0;
            width: 100%;
            height: calc(100vh - 50px);
            overflow: hidden;
        }
        iframe {
            width: 100%;
            height: 100%;
            border: none;
        }
        .overlay {
            position: fixed;
            top: 50px;
            left: 0;
            width: 100%;
            height: calc(100vh - 50px);
            z-index: 1000;
            background-color: transparent;
        }
        .loading {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 2000;
            background-color: white;
            padding: 20px 40px;
            border-radius: 5px;
            box-shadow: 0 0 10px rgba(0,0,0,0.2);
            font-size: 18px;
            display: none; /* پنهان به طور پیش‌فرض */
        }
    </style>
    <script>
        // جلوگیری از بارگذاری در iframe با استفاده از JavaScript
        if (window.top !== window.self) {
            window.top.location = window.self.location;
        }

        // تنظیم لینک‌های داخلی برای باز شدن در همان پنجره
        document.addEventListener("DOMContentLoaded", function() {
            const links = document.querySelectorAll('a');
            links.forEach(function(link) {
                const href = link.getAttribute('href');
                // بررسی اینکه لینک داخلی باشد (بدون http، https، //، # و غیره)
                if (href && !href.startsWith('http') && !href.startsWith('https') && !href.startsWith('//') && !href.startsWith('#') && !href.startsWith('mailto:') && !href.startsWith('tel:')) {
                    link.setAttribute('target', '_self');
                }
            });
        });
    </script>
</head>
<body>
    <!-- نوار ناوبری -->
    <nav>
        <ul>
            <li><a href="index.html">صفحه اصلی</a></li>
            <li><a href="about.html">درباره ما</a></li>
            <li><a href="services.html">خدمات</a></li>
            <li><a href="contact.html">تماس با ما</a></li>
        </ul>
    </nav>

    <!-- پیغام بارگذاری -->
    <div class="loading" id="loading">در حال بارگذاری...</div>

    <!-- کانتینر iframe -->
    <div class="iframe-container">
        <iframe id="myIframe" src="https://finegrain-finegrain-image-enhancer.hf.space/"></iframe>
    </div>

    <!-- لایه پوششی برای مدیریت اسکرول و تعامل -->
    <div class="overlay" id="overlay"></div>

    <script>
        const iframe = document.getElementById('myIframe');
        const loading = document.getElementById('loading');
        const overlay = document.getElementById('overlay');
        let scrollPosition = 0;
        const scrollStep = 100; // میزان اسکرول با هر کلیک

        // نمایش پیغام بارگذاری تا زمانی که iframe لود شود
        loading.style.display = 'block';

        iframe.onload = function() {
            loading.style.display = 'none';
            setupScrolling();
        };

        iframe.onerror = function() {
            loading.innerHTML = 'خطا در بارگذاری. لطفاً صفحه را رفرش کنید یا از VPN استفاده کنید.';
        };

        function setupScrolling() {
            // مدیریت کلیک بر روی overlay برای اسکرول کردن iframe
            overlay.addEventListener('click', function(e) {
                const clickY = e.clientY;
                const direction = clickY > window.innerHeight / 2 ? 1 : -1;
                scrollPosition += direction * scrollStep;
                scrollPosition = Math.max(0, scrollPosition); // جلوگیری از اسکرول منفی
                iframe.contentWindow.scrollTo(0, scrollPosition);
            });

            // مدیریت اسکرول چرخ‌کردن موس بر روی overlay
            overlay.addEventListener('wheel', function(e) {
                e.preventDefault();
                const direction = e.deltaY > 0 ? 1 : -1;
                scrollPosition += direction * scrollStep;
                scrollPosition = Math.max(0, scrollPosition); // جلوگیری از اسکرول منفی
                iframe.contentWindow.scrollTo(0, scrollPosition);
            });

            // مدیریت لمس (برای موبایل)
            let touchStartY;
            overlay.addEventListener('touchstart', function(e) {
                touchStartY = e.touches[0].clientY;
            });

            overlay.addEventListener('touchmove', function(e) {
                e.preventDefault();
                const touchY = e.touches[0].clientY;
                const direction = touchStartY > touchY ? 1 : -1;
                scrollPosition += direction * scrollStep;
                scrollPosition = Math.max(0, scrollPosition); // جلوگیری از اسکرول منفی
                iframe.contentWindow.scrollTo(0, scrollPosition);
                touchStartY = touchY;
            });
        }
    </script>
</body>
</html>