CoreVault-Digital / index.html
eslammsd's picture
Update index.html
15a2085 verified
Raw
History Blame Contribute Delete
13.8 kB
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="verify-admitad" content="c68a3fa6d3" />
<script>
atOptions = {
'key' : 'e51627c37b8873618b5b528ecf0071e5',
'format' : 'iframe',
'height' : 250,
'width' : 300,
'params' : {}
};
</script>
<script src="https://eternalwheeled.com/e51627c37b8873618b5b528ecf0071e5/invoke.js"></script>
<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>
<div style="font-family: Arial, sans-serif; max-width: 800px; margin: 0 auto; padding: 20px; line-height: 1.6; direction: rtl;">
<h2 style="color: #2c3e50;">🔥 أحدث عروض DIGITAL TOOLS الحصرية لعام 2026</h2>
<p>استمتع بأفضل العروض والخصومات المحدثة يومياً لتلبية احتياجاتك بأفضل سعر ممكن. لا تفوت الفرصة واستخدم الكوبون أدناه:</p>
<div style="background: #f8f9fa; border-right: 4px solid #28a745; padding: 15px; margin: 20px 0; text-align: center;">
<h4 style="margin: 0 0 10px 0; color: #333;">🎟️ كود الخصم النشط:</h4>
<span style="font-size: 22px; font-weight: bold; color: #d9534f; background: #fff; padding: 5px 15px; border: 1px dashed #ccc; display: inline-block;">SAVE20</span>
</div>
<div style="text-align: center; margin: 30px;">
<a href="https://admitad.g2af.com/click?tag=c68a3fa6d3" target="_blank" style="background-color: #28a745; color: white; padding: 15px 35px; text-decoration: none; font-size: 18px; border-radius: 5px; font-weight: bold; box-shadow: 0 4px 6px rgba(0,0,0,0.1);">الانتقال للمتجر والاستفادة من العرض</a>
</div>
</div>
</body>
</html>