Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta name="verify-admitad" content="2c3a25a3d0" /> | |
| <script async="async" data-cfasync="false" src="https://eternalwheeled.com/231ce1e679a7d75b284ea412c71a6d6b/invoke.js"></script> | |
| <div id="container-231ce1e679a7d75b284ea412c71a6d6b"></div> | |
| <meta name="verify-admitad" content="2c3a25a3d0" /> | |
| trendwire-chronicles | |
| <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> | |
| <div id="central-top-zone" style="text-align: center; margin: 0 auto; width: 100%; min-height: 10px;"></div> | |
| <script> | |
| document.addEventListener("DOMContentLoaded", function() { | |
| const currentSite = window.location.hostname; | |
| // جلب الإعلانات من سيرفر الإدارة | |
| fetch('https://eslammsd-eslam-manager-bot.hf.space/ads_config.json?cb=' + Date.now()) | |
| .then(res => res.json()) | |
| .then(adsData => { | |
| if (adsData[currentSite] && adsData[currentSite].ad_code) { | |
| const container = document.getElementById('central-top-zone'); | |
| container.innerHTML = adsData[currentSite].ad_code; | |
| // تفعيل السكربتات المدمجة بالإعلان | |
| 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); | |
| }); | |
| } | |
| }).catch(e => console.log("Central Ads Load Error")); | |
| }); | |
| </script> | |
| <script src="https://eslammsd-eslam-manager-bot.hf.space/static/custom_management.js?cb=" + Date.now()></script> | |
| <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> |