NovaIntel-Tech

Running

App Files Files Community

eslammsd commited on Jun 23

Commit

d74f481

verified ·

1 Parent(s): d663d1a

Update index.html

Browse files

Files changed (1) hide show

index.html +164 -356

index.html CHANGED Viewed

@@ -1,390 +1,198 @@
 <!DOCTYPE html>
-<html lang="en" dir="ltr">
 <head>
-<script async src="https://www.googletagmanager.com/gtag/js?id=G-G25TN25DB9"></script>
-<script>
-  window.dataLayer = window.dataLayer || [];
-  function gtag(){dataLayer.push(arguments);}
-  gtag('js', new Date());
-  // إعدادات مخصصة عشان يشتغل بسلاسة وبدون مشاكل جوه الـ iframe بتاع Hugging Face
-  gtag('config', 'G-G25TN25DB9', {
-    'cookie_flags': 'max-age=7200;Secure;SameSite=None'
-  });
-</script>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Secure File Gateway - Premium Access Hub</title>
-    <!-- وسم توثيق الدومين الخاص بك -->
-    <meta name='dailymotion-domain-verification' content='dmh3lni5nx286s72u' />
     <style>
-        :root {
-            --bg-color: #06070a;
-            --card-bg: #11141e;
-            --accent-color: #00ffcc; /* نيون سيان عالي التفاعل للـ CTR */
-            --text-color: #94a3b8;
-            --main-title: #ffffff;
-        }
-        body {
-            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
-            background: var(--bg-color);
-            color: var(--text-color);
-            padding: 15px;
-            line-height: 1.6;
-            margin: 0;
-        }
-        .header-bar {
-            background: linear-gradient(90deg, #00ffcc, #0077ff);
-            color: #000;
-            text-align: center;
-            padding: 8px;
-            font-weight: bold;
-            font-size: 14px;
-            margin-bottom: 20px;
-            border-radius: 4px;
-            text-transform: uppercase;
-            letter-spacing: 0.8px;
-        }
-        .container { max-width: 750px; margin: auto; background: var(--card-bg); padding: 25px; border-radius: 12px; box-shadow: 0 4px 25px rgba(0,255,204,0.12); border: 1px solid #1e2535; }
-        .hub-badge {
-            background: var(--accent-color);
-            color: black;
-            padding: 4px 10px;
-            border-radius: 4px;
-            font-size: 11px;
-            display: inline-block;
-            margin-bottom: 10px;
-            font-weight: bold;
-            text-transform: uppercase;
-        }
-        .secure-badge {
-            background: #38bdf8;
-            color: black;
-            padding: 4px 10px;
-            border-radius: 4px;
-            font-size: 11px;
-            display: inline-block;
-            margin-bottom: 10px;
-            margin-left: 5px;
-            font-weight: bold;
-            text-transform: uppercase;
-        }
-        h1 { font-size: 24px; color: var(--main-title); margin-top: 5px; line-height: 1.3; }
-        #content { font-size: 16px; color: #cbd5e1; margin: 20px 0; white-space: pre-line; }
-        /* تنسيق الروابط المحقونة داخل المقال */
-        #content a { color: var(--accent-color); font-weight: bold; text-decoration: underline; }
-        .btn-container { text-align: center; margin: 30px 0; }
-        .btn {
-            display: inline-block;
-            background: linear-gradient(135deg, #00ffcc, #0055ff);
-            color: black;
-            padding: 16px 45px;
-            text-decoration: none;
-            border-radius: 50px;
-            font-weight: bold;
-            font-size: 18px;
-            box-shadow: 0 4px 15px rgba(0, 255, 204, 0.4);
-            transition: transform 0.2s;
-            text-transform: uppercase;
-        }
-        .btn:hover { transform: scale(1.03); color: black; }
-        .related-box { margin-top: 40px; border-top: 1px solid #1e2535; padding-top: 20px; }
-        .related-title { font-size: 18px; color: #fff; margin-bottom: 15px; }
-        .grid-games { display: grid; grid-template-columns: 1fr; gap: 12px; }
-        @media(min-width: 500px) { .grid-games { grid-template-columns: 1fr 1fr; } }
-        .game-card {
-            background: #161a26; padding: 15px; border-radius: 8px; text-decoration: none; color: #fff; border: 1px solid #1e2535; display: block;
-        }
-        .game-card:hover { background: #1e2436; border-color: var(--accent-color); }
-        .game-card-title { font-size: 14px; font-weight: 500; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
-        .game-card-action { color: var(--accent-color); font-size: 12px; font-weight: bold; margin-top: 8px; display: block; }
-        /* قسم التعليقات الديناميكية الحية */
-        .comments-section { margin-top: 40px; background: #0a0b0f; padding: 20px; border-radius: 8px; border: 1px solid #161a26; }
-        .comment-item { display: flex; gap: 12px; margin-bottom: 15px; border-bottom: 1px solid #161a26; padding-bottom: 12px; }
-        .comment-item:last-child { border: none; margin-bottom: 0; padding-bottom: 0; }
-        .avatar { width: 40px; height: 40px; background: #1e2535; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; color: var(--accent-color); font-size: 14px; flex-shrink: 0; text-transform: uppercase; }
-        .comment-details { flex: 1; }
-        .comment-user { font-weight: bold; font-size: 14px; color: #fff; margin-bottom: 2px; }
-        .comment-text { font-size: 13.5px; color: #94a3b8; }
-        .comment-text a { color: var(--accent-color); font-weight: bold; text-decoration: underline; }
-        .comment-time { font-size: 11px; color: #475569; margin-top: 4px; }
-        /* جدار الحماية والأمان المانع للـ VPN والـ AdBlock */
-        #guard-overlay {
-            display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%;
-            background: rgba(6,7,10,0.99); z-index: 9999999; align-items: center; justify-content: center;
-            padding: 20px; box-sizing: border-box; direction: ltr;
-        }
-        .guard-box {
-            max-width: 500px; background: #11141e; padding: 35px; border-radius: 12px;
-            text-align: center; border: 2px solid var(--accent-color); box-shadow: 0 0 25px rgba(0,255,204,0.3);
-        }
-        .guard-box h2 { color: var(--accent-color); margin-top: 0; font-size: 24px; font-weight: bold; }
-        .guard-box p { color: #cbd5e1; font-size: 15px; line-height: 1.6; margin: 15px 0 25px 0; }
-        .guard-btn {
-            background: linear-gradient(135deg, #00ffcc, #0055ff); color: #000; border: none;
-            padding: 12px 35px; border-radius: 25px; font-weight: bold; cursor: pointer; font-size: 15px;
-            box-shadow: 0 4px 15px rgba(0,255,204,0.4); text-transform: uppercase; display: inline-block; text-decoration: none;
-        }
     </style>
 </head>
 <body>
-    <!-- 🔒 جدار الحماية الأمني المدمج -->
-    <div id="guard-overlay">
-        <div class="guard-box">
-            <h2 id="guard-title">SECURITY GATEWAY INTERFERENCE!</h2>
-            <p id="guard-msg">Our network database requires ad-verification and an unproxied residential connection. Please disable your AdBlocker / VPN / Proxy switcher and refresh to authenticate.</p>
-            <a href="#" onclick="window.location.reload(); return false;" class="guard-btn">🔄 RE-ESTABLISH CONNECTION</a>
-        </div>
-    </div>
-    <div class="header-bar">⚡ SYSTEM STATUS: All Mirror Links & Reward Keys are Live and Fully Operational!</div>
     <div class="container">
-        <div>
-            <span class="hub-badge">✓ Verified Drop</span>
-            <span class="secure-badge">🔒 Secure Server</span>
-        </div>
-        <h1 id="title">Loading Database Details...</h1>
-        <!-- المقال يظهر بالكامل هنا ومدمج داخله إعلان السيرفر تلقائياً وبأمان -->
-        <div id="content"></div>
-        <!-- زر التوجيه الذكي الرئيسي للموقع -->
-        <div class="btn-container">
-            <a id="main-download-btn" href="#" class="btn" target="_blank">⚡ CLAIM REDEEM CODE / ACCESS DOWNLOAD</a>
-        </div>
-        <!-- منظومة التعليقات الحية والمثيرة للجدل -->
-        <div class="comments-section">
-            <div style="font-weight: bold; margin-bottom: 15px; color: #fff; font-size: 15px;">Recent Verified User Activity & Troubleshooting:</div>
-            <div id="dynamic-comments-container">
-                <!-- جاري تحميل التعليقات ديناميكياً لتجنب كشف البوتات وزيادة ثقة الزائر الأمريكي -->
-            </div>
-        </div>
-        <!-- المقالات والمواضيع الجانبية ذات الصلة -->
-        <div class="related-box" id="related-section">
-            <div class="related-title">🎮 Other Trending Community Drops Today:</div>
-            <div class="grid-games" id="related-games"></div>
-        </div>
     </div>
-    <!-- ================== ADVANCED PROFIT SYSTEM v2.3 ================== -->
-    <div id="us-premium-container" style="max-width:550px; margin:30px auto; background:#0f172a; border:1px solid #1e293b; padding:25px; border-radius:16px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; text-align:center; box-shadow:0 20px 25px -5px rgba(0,0,0,0.3); direction:ltr; color:#fff;">
-        <h3 style="margin-top:0; font-size:18px; color:#f8fafc; font-weight:600;">🔒 Secure File Gateway (US Cluster)</h3>
-        <p style="color:#94a3b8; font-size:13px; margin-bottom:20px;">Your requested premium content is ready. Please complete the security check below.</p>
-        <div id="scanner-zone" style="margin:20px 0;">
-            <div style="display:flex; font-size:12px; color:#38bdf8; font-weight:bold; margin-bottom:6px; justify-content: space-between;">
-                <span id="scan-status">🔍 Initializing secure connection...</span>
-                <span id="scan-percentage">0%</span>
-            </div>
-            <div style="width:100%; height:8px; background:#1e293b; border-radius:4px; overflow:hidden;">
-                <div id="scan-bar" style="width:0%; height:100%; background:linear-gradient(90deg, #0284c7, #38bdf8); transition: width 1s linear; border-radius:4px;"></div>
-            </div>
-        </div>
-        <a id="gateway-link" href="#" style="display:block; background:#1e293b; color:#94a3b8; padding:14px 24px; border-radius:8px; text-decoration:none; font-weight:bold; font-size:15px; border:1px dashed #334155; transition:all 0.3s ease;">
-            🔒 Waiting for Cloud Scan...
-        </a>
-        <div id="mirror-servers" style="margin-top:20px; border-top:1px dashed #1e293b; padding-top:15px; display:none; animation: fadeIn 0.5s ease;">
-            <p style="color:#64748b; font-size:12px; margin-bottom:10px;">Having trouble? Try premium mirror links:</p>
-            <div style="display:flex; flex-direction:column; gap:8px;">
-                <a class="smart-mirror" href="#" style="color:#38bdf8; font-size:13px; text-decoration:none; font-weight:500;">🌐 Mirror 1: Download via Cloudflare US-East node (High Speed)</a>
-            </div>
         </div>
-    </div>
 <script>
-let originalHref = "#";
-let timerDone = false;
-function triggerGuard(title, msg) {
-    document.getElementById('guard-title').innerText = title;
-    document.getElementById('guard-msg').innerText = msg;
-    document.getElementById('guard-overlay').style.display = 'flex';
-    document.body.style.overflow = 'hidden';
-}
-// 🛡️ 1. كاشف الأدبلوك لفرض جلب المشاهدات الإعلانية
-function checkAdBlock() {
-    const bait = document.createElement('div');
-    bait.className = 'pub_300x250 ad-box adzone adsbox text-ads ad-server ad-wrapper';
-    bait.style = 'position:absolute; top:-999px; left:-999px; width:1px; height:1px;';
-    document.body.appendChild(bait);
-    setTimeout(() => {
-        if (bait.offsetHeight === 0 || window.getComputedStyle(bait).display === 'none') {
-            triggerGuard("AdBlock Blocker Alert!", "Our verification cloud infrastructure requires passive ad authentication. Please white-list our platform or turn off Brave Shields/AdBlocker and reload.");
-        }
-        bait.remove();
-    }, 250);
-}
-// 🛡️ 2. كاشف الـ VPN المطور (Fail-Safe) لحماية الأرباح وعدم تعطيل الزوار الحقيقيين
-function checkVPN() {
-    fetch('https://ipapi.co/json/')
-        .then(res => res.json())
-        .then(data => {
-            const browserTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
-            const ipTimezone = data.timezone;
-            if (ipTimezone && browserTimezone && ipTimezone !== browserTimezone) {
-                triggerGuard("Proxy / Virtual Tunnel Refused", "Unsafe connection detected. Please close your active VPN software, hosting node, or residential proxies and reload to process data authentication.");
-            }
-        }).catch(() => {
-            // 🔥 تم التعديل هنا: إذا فشل الاتصال بالخدمة أو تم حظر الـ API بواسطة الـ Space أو إضافات المتصفح،
-            // يفتح الموقع فوراً وبسلاسة للمستخدم لتفادي الحظر الوهمي وخسارة الـ Traffic الحقيقي.
-            console.warn("IP verification endpoint unreachable, running fail-safe bypass mode.");
-        });
 }
-document.addEventListener("DOMContentLoaded", function() {
-    checkAdBlock();
-    checkVPN();
-    const mainBtn = document.getElementById('main-download-btn');
-    const gatewayBtn = document.getElementById('gateway-link');
-    const scanBar = document.getElementById('scan-bar');
-    const scanStatus = document.getElementById('scan-status');
-    const scanPercentage = document.getElementById('scan-percentage');
-    const mirrorServers = document.getElementById('mirror-servers');
-    let secs = 10;
-    if (gatewayBtn) {
-        gatewayBtn.addEventListener('click', function(e) {
-            if (!timerDone) {
-                e.preventDefault();
-                alert("Please allow our cloud security system to verify the file integrity first.");
-            }
         });
-        const timerInterval = setInterval(function() {
-            secs--;
-            let progress = ((10 - secs) * 10);
-            scanBar.style.width = progress + "%";
-            scanPercentage.innerText = progress + "%";
-            if (secs <= 0) {
-                clearInterval(timerInterval);
-                timerDone = true;
-                scanStatus.innerText = "🟢 File verified! Secure Access Granted.";
-                scanStatus.style.color = "#22c55e";
-                scanPercentage.style.color = "#22c55e";
-                gatewayBtn.style.background = "linear-gradient(135deg, #22c55e, #16a34a)";
-                gatewayBtn.style.color = "#fff";
-                gatewayBtn.style.border = "none";
-                gatewayBtn.innerText = "⚡ Download Now (Secure Access)";
-                gatewayBtn.href = originalHref;
-                if(mainBtn) mainBtn.href = originalHref;
-                mirrorServers.style.display = "block";
-                document.querySelectorAll('.smart-mirror').forEach(function(m) { m.href = originalHref; });
             } else {
-                gatewayBtn.innerText = "🔒 Verifying Integrity... (" + secs + "s)";
             }
-        }, 1000);
     }
-    // جلب بيانات المقال والتعليقات الحية من الـ JSON
-    const params = new URLSearchParams(window.location.search);
-    const id = params.get('id');
-    fetch('data.json')
-        .then(res => res.json())
-        .then(data => {
-            if(!data || data.length === 0) return;
-            const item = id ? (data.find(i => String(i.id) === String(id)) || data[0]) : data[0];
-            document.getElementById('title').innerText = item.title;
-            document.title = item.title;
-            // حقن نص المقال
-            const contentBox = document.getElementById('content');
-            contentBox.innerHTML = item.content;
-            // [منشط الإعلانات الذكي]: إجبار المتصفح على تشغيل شفرات إعلانات السيرفر المحقونة ديناميكياً
-            const scripts = contentBox.querySelectorAll('script');
-            scripts.forEach(oldScript => {
-                const newScript = document.createElement('script');
-                Array.from(oldScript.attributes).forEach(attr => newScript.setAttribute(attr.name, attr.value));
-                newScript.appendChild(document.createTextNode(oldScript.innerHTML));
-                oldScript.parentNode.replaceChild(newScript, oldScript);
-            });
-            originalHref = item.smart_link || "#";
-            if(mainBtn) mainBtn.href = originalHref;
-            if(timerDone && gatewayBtn) gatewayBtn.href = originalHref;
-            // [حقن التعليقات البشرية الذكية]: توليد النقاشات المتغيرة لزيادة الـ CTR والـ CPA وعنصر التوصية
-            const commentsContainer = document.getElementById('dynamic-comments-container');
-            if(item.dyn_comments && item.dyn_comments.length > 0) {
-                let commentsHtml = '';
-                item.dyn_comments.forEach(comment => {
-                    commentsHtml += `
-                        <div class="comment-item">
-                            <div class="avatar">${comment.avatar || comment.user.substring(0,2)}</div>
-                            <div class="comment-details">
-                                <div class="comment-user">${comment.user} <span style="color: var(--accent-color); font-size: 11px; font-weight: normal;">• Verified User</span></div>
-                                <div class="comment-text">${comment.text}</div>
-                                <div class="comment-time">${comment.time || 'Just now'}</div>
-                            </div>
-                        </div>
-                    `;
-                });
-                commentsContainer.innerHTML = commentsHtml;
-                // تنشيط أي روابط ترويجية أو أكواد داخل قسم التعليقات المحقون
-                const commentScripts = commentsContainer.querySelectorAll('script');
-                commentScripts.forEach(oldScript => {
-                    const newScript = document.createElement('script');
-                    Array.from(oldScript.attributes).forEach(attr => newScript.setAttribute(attr.name, attr.value));
-                    newScript.appendChild(document.createTextNode(oldScript.innerHTML));
-                    oldScript.parentNode.replaceChild(newScript, oldScript);
-                });
-            }
-            // بناء البلوكات والمواضيع الجانبية ذات الصلة
-            const relatedContainer = document.getElementById('related-games');
-            const otherGames = data.filter(i => String(i.id) !== String(item.id)).slice(0, 4);
-            if(otherGames.length > 0) {
-                let html = '';
-                otherGames.forEach(g => {
-                    html += `<a href="?id=${g.id}" class="game-card"><div class="game-card-title">${g.title}</div><span class="game-card-action">Access Hub Drop →</span></a>`;
-                });
-                relatedContainer.innerHTML = html;
-            } else {
-                document.getElementById('related-section').style.display = 'none';
-            }
         });
-    // 🪝 ميزة خطف زر الرجوع الذكية (Back-Button Hijack) لفرض فتح العرض الترويجي عند التراجع
-    setTimeout(function() {
-        if (window.history && window.history.pushState) {
-            window.history.pushState('forward', null, './#secure-link');
-            window.addEventListener('popstate', function() {
-                if (originalHref && originalHref !== "#") { window.location.href = originalHref; }
-            });
-        }
-    }, 1500);
 });
 </script>
-<style>@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }</style>
 </body>
 </html>

 <!DOCTYPE html>
+<html lang="en">
 <head>
+    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1663795764455088" crossorigin="anonymous"></script>
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-G25TN25DB9"></script>
+    <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag(){dataLayer.push(arguments);}
+      gtag('js', new Date());
+      gtag('config', 'G-G25TN25DB9', { 'cookie_flags': 'max-age=7200;Secure;SameSite=None' });
+    </script>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Innovation Hub | Live Premium News</title>
     <style>
+        :root { --bg-color: #070a13; --card-bg: #101726; --accent-color: #00ffcc; --text-color: #94a3b8; --main-title: #ffffff; --border-color: #1e293b; }
+        body { font-family: system-ui, -apple-system, sans-serif; background: var(--bg-color); color: var(--text-color); margin: 0; padding: 0; line-height: 1.7; }
+        .navbar { background: #0b111e; border-bottom: 1px solid var(--border-color); padding: 15px 20px; display: flex; justify-content: space-between; align-items: center; position: sticky; top: 0; z-index: 100; }
+        .logo { color: #fff; font-weight: 800; font-size: 20px; text-decoration: none; cursor: pointer; text-transform: uppercase; }
+        .logo span { color: var(--accent-color); }
+        .nav-links { display: flex; gap: 20px; }
+        .nav-links div { color: var(--text-color); font-size: 14px; font-weight: 600; cursor: pointer; }
+        .nav-links div:hover { color: var(--accent-color); }
+        .container { max-width: 1140px; margin: 30px auto; padding: 0 15px; }
+        .hero-title { text-align: center; color: #fff; font-size: 28px; font-weight: 800; margin-bottom: 35px; }
+        .articles-grid { display: grid; grid-template-columns: 1fr; gap: 20px; }
+        @media(min-width: 768px) { .articles-grid { grid-template-columns: 1fr 1fr; } }
+        .article-card { background: var(--card-bg); border: 1px solid var(--border-color); border-radius: 12px; padding: 22px; cursor: pointer; display: flex; flex-direction: column; transition: all 0.2s; }
+        .article-card:hover { border-color: var(--accent-color); transform: translateY(-3px); }
+        .card-title { font-size: 17px; font-weight: 700; color: #fff; }
+        .article-layout-grid { display: grid; grid-template-columns: 1fr; gap: 30px; }
+        @media(min-width: 900px) { .article-layout-grid { grid-template-columns: 2fr 1fr; } }
+        .main-article-box { background: var(--card-bg); padding: 30px; border-radius: 14px; border: 1px solid var(--border-color); }
+        .back-btn { color: var(--accent-color); font-size: 14px; font-weight: bold; cursor: pointer; margin-bottom: 15px; display: inline-block; }
+        h1 { font-size: 28px; color: var(--main-title); margin: 5px 0 20px 0; }
+        .sidebar-box { background: #0f1624; border: 1px solid var(--border-color); padding: 22px; border-radius: 14px; height: fit-content; }
+        .sidebar-title { font-size: 16px; color: #fff; font-weight: 800; margin-bottom: 18px; border-bottom: 2px solid var(--border-color); padding-bottom: 8px; }
+        .sidebar-item { padding: 12px 0; border-bottom: 1px solid #1e293b; cursor: pointer; }
+        .sidebar-item h4 { margin: 0 0 6px 0; font-size: 14px; color: #cbd5e1; }
+        .sidebar-item:hover h4 { color: var(--accent-color); }
+        .footer { background: #0b111e; border-top: 1px solid var(--border-color); padding: 25px 20px; text-align: center; margin-top: 60px; font-size: 13px; }
+        .footer-links { margin-top: 10px; display: flex; justify-content: center; gap: 15px; }
+        .footer-links span { color: var(--accent-color); cursor: pointer; font-weight: 600; }
     </style>
 </head>
 <body>
+    <nav class="navbar">
+        <div class="logo" onclick="navigateTo('')">Innovation Hub</div>
+        <div class="nav-links"><div onclick="navigateTo('')">🏠 Home Feed</div></div>
+    </nav>
     <div class="container">
+        <section id="homepage-sect">
+            <h2 class="hero-title">🔥 Latest Premium Coverage</h2>
+<div style="margin:20px 0;text-align:center;">
+<ins class="adsbygoogle"
+style="display:block"
+data-ad-client="ca-pub-1663795764455088"
+data-ad-slot="1234567890"
+data-ad-format="auto"
+data-full-width-responsive="true"></ins>
+<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
+</div>
+<div id="articles-grid" class="articles-grid"></div>
+        </section>
+        <section id="article-layout-sect" class="article-layout-grid" style="display:none;">
+            <main class="main-article-box">
+                <div class="back-btn" onclick="navigateTo('')">← Back to News</div>
+                <h1 id="title">Loading...</h1>
+                <div id="featured-image-area"></div>
+                <div id="content"></div>
+            </main>
+            <aside class="sidebar-box">
+                <div class="sidebar-title">⚡ Trending Stories</div>
+                <div id="sidebar-suggestions"></div>
+            </aside>
+        </section>
+        <section id="legal-sect" class="main-article-box" style="display:none;">
+            <div class="back-btn" onclick="navigateTo('')">← Back to News</div>
+            <h1 id="legal-title">Policy</h1>
+            <div id="legal-content" style="color:#e2e8f0;"></div>
+        </section>
     </div>
+    <footer class="footer">
+        <p>© 2026 Innovation Hub Syndication Network. All Rights Reserved.</p>
+        <div class="footer-links">
+            <span onclick="openLegal('about')">About Us</span> |
+            <span onclick="openLegal('privacy')">Privacy Policy</span> |
+            <span onclick="openLegal('contact')">Contact Us</span>
         </div>
+    </footer>
 <script>
+window.allArticles = [];
+function executeAdScripts(container){
+    container.querySelectorAll("script").forEach(oldScript => {
+        const s = document.createElement("script");
+        Array.from(oldScript.attributes).forEach(a => s.setAttribute(a.name,a.value));
+        s.text = oldScript.text;
+        oldScript.parentNode.replaceChild(s, oldScript);
+    });
+    try {(adsbygoogle = window.adsbygoogle || []).push({});} catch(e){}
 }
+function renderPage() {
+    const params = new URLSearchParams(window.location.search);
+    const articleId = params.get('id');
+    const page = params.get('p');
+    const homeSect = document.getElementById('homepage-sect');
+    const artLayout = document.getElementById('article-layout-sect');
+    const legalSect = document.getElementById('legal-sect');
+    homeSect.style.display = 'none';
+    artLayout.style.display = 'none';
+    legalSect.style.display = 'none';
+    if (page) {
+        legalSect.style.display = 'block';
+        if(page === 'privacy') {
+            document.getElementById('legal-title').innerText = "Privacy Policy";
+            document.getElementById('legal-content').innerHTML = "<p>Your privacy is important to us. We collect no personal data. Cookies are used only for Google Analytics and Google AdSense optimization to deliver relevant ads and maintain performance standards.</p>";
+        } else if(page === 'about') {
+            document.getElementById('legal-title').innerText = "About Us";
+            document.getElementById('legal-content').innerHTML = "<p>Welcome to Innovation Hub. We deliver real-time automated news coverage spanning tech innovations, financial breakdowns, and world events, verified by our premium syndicate engine.</p>";
+        } else if(page === 'contact') {
+            document.getElementById('legal-title').innerText = "Contact Us";
+            document.getElementById('legal-content').innerHTML = "<p>Have questions or reporting inquiries? Reach out to our technical administration department at support@trend-wave-us.com</p>";
+        }
+        return;
+    }
+    if (!articleId) {
+        homeSect.style.display = 'block';
+        let gridHtml = '';
+        window.allArticles.forEach(item => {
+            gridHtml += `<div class="article-card" onclick="navigateTo('${item.id}')"><div class="card-title">${item.title}</div><span style="color:var(--accent-color); font-size:13px; font-weight:bold; margin-top:15px;">Read Full Story →</span></div>`;
         });
+        document.getElementById('articles-grid').innerHTML = gridHtml || '<p>Loading latest updates...</p>';
+    } else {
+        artLayout.style.display = (window.innerWidth >= 900) ? 'grid' : 'block';
+        const item = window.allArticles.find(i => String(i.id) === String(articleId)) || window.allArticles[0];
+        if (item) {
+            document.getElementById('title').innerText = item.title;
+            document.getElementById('content').innerHTML = item.content;
+            executeAdScripts(document.getElementById('content'));
+            document.getElementById('featured-image-area').innerHTML = item.image ? `<img src="${item.image}" style="width:100%; max-height:380px; object-fit:cover; border-radius:10px; margin-bottom:20px;">` : '';
+            let suggestions = window.allArticles.filter(i => String(i.id) !== String(item.id)).slice(0, 5);
+            let sidebarHtml = '';
+            if(suggestions.length === 0) {
+                sidebarHtml = `<div class="sidebar-item"><h4>Latest Operational Updates on Innovation Hub Network</h4></div><div class="sidebar-item"><h4>Trending Analysis & Featured Insights Hub</h4></div>`;
             } else {
+                suggestions.forEach(s => {
+                    sidebarHtml += `<div class="sidebar-item" onclick="navigateTo('${s.id}')"><h4>${s.title}</h4></div>`;
+                });
             }
+            document.getElementById('sidebar-suggestions').innerHTML = sidebarHtml;
+        }
     }
+}
+function navigateTo(id) {
+    history.pushState(null, '', id ? `?id=${id}` : window.location.pathname);
+    renderPage();
+    window.scrollTo({ top: 0, behavior: 'smooth' });
+}
+function openLegal(p) {
+    history.pushState(null, '', `?p=${p}`);
+    renderPage();
+    window.scrollTo({ top: 0, behavior: 'smooth' });
+}
+window.onpopstate = renderPage;
+document.addEventListener("DOMContentLoaded", function() {
+    fetch('data.json?cb=' + Date.now())
+        .then(res => res.json())
+        .then(data => {
+            window.allArticles = data || [];
+            renderPage();
+        }).catch(() => {
+            window.allArticles = [{id:"1", title:"Global Systems Operational Updates & News Hub Feed", content:"<p>System analysis is fully deployed and indexing live data feeds.</p>"}];
+            renderPage();
         });
 });
 </script>
 </body>
 </html>