1198 lines
83 KiB
HTML
1198 lines
83 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Global Daily News - World, Sports, Tech & Classifieds</title>
|
||
<style>
|
||
/* === CSS Reset & Modernizer === */
|
||
:root {
|
||
--primary: #003366; /* Deep Ocean Blue - Classic Portal */
|
||
--primary-light: #2c3e50;
|
||
--accent: #b71c1c; /* Portal Red */
|
||
--accent-hover: #d32f2f;
|
||
--bg-body: #f4f6f8;
|
||
--bg-card: #ffffff;
|
||
--text-main: #333;
|
||
--text-secondary: #555;
|
||
--text-light: #7f8c8d;
|
||
--border: #e0e0e0;
|
||
--link-color: #004499;
|
||
}
|
||
|
||
body {
|
||
font-family: 'Segoe UI', Roboto, "Microsoft YaHei", Helvetica, Arial, sans-serif;
|
||
background-color: var(--bg-body);
|
||
color: var(--text-main);
|
||
margin: 0;
|
||
line-height: 1.6;
|
||
padding-bottom: 40px;
|
||
}
|
||
|
||
a { text-decoration: none; color: var(--text-main); transition: 0.2s; }
|
||
a:hover { color: var(--accent); text-decoration: underline; }
|
||
ul { list-style: none; padding: 0; margin: 0; }
|
||
h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: 600; }
|
||
|
||
/* === 布局重构：将 Table 强制转为 Flex/Grid 结构 === */
|
||
table, tbody, tr, td { display: block; width: 100% !important; border: none !important; background: transparent !important; box-sizing: border-box; }
|
||
center { text-align: left; max-width: 1200px; margin: 0 auto; display: block; padding: 0 10px; }
|
||
|
||
/* 辅助类 */
|
||
.flex-row { display: flex; align-items: center; justify-content: space-between; }
|
||
.text-red { color: var(--accent) !important; }
|
||
.text-green { color: #2ecc71 !important; }
|
||
.text-gray { color: #999 !important; font-size: 12px; }
|
||
.mt-10 { margin-top: 10px; }
|
||
.mb-10 { margin-bottom: 10px; }
|
||
.p-10 { padding: 10px; }
|
||
|
||
/* 隐藏原生的 hr, font 标签的影响 */
|
||
hr { border: 0; border-top: 1px solid var(--border); margin: 15px 0; }
|
||
font { color: inherit !important; size: inherit !important; }
|
||
|
||
/* 顶部广告 - 隐藏 */
|
||
body > center:first-of-type { display: none; }
|
||
|
||
/* Header Area */
|
||
.header-container tr {
|
||
display: flex; justify-content: space-between; align-items: center; padding: 25px 0; border-bottom: 1px solid var(--border);
|
||
}
|
||
.header-container td { width: auto !important; }
|
||
|
||
h1.logo { font-size: 36px; font-weight: 800; color: var(--primary); letter-spacing: -1px; font-family: Georgia, serif; }
|
||
h1.logo span { color: var(--accent); }
|
||
.logo-sub { display: block; color: var(--text-light); font-size: 11px; text-transform: uppercase; letter-spacing: 2px; margin-top: 5px; }
|
||
|
||
/* Search Bar */
|
||
.search-box { display: flex; gap: 0; align-items: center; border: 2px solid var(--primary); border-radius: 4px; overflow: hidden; }
|
||
.search-box input[type="text"] { padding: 8px 12px; border: none; outline: none; width: 250px; font-size: 14px; }
|
||
.search-box input[type="submit"] { background: var(--primary); color: white; border: none; padding: 8px 20px; cursor: pointer; font-weight: bold; transition: 0.2s; }
|
||
.search-box input[type="submit"]:hover { background: #002244; }
|
||
|
||
/* Meta Info */
|
||
.meta-info { text-align: right; font-size: 12px; color: #666; line-height: 1.8; }
|
||
.meta-info a { color: var(--primary); margin: 0 5px; font-weight: bold; }
|
||
|
||
/* Navigation Bar */
|
||
.nav-container { margin: 10px auto; background: var(--primary); border-radius: 4px; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1); }
|
||
.nav-container tr td {
|
||
padding: 0 !important;
|
||
display: flex; gap: 0; overflow-x: auto;
|
||
}
|
||
.nav-item {
|
||
color: rgba(255,255,255,0.9); font-weight: bold; font-size: 15px;
|
||
padding: 12px 25px; text-decoration: none; border-right: 1px solid rgba(255,255,255,0.1);
|
||
white-space: nowrap; transition: 0.2s; display: block;
|
||
}
|
||
.nav-item:last-child { border-right: none; }
|
||
.nav-item:hover, .nav-item.active { background: var(--accent); color: white; text-decoration: none; }
|
||
|
||
/* Scrolling Marquee */
|
||
.ticker-wrap {
|
||
width: 100%; overflow: hidden; height: 32px; background-color: #fdfdfd; padding-left: 100%; box-sizing: border-box;
|
||
border-bottom: 1px solid #eee; display: flex; align-items: center; margin-bottom: 15px; position: relative;
|
||
}
|
||
.ticker-label { position: absolute; left: 0; top: 0; bottom: 0; background: var(--accent); color: white; padding: 0 10px; font-size: 12px; display: flex; align-items: center; font-weight: bold; z-index: 10; }
|
||
.ticker { white-space: nowrap; padding-right: 100%; box-sizing: content-box; animation-iteration-count: infinite; animation-timing-function: linear; animation-name: ticker; animation-duration: 30s; display: inline-block; }
|
||
.ticker__item { display: inline-block; padding: 0 2rem; font-size: 13px; color: #333; }
|
||
@keyframes ticker { 0% { transform: translate3d(0, 0, 0); } 100% { transform: translate3d(-100%, 0, 0); } }
|
||
|
||
/* === 主体布局 === */
|
||
.main-grid-container > tbody > tr {
|
||
display: grid; grid-template-columns: 220px 1fr 280px; gap: 15px; margin-top: 0;
|
||
}
|
||
|
||
/* 卡片通用 */
|
||
.card-panel { background: var(--bg-card) !important; padding: 15px !important; border: 1px solid #eaeaea; border-top: 2px solid var(--primary); margin-bottom: 15px; }
|
||
.card-panel.highlight { border-top-color: var(--accent); }
|
||
|
||
.card-header {
|
||
font-size: 16px; font-weight: bold; border-bottom: 1px solid var(--border);
|
||
padding-bottom: 8px; margin-bottom: 12px; color: var(--primary);
|
||
display: flex; justify-content: space-between; align-items: center;
|
||
}
|
||
.card-header span { font-size: 12px; font-weight: normal; }
|
||
.card-header a { color: #999; }
|
||
|
||
/* 列表样式增强 */
|
||
.compact-list li { padding: 6px 0; border-bottom: 1px dotted #eee; font-size: 13px; display: flex; justify-content: space-between; }
|
||
.compact-list li:last-child { border: none; }
|
||
|
||
.rank-list li { margin-bottom: 8px; font-size: 13px; display: flex; align-items: baseline; }
|
||
.rank-num { background: #eee; color: #666; width: 18px; height: 18px; text-align: center; line-height: 18px; font-size: 12px; margin-right: 8px; border-radius: 2px; }
|
||
.rank-list li:nth-child(1) .rank-num { background: #e74c3c; color: white; }
|
||
.rank-list li:nth-child(2) .rank-num { background: #e67e22; color: white; }
|
||
.rank-list li:nth-child(3) .rank-num { background: #f1c40f; color: white; }
|
||
|
||
/* 左侧栏特定 */
|
||
.left-nav-table { width: 100%; border-collapse: collapse; }
|
||
.left-nav-table td { padding: 8px 12px !important; border-bottom: 1px solid #f0f0f0 !important; font-size: 14px; position: relative; }
|
||
.left-nav-table td:hover { background: #f9f9f9; padding-left: 15px !important; transition: 0.1s; }
|
||
.left-nav-header { background: #f4f6f8 !important; font-weight: bold; color: var(--primary); border-left: 3px solid var(--primary) !important; }
|
||
|
||
/* 中间栏特定 */
|
||
.headline-box { text-align: center; margin-bottom: 25px; padding-bottom: 15px; border-bottom: 1px solid #eee; }
|
||
.headline-box h2 { font-size: 26px; line-height: 1.4; color: var(--primary); margin-bottom: 10px; }
|
||
.headline-box h2:hover { color: var(--accent); cursor: pointer; }
|
||
.headline-meta { font-size: 12px; color: #999; margin-bottom: 15px; }
|
||
.headline-summary { text-align: left; background: #f9f9f9; padding: 15px; color: #555; font-size: 14px; border-radius: 4px; line-height: 1.8; }
|
||
|
||
/* 新闻分栏 (Tabs) */
|
||
.tab-header { display: flex; border-bottom: 2px solid var(--primary); margin-bottom: 15px; }
|
||
.tab-btn { padding: 8px 15px; background: #eee; cursor: pointer; border-radius: 4px 4px 0 0; margin-right: 2px; font-size: 14px; }
|
||
.tab-btn.active { background: var(--primary); color: white; font-weight: bold; }
|
||
|
||
.news-grid-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 15px; }
|
||
.section-title { font-size: 15px; font-weight: bold; border-left: 4px solid var(--accent); padding-left: 10px; margin-bottom: 10px; color: var(--text-main); display: flex; justify-content: space-between; }
|
||
|
||
/* 缩略图列表 */
|
||
.thumb-list li { display: flex; gap: 10px; margin-bottom: 15px; align-items: flex-start; }
|
||
.thumb-img { width: 100px; height: 70px; background: #ddd; object-fit: cover; border-radius: 2px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #999; }
|
||
.thumb-content h4 { font-size: 14px; margin-bottom: 5px; }
|
||
.thumb-content p { font-size: 12px; color: #666; margin: 0; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
|
||
|
||
/* 右侧栏特定 */
|
||
.login-box { background: linear-gradient(to bottom, #f8f9fa, #e9ecef) !important; border: 1px solid #dcdcdc; }
|
||
.login-box input { width: 100%; border: 1px solid #ccc; padding: 6px; margin-bottom: 8px; border-radius: 3px; }
|
||
.btn-login { width: 100%; background: var(--accent); color: white; border: none; padding: 8px; border-radius: 3px; cursor: pointer; font-weight: bold; }
|
||
.btn-login:hover { background: var(--accent-hover); }
|
||
|
||
.widget-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; }
|
||
.widget-item { background: #f0f3f5; padding: 8px; text-align: center; border-radius: 4px; font-size: 12px; }
|
||
.widget-item:hover { background: #e2e6ea; cursor: pointer; color: var(--accent); }
|
||
|
||
/* 通用弹窗组件优化 */
|
||
.modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 9999; display: none; justify-content: center; align-items: flex-start; padding-top: 80px; backdrop-filter: blur(4px); }
|
||
.modal-box { background: white; width: 500px; max-width: 90%; padding: 0; border-radius: 6px; box-shadow: 0 10px 30px rgba(0,0,0,0.3); animation: slideIn 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28); display: flex; flex-direction: column; max-height: 80vh; }
|
||
.modal-header { padding: 15px 20px; background: var(--bg-body); border-bottom: 1px solid #eee; border-radius: 6px 6px 0 0; display: flex; justify-content: space-between; align-items: center; }
|
||
.modal-title { font-weight: bold; font-size: 16px; color: var(--primary); }
|
||
.modal-body { padding: 20px; overflow-y: auto; line-height: 1.6; }
|
||
.modal-footer { padding: 15px 20px; border-top: 1px solid #eee; text-align: right; background: #fff; border-radius: 0 0 6px 6px; }
|
||
.close-btn { font-size: 24px; cursor: pointer; color: #999; line-height: 1; }
|
||
.close-btn:hover { color: #333; }
|
||
|
||
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border-width: 0; }
|
||
|
||
@keyframes slideIn { from { transform: translateY(-30px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
|
||
|
||
/* Footer Expansion */
|
||
.footer-mega { background: #fff; border-top: 3px solid var(--primary); padding: 40px 0 20px 0; margin-top: 40px; }
|
||
.footer-grid { display: grid; grid-template-columns: repeat(5, 1fr) 1.5fr; gap: 30px; border-bottom: 1px solid #eee; padding-bottom: 30px; margin-bottom: 20px; }
|
||
.footer-col h4 { font-size: 14px; color: #333; margin-bottom: 15px; font-weight: bold; text-transform: uppercase; }
|
||
.footer-col ul li { margin-bottom: 8px; }
|
||
.footer-col a { color: #666; font-size: 12px; }
|
||
.footer-col a:hover { color: var(--accent); }
|
||
.footer-legal { text-align: center; color: #999; font-size: 12px; line-height: 1.8; }
|
||
|
||
/* 功能按钮 */
|
||
.theme-toggle { position: fixed; bottom: 30px; right: 30px; width: 40px; height: 40px; background: var(--primary); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 4px 15px rgba(0,0,0,0.2); z-index: 100; transition: 0.3s; font-size: 20px; }
|
||
.theme-toggle:hover { transform: scale(1.1); background: var(--accent); }
|
||
|
||
/* Dark Mode Overrides */
|
||
body[data-theme='dark'] { --bg-body: #1a1a1a; --bg-card: #2c2c2c; --text-main: #e0e0e0; --primary: #3498db; --border: #444; }
|
||
body[data-theme='dark'] .header-container tr { border-bottom-color: #444; }
|
||
body[data-theme='dark'] .card-panel { border-color: #444; }
|
||
body[data-theme='dark'] .left-nav-table td { border-bottom-color: #444 !important; }
|
||
body[data-theme='dark'] .left-nav-table td:hover { background: #333; }
|
||
body[data-theme='dark'] .headline-summary { background: #333; color: #ccc; }
|
||
body[data-theme='dark'] .footer-mega { background: #222; }
|
||
|
||
</style>
|
||
</head>
|
||
<body bgcolor="#ffffff" text="#000000" link="#0000EE" vlink="#551A8B" alink="#FF0000">
|
||
|
||
<button id="btn-theme-toggle" class="theme-toggle" onclick="toggleTheme()" title="切换夜间模式" aria-label="Toggle dark/light mode">🌓</button>
|
||
|
||
<!-- Modals -->
|
||
<div id="modal-container" class="modal-overlay" role="presentation" aria-hidden="true">
|
||
<div class="modal-box" id="modal-box" role="dialog" aria-modal="true" aria-labelledby="modal-title">
|
||
<div class="modal-header">
|
||
<span class="modal-title" id="modal-title">Alert</span>
|
||
<button id="btn-modal-close-x" class="close-btn" onclick="closeModal()" aria-label="Close modal">×</button>
|
||
</div>
|
||
<div class="modal-body" id="modal-content">
|
||
<!-- Content -->
|
||
</div>
|
||
<div class="modal-footer" id="modal-footer">
|
||
<button id="btn-modal-close" class="modal-btn btn-secondary" onclick="closeModal()" style="padding: 6px 15px; border: 1px solid #ccc; background: white; border-radius: 4px; cursor: pointer;" aria-label="Close">Close</button>
|
||
<button class="modal-btn btn-primary" id="modal-confirm-btn" style="padding: 6px 15px; border: none; background: var(--accent); color: white; border-radius: 4px; cursor: pointer; margin-left: 10px; display:none;" aria-label="Confirm">Confirm</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script>
|
||
// Modal Logic
|
||
let modalCallback = null;
|
||
|
||
function createModal(title, content, isConfirm = false, onConfirm = null) {
|
||
document.getElementById('modal-title').innerText = title;
|
||
document.getElementById('modal-content').innerHTML = content;
|
||
document.getElementById('modal-container').style.display = 'flex';
|
||
|
||
const confirmBtn = document.getElementById('modal-confirm-btn');
|
||
if (isConfirm) {
|
||
confirmBtn.style.display = 'inline-block';
|
||
modalCallback = onConfirm;
|
||
confirmBtn.onclick = () => { if (modalCallback) modalCallback(); closeModal(); };
|
||
} else {
|
||
confirmBtn.style.display = 'none';
|
||
}
|
||
}
|
||
|
||
const NEWS_DB = {
|
||
"Global Sustainable Development Summit Closes in Geneva": `
|
||
<p><strong>Geneva Report</strong> —— After three days of intense discussion, the highly anticiparted Global Sustainable Development Special Summit concluded this afternoon in Geneva. Representatives from over 190 countries, leaders of international organizations, and business elites gathered to pass the historic "2030 Climate Action Declaration".</p>
|
||
<p>The core content of the declaration promises that major economies will reduce carbon emissions by 15% within the next five years and jointly establish a green transition fund totaling $500 billion, specifically to fund clean energy infrastructure in developing countries.</p>
|
||
<p>In the closing speech, the Summit Chairman stated: "This is a key step for humanity to address the challenge of climate change. We have no retreat and must act now."</p>
|
||
<p>Analysts point out that the signing of this declaration will greatly promote market demand for photovoltaics, wind energy, and energy storage technologies, having a profound impact on the global energy structure. Affected by this news, clean energy sectors in major global markets generally rose today.</p>
|
||
<p>In addition, the meeting also reached a number of consensuses on issues such as ocean protection and biodiversity restoration.</p>
|
||
`,
|
||
"Curie Awarded": `<p><strong>1903 Rewind</strong> —— This year, the physics world welcomed a glorious moment. The Royal Swedish Academy of Sciences announced the awarding of the Nobel Prize in Physics to Henri Becquerel, Pierre Curie, and Marie Curie, in recognition of their extraordinary contributions to radioactivity research.</p><p>This is the first time a female scientist has taken the Nobel Prize podium, marking the recognition of women's important status in modern science.</p>`,
|
||
"Kennedy Investigation": `<p><strong>Archive</strong> —— On November 22, 1963, John F. Kennedy, the 35th President of the United States, was assassinated during a campaign visit to Dallas, Texas. This event shocked the world.</p><p>The subsequent Warren Commission conducted a months-long investigation and released its final report in 1964, but various conspiracy theories about the event have never ceased among the public.</p>`,
|
||
"Euro Launch": `<p><strong>January 1, 1999</strong> —— European economic integration took a decisive step. The Euro was officially launched in 11 EU countries as an electronic and accounting currency.</p><p>This marked the arrival of the single currency era in Europe, greatly reducing transaction costs within the Eurozone and promoting trade and investment.</p>`,
|
||
"Olympic Countdown": `<p><strong>Beijing Report</strong> —— As August 8, 2008 approaches, the entire city of Beijing is immersed in the joy and busyness of the upcoming Olympics.</p><p>The construction of iconic venues such as the Bird's Nest and the Water Cube has entered the final stage, volunteer recruitment is in full swing, and the world's attention is focused on this ancient eastern capital.</p>`
|
||
};
|
||
|
||
function showArticle(title, summary) {
|
||
// 1. Try to find hardcoded content
|
||
// Normalize title lookup loosely if needed, currently exact match
|
||
let content = NEWS_DB[title];
|
||
|
||
// 2. If not found, GENERATE realistic content based on title/summary
|
||
if (!content) {
|
||
content = generateFakeNews(title, summary);
|
||
}
|
||
|
||
let fullContent = `
|
||
<h2 style="margin-bottom:10px; color:var(--primary); font-family:Georgia, serif;">${title}</h2>
|
||
<div style="font-size:12px; color:#666; margin-bottom:20px; border-bottom:1px solid #eee; padding-bottom:10px;">
|
||
Published: ${new Date().toLocaleDateString()} | Source: Global Daily | Reporter: John Doe | Views: ${Math.floor(Math.random()*50000 + 1000)}
|
||
</div>
|
||
<div style="font-size:16px; line-height:1.8; color:#333;">
|
||
${summary ? `<p><strong>Summary:</strong> ${summary}</p>` : ''}
|
||
${content}
|
||
</div>
|
||
<div style="background:#f9f9f9; padding:15px; margin-top:30px; border-left:4px solid var(--accent); font-size:13px;">
|
||
<strong>Editor:</strong> Editorial Team<br>
|
||
<strong>Copyright:</strong> Exclusive to Global Daily. Reproduction without permission is prohibited.
|
||
</div>
|
||
`;
|
||
createModal(title, fullContent);
|
||
}
|
||
|
||
function generateFakeNews(title, summary) {
|
||
// Simple logic to generate "Lorem Ipsum" style text but meaningful
|
||
|
||
let body = "";
|
||
const t = title.toLowerCase();
|
||
|
||
// Contextual Paragraph
|
||
if(t.includes("economy") || t.includes("stock") || t.includes("gdp") || t.includes("bank") || t.includes("dollar") || t.includes("finance") || t.includes("market")) {
|
||
body += `<p>According to the latest data released, this change has triggered widespread concern in the market. Analysts from multiple investment institutions believe that the market will remain volatile in the short term, but supported by favorable policies, the long-term positive fundamentals have not changed.</p>`;
|
||
body += `<p>Professor Lee, a famous economist, told our reporter: "${title} is an inevitable result of the current macro environment, and we should view this fluctuation rationally."</p>`;
|
||
} else if (t.includes("tech") || t.includes("ai") || t.includes("5g") || t.includes("chip") || t.includes("satellite") || t.includes("apple") || t.includes("science")) {
|
||
body += `<p>The breakthrough in this technology is mainly due to the R&D team's five-year technical struggle. It is understood that the project uses the latest neural network algorithms, improving computing efficiency by at least 40%.</p>`;
|
||
body += `<p>Industry experts predict that with the popularization of this technology, the relevant industry scale will break through the 100 billion mark within the next three years.</p>`;
|
||
} else if (t.includes("sport") || t.includes("olympic") || t.includes("champion") || t.includes("win") || t.includes("game") || t.includes("cup")) {
|
||
body += `<p>The atmosphere at the scene was enthusiastic, and the auditorium was packed. Both teams showed a very high level of competition. In the end, with a wonderful cooperation at a critical moment, the victory was established.</p>`;
|
||
body += `<p>At the post-match press conference, the coach spoke highly of the players' performance and stated that they would prepare fully for the next stage of the tournament.</p>`;
|
||
} else if (t.includes("disaster") || t.includes("rain") || t.includes("quake") || t.includes("fire") || t.includes("crash")) {
|
||
body += `<p>After the incident, the local government immediately activated the emergency response mechanism, and fire, medical, and rescue teams rushed to the scene immediately.</p>`;
|
||
body += `<p>Due to the complex terrain, rescue work faced certain difficulties. At present, the resettlement of affected people is proceeding in an orderly manner, and supplies are sufficient.</p>`;
|
||
} else {
|
||
// General Fallback
|
||
body += `<p>After the incident, it caused widespread discussion in all sectors of society. Key figures expressed their opinions.</p>`;
|
||
body += `<p>Sources say relevant departments have intervened in the investigation. Experts call for a long-term mechanism to solve such problems to avoid recurrence.</p>`;
|
||
}
|
||
|
||
// Conclusion
|
||
body += `<p>Judging from the current trend, the impact of ${title} will continue for some time. Global Daily will continue to follow the progress and bring you follow-up reports.</p>`;
|
||
|
||
return body;
|
||
}
|
||
|
||
function closeModal() { document.getElementById('modal-container').style.display = 'none'; }
|
||
function showCustomAlert(msg) { createModal("System Alert", msg, false); }
|
||
function showCustomConfirm(msg, callback) { createModal("Confirm Action", msg, true, callback); }
|
||
</script>
|
||
|
||
<center class="ad-banner">
|
||
<!-- Top Ad Hidden -->
|
||
</center>
|
||
|
||
<!-- Header -->
|
||
<center>
|
||
<table class="header-container" width="100%" role="banner">
|
||
<tr>
|
||
<td width="25%">
|
||
<h1 class="logo">Global<span>Daily</span></h1>
|
||
<small class="logo-sub">Connecting the World Since 1998</small>
|
||
</td>
|
||
<td width="45%" align="center">
|
||
<form class="search-box" onsubmit="event.preventDefault(); showCustomAlert('Searching database, please wait...');" role="search">
|
||
<label for="search-input" style="display:none;">Search</label>
|
||
<input type="text" id="search-input" placeholder="Enter keywords (e.g., Economy, AI, World Cup)" aria-label="Search news">
|
||
<button type="submit" aria-label="Submit search">Search</button>
|
||
</form>
|
||
</td>
|
||
<td width="30%" class="meta-info">
|
||
<div id="live-date">January 19, 2026 Monday</div>
|
||
<div id="live-time" style="font-size:20px; font-weight:bold; color:var(--primary); margin:5px 0;">12:00:00</div>
|
||
<div>
|
||
<span style="display:inline-block; width:10px; height:10px; background:#2ecc71; border-radius:50%;" aria-hidden="true"></span> Beijing | 15°C Sunny | PM2.5: 45
|
||
</div>
|
||
<div class="mt-10">
|
||
<button onclick="showCustomAlert('Please login from the sidebar')" style="background:none; border:none; color:var(--primary); cursor:pointer; text-decoration:underline;" aria-label="Login">Login</button>
|
||
<button onclick="showCustomAlert('Registration closed')" style="background:none; border:none; color:var(--primary); cursor:pointer; text-decoration:underline;" aria-label="Sign up">Sign Up</button>
|
||
<button onclick="showCustomAlert('Bookmarked')" style="background:none; border:none; color:var(--primary); cursor:pointer; text-decoration:underline;" aria-label="Bookmark">Bookmark</button>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</center>
|
||
|
||
<!-- Navigation -->
|
||
<center>
|
||
<table class="nav-container" width="100%" role="navigation" aria-label="Main navigation">
|
||
<tr>
|
||
<td align="center">
|
||
<a href="#" class="nav-item active" role="menuitem" aria-current="page" aria-label="Home">Home</a>
|
||
<button onclick="event.preventDefault();" class="nav-item" role="menuitem" aria-label="Global news" style="background:none; border:none; cursor:pointer; padding:12px 25px; text-decoration:none; color:rgba(255,255,255,0.9); font-weight:bold; font-size:15px; border-right:1px solid rgba(255,255,255,0.1); white-space:nowrap; transition:0.2s; display:block;">Global</button>
|
||
<button onclick="event.preventDefault();" class="nav-item" role="menuitem" aria-label="China news" style="background:none; border:none; cursor:pointer; padding:12px 25px; text-decoration:none; color:rgba(255,255,255,0.9); font-weight:bold; font-size:15px; border-right:1px solid rgba(255,255,255,0.1); white-space:nowrap; transition:0.2s; display:block;">China</button>
|
||
<button onclick="event.preventDefault();" class="nav-item" role="menuitem" aria-label="Finance news" style="background:none; border:none; cursor:pointer; padding:12px 25px; text-decoration:none; color:rgba(255,255,255,0.9); font-weight:bold; font-size:15px; border-right:1px solid rgba(255,255,255,0.1); white-space:nowrap; transition:0.2s; display:block;">Finance</button>
|
||
<button onclick="event.preventDefault();" class="nav-item" role="menuitem" aria-label="Tech news" style="background:none; border:none; cursor:pointer; padding:12px 25px; text-decoration:none; color:rgba(255,255,255,0.9); font-weight:bold; font-size:15px; border-right:1px solid rgba(255,255,255,0.1); white-space:nowrap; transition:0.2s; display:block;">Tech</button>
|
||
<button onclick="event.preventDefault();" class="nav-item" role="menuitem" aria-label="Military news" style="background:none; border:none; cursor:pointer; padding:12px 25px; text-decoration:none; color:rgba(255,255,255,0.9); font-weight:bold; font-size:15px; border-right:1px solid rgba(255,255,255,0.1); white-space:nowrap; transition:0.2s; display:block;">Military</button>
|
||
<button onclick="event.preventDefault();" class="nav-item" role="menuitem" aria-label="Sports news" style="background:none; border:none; cursor:pointer; padding:12px 25px; text-decoration:none; color:rgba(255,255,255,0.9); font-weight:bold; font-size:15px; border-right:1px solid rgba(255,255,255,0.1); white-space:nowrap; transition:0.2s; display:block;">Sports</button>
|
||
<button onclick="event.preventDefault();" class="nav-item" role="menuitem" aria-label="Entertainment news" style="background:none; border:none; cursor:pointer; padding:12px 25px; text-decoration:none; color:rgba(255,255,255,0.9); font-weight:bold; font-size:15px; border-right:1px solid rgba(255,255,255,0.1); white-space:nowrap; transition:0.2s; display:block;">Entertainment</button>
|
||
<button onclick="event.preventDefault();" class="nav-item" role="menuitem" aria-label="Auto and real estate news" style="background:none; border:none; cursor:pointer; padding:12px 25px; text-decoration:none; color:rgba(255,255,255,0.9); font-weight:bold; font-size:15px; border-right:1px solid rgba(255,255,255,0.1); white-space:nowrap; transition:0.2s; display:block;">Auto & Real Estate</button>
|
||
<button onclick="event.preventDefault();" class="nav-item" role="menuitem" aria-label="Education news" style="background:none; border:none; cursor:pointer; padding:12px 25px; text-decoration:none; color:rgba(255,255,255,0.9); font-weight:bold; font-size:15px; border-right:1px solid rgba(255,255,255,0.1); white-space:nowrap; transition:0.2s; display:block;">Education</button>
|
||
<button onclick="event.preventDefault();" class="nav-item" role="menuitem" aria-label="Travel news" style="background:none; border:none; cursor:pointer; padding:12px 25px; text-decoration:none; color:rgba(255,255,255,0.9); font-weight:bold; font-size:15px; border-right:1px solid rgba(255,255,255,0.1); white-space:nowrap; transition:0.2s; display:block;">Travel</button>
|
||
<button onclick="event.preventDefault();" class="nav-item" role="menuitem" aria-label="Blogs" style="background:none; border:none; cursor:pointer; padding:12px 25px; text-decoration:none; color:rgba(255,255,255,0.9); font-weight:bold; font-size:15px; border-right:1px solid rgba(255,255,255,0.1); white-space:nowrap; transition:0.2s; display:block;">Blogs</button>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</center>
|
||
|
||
<!-- Ticker -->
|
||
<center>
|
||
<div class="ticker-wrap">
|
||
<div class="ticker-label">Breaking</div>
|
||
<div class="ticker">
|
||
<div class="ticker__item">【Global】Global economic recovery accelerates, IMF raises growth forecast to 3.5%</div>
|
||
<div class="ticker__item">【Tech】SpaceX Starship 10th test flight successful, stunning recovery footage</div>
|
||
<div class="ticker__item">【Sports】Euro Cup final venue confirmed, expected to attract 100k spectators</div>
|
||
<div class="ticker__item">【Society】Cold wave approaching, snow expected in northern regions</div>
|
||
<div class="ticker__item">【Finance】Nasdaq hits record high, led by tech giants</div>
|
||
</div>
|
||
</div>
|
||
</center>
|
||
|
||
<!-- Main Body -->
|
||
<center>
|
||
<table width="100%" class="main-grid-container" border="0" cellspacing="5" cellpadding="0">
|
||
|
||
<tr>
|
||
|
||
<td width="220" valign="top" class="left-col">
|
||
<!-- Navigation Menu -->
|
||
<div class="card-panel" style="padding:0 !important;">
|
||
<table class="left-nav-table">
|
||
<tr><td class="left-nav-header">Site Navigation</td></tr>
|
||
<tr><td><a href="javascript:void(0)">🌍 Global Watch</a></td></tr>
|
||
<tr><td><a href="javascript:void(0)">🇨🇳 National News</a></td></tr>
|
||
<tr><td><a href="javascript:void(0)">💰 Finance & Stock</a></td></tr>
|
||
<tr><td><a href="javascript:void(0)">🚀 Tech Frontiers</a></td></tr>
|
||
<tr><td><a href="javascript:void(0)">⚔️ Military Def</a></td></tr>
|
||
<tr><td><a href="javascript:void(0)">⚽ Sports Arena</a></td></tr>
|
||
<tr><td><a href="javascript:void(0)">🎬 Ent & Movies</a></td></tr>
|
||
<tr><td><a href="javascript:void(0)">🏠 Real Estate</a></td></tr>
|
||
<tr><td><a href="javascript:void(0)">🚗 Auto Reviews</a></td></tr>
|
||
<tr><td><a href="javascript:void(0)">🎮 Gaming</a></td></tr>
|
||
<tr><td><a href="javascript:void(0)">📖 Education</a></td></tr>
|
||
<tr><td><a href="javascript:void(0)">💊 Health & Med</a></td></tr>
|
||
</table>
|
||
</div>
|
||
|
||
<!-- Tools -->
|
||
<div class="card-panel">
|
||
<div class="card-header">Tools</div>
|
||
<div class="widget-grid">
|
||
<div class="widget-item" onclick="showCustomAlert('Lottery data loading...')">🎰 Lottery</div>
|
||
<div class="widget-item" onclick="showCustomAlert('Connecting to 12306...')">🚆 Train</div>
|
||
<div class="widget-item" onclick="showCustomAlert('Enter flight number')">✈️ Flight</div>
|
||
<div class="widget-item" onclick="showCustomAlert('Enter tracking number')">📦 Express</div>
|
||
<div class="widget-item" onclick="showCustomAlert('Forex calc loading')">💱 Forex</div>
|
||
<div class="widget-item" onclick="showCustomAlert('Tax calc loading')">🧮 Tax</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- History Today -->
|
||
<div class="card-panel">
|
||
<div class="card-header">On This Day</div>
|
||
<ul class="compact-list">
|
||
<li><span>1903</span> <a href="javascript:void(0)" onclick="showArticle('Curie Awarded','1903, The Curies awarded Nobel Prize in Physics.')">Curie Awarded</a></li>
|
||
<li><span>1964</span> <a href="javascript:void(0)" onclick="showArticle('Kennedy Investigation','...')">Kennedy Investigation</a></li>
|
||
<li><span>1998</span> <a href="javascript:void(0)" onclick="showArticle('Euro Launch','Euro currency officially launched.')">Euro Launch</a></li>
|
||
<li><span>2008</span> <a href="javascript:void(0)" onclick="showArticle('Olympic Countdown','Beijing Olympics Countdown.')">Olympic Countdown</a></li>
|
||
</ul>
|
||
</div>
|
||
|
||
<!-- Horoscope -->
|
||
<div class="card-panel">
|
||
<div class="card-header">Horoscope <span>(12 Signs)</span></div>
|
||
<div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;">
|
||
<span style="font-size:32px;">♈</span>
|
||
<div style="text-align:right;">
|
||
<strong>Aries</strong><br>
|
||
<small class="text-red">★★★★☆</small>
|
||
</div>
|
||
</div>
|
||
<p style="font-size:12px; color:#666; line-height:1.4;">Great career luck today, start new projects. Average wealth luck, spend wisely.</p>
|
||
<div style="margin-top:10px; padding-top:10px; border-top:1px dashed #eee; font-size:12px;">
|
||
<span style="cursor:pointer; color:#004499;">View Others >></span>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Vertical Ad -->
|
||
<div style="background:#e0e0e0; height:300px; display:flex; margin-bottom:15px; align-items:center; justify-content:center; color:#999; border:1px solid #ccc;">
|
||
Ad Space Available<br>Call: 888-8888
|
||
</div>
|
||
|
||
<!-- Specialized Columns -->
|
||
<div class="card-panel">
|
||
<table class="left-nav-table">
|
||
<tr><td class="left-nav-header" style="border-left-color:var(--accent) !important;">Regional Channels</td></tr>
|
||
<tr><td><a href="javascript:void(0)">📍 Beijing</a></td></tr>
|
||
<tr><td><a href="javascript:void(0)">📍 Shanghai</a></td></tr>
|
||
<tr><td><a href="javascript:void(0)">📍 Guangzhou</a></td></tr>
|
||
<tr><td><a href="javascript:void(0)">📍 Shenzhen</a></td></tr>
|
||
<tr><td><a href="javascript:void(0)">📍 Hangzhou</a></td></tr>
|
||
</table>
|
||
</div>
|
||
|
||
<!-- Daily Poll -->
|
||
<div class="card-panel">
|
||
<div class="card-header">Daily Poll</div>
|
||
<p style="font-size:13px; margin-bottom:10px;"><strong>How do you get news?</strong></p>
|
||
<form>
|
||
<label style="display:block; margin-bottom:5px; font-size:13px;"><input id="poll-social-media" type="radio" name="poll" value="social"> Social Media APP</label>
|
||
<label style="display:block; margin-bottom:5px; font-size:13px;"><input id="poll-portals" type="radio" name="poll" value="portal"> Traditional Portals</label>
|
||
<label style="display:block; margin-bottom:5px; font-size:13px;"><input id="poll-tv" type="radio" name="poll" value="tv"> TV/Radio</label>
|
||
<label style="display:block; margin-bottom:10px; font-size:13px;"><input id="poll-newspaper" type="radio" name="poll" value="newspaper"> Newspapers</label>
|
||
<button id="btn-poll-submit" type="button" class="btn-login" style="width:100%; border-radius:15px;" onclick="showCustomAlert('Thanks! 68% users chose Social Media.')">Submit Vote</button>
|
||
</form>
|
||
</div>
|
||
</td>
|
||
|
||
<td valign="top" class="main-col">
|
||
|
||
<!-- Headline Focus (Enhanced) -->
|
||
<div class="card-panel highlight">
|
||
<div class="headline-box">
|
||
<h2 id="btn-headline-geneva" onclick="showArticle('Global Sustainable Development Summit Closes in Geneva', 'After three days of intense discussion, the global summit concluded successfully...')" style="cursor:pointer;">Global Summit Closes: "2030 Climate Action Declaration" Adopted</h2>
|
||
<div class="headline-meta">
|
||
<span>2026-01-19 08:30</span> |
|
||
<span>Source: Global Daily</span> |
|
||
<span>Comments: <a href="javascript:void(0)" class="text-red">3,421</a></span>
|
||
</div>
|
||
<div class="headline-summary">
|
||
<strong>Key Point:</strong> The summit reached historic consensus, including reducing carbon emissions by 15% within five years and establishing a $500 billion green transition fund. Major economies promised to accelerate energy structure adjustment. Analysts believe this will have a profound impact on the global energy market.<a href="javascript:void(0)" style="color:var(--primary)">[Full Text]</a>
|
||
</div>
|
||
<div class="flex-row p-10" style="background:#f0f3f5; margin-top:15px; border-radius:4px;">
|
||
<a href="javascript:void(0)" class="text-red"><strong>[Depth] Who pays for carbon neutrality?</strong></a>
|
||
<span>|</span>
|
||
<a href="javascript:void(0)">Major benefits for NEV industry chain</a>
|
||
<span>|</span>
|
||
<a href="javascript:void(0)">Transition path for traditional energy giants</a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Secondary Headlines -->
|
||
<ul class="compact-list" style="font-size:14px; font-weight:bold;">
|
||
<li><a href="javascript:void(0)">• NBS: H1 GDP grows 5.5% YoY, economy steady and improving</a> <span>[09:00]</span></li>
|
||
<li><a href="javascript:void(0)">• Central Bank announces 0.25% RRR cut to release long-term funds</a> <span>[08:45]</span></li>
|
||
<li><a href="javascript:void(0)">• MoST: Major breakthrough in quantum computing, 100x power boost</a> <span>[08:20]</span></li>
|
||
</ul>
|
||
</div>
|
||
|
||
<!-- Tabbed News List -->
|
||
<div class="card-panel">
|
||
<div class="tab-header" role="tablist">
|
||
<div class="tab-btn active" onclick="switchTab(this, 'news-domestic')" role="tab" aria-selected="true" aria-controls="news-domestic" aria-label="Domestic news tab">Domestic</div>
|
||
<div class="tab-btn" onclick="switchTab(this, 'news-intl')" role="tab" aria-selected="false" aria-controls="news-intl" aria-label="International news tab">International</div>
|
||
<div class="tab-btn" onclick="switchTab(this, 'news-society')" role="tab" aria-selected="false" aria-controls="news-society" aria-label="Society news tab">Society</div>
|
||
<div style="flex:1; border-bottom:1px solid #ddd; position:relative; top:1px;"></div>
|
||
</div>
|
||
|
||
<div id="news-domestic" class="news-tab-content">
|
||
<ul class="news-list">
|
||
<li><a href="javascript:void(0)">Provinces release latest talent introduction policies, subsidies up to 2M</a> <small>(01-19)</small></li>
|
||
<li><a href="javascript:void(0)">Ministry of Education: Strengthen labor education in all schools</a> <small>(01-19)</small></li>
|
||
<li><a href="javascript:void(0)">National Railway implements new schedule, travel faster and cheaper</a> <small>(01-19)</small></li>
|
||
<li><a href="javascript:void(0)">Wide range rainfall in South, Level III flood warning issued</a> <small>(01-19)</small></li>
|
||
<li><a href="javascript:void(0)">Ministry of Culture/Tourism: Spring Festival travel forecast released</a> <small>(01-18)</small></li>
|
||
<li><a href="javascript:void(0)">China successfully launches two new remote sensing satellites</a> <small>(01-18)</small></li>
|
||
<li><a href="javascript:void(0)">Major cross-sea bridge completed, connecting two economic zones</a> <small>(01-18)</small></li>
|
||
<li><a href="javascript:void(0)">Ministry of Agriculture: Grain production target stable at 1.3T jin</a> <small>(01-18)</small></li>
|
||
<li><a href="javascript:void(0)">5G network covers all prefecture-level cities, exceeding 800M users</a> <small>(01-18)</small></li>
|
||
<li><a href="javascript:void(0)">【Feature】Watchman in the mountains: Rural teacher stays for 30 years</a> <small>(01-17)</small></li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div id="news-intl" class="news-tab-content" style="display:none;">
|
||
<ul class="news-list">
|
||
<li><a href="javascript:void(0)">Fed hints at pausing rate hikes, global stocks surge</a> <small>(01-19)</small></li>
|
||
<li><a href="javascript:void(0)">EU reaches preliminary agreement on AI Regulation Act</a> <small>(01-19)</small></li>
|
||
<li><a href="javascript:void(0)">BoJ maintains ultra-loose monetary policy, Yen continues slide</a> <small>(01-19)</small></li>
|
||
<li><a href="javascript:void(0)">Brazilian rainforest project receives international funding</a> <small>(01-18)</small></li>
|
||
<li><a href="javascript:void(0)">UK Royal ceremony held, tens of thousands celebrate on streets</a> <small>(01-18)</small></li>
|
||
<li><a href="javascript:void(0)">Musk announces new Mars colonization timeline, experts question</a> <small>(01-18)</small></li>
|
||
<li><a href="javascript:void(0)">Middle East tensions rise again, nations call for restraint</a> <small>(01-18)</small></li>
|
||
<li><a href="javascript:void(0)">Australian bushfires rage, koala habitats threatened</a> <small>(01-17)</small></li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div id="news-society" class="news-tab-content" style="display:none;">
|
||
<ul class="news-list">
|
||
<li><a href="javascript:void(0)"><span class="text-red">[Hot]</span> Man hides lottery jackpot from wife, court splits prize</a></li>
|
||
<li><a href="javascript:void(0)">Gen Z quits job to weave bamboo, selling globally</a></li>
|
||
<li><a href="javascript:void(0)">Help fallen elder? Elementary students give the answer</a></li>
|
||
<li><a href="javascript:void(0)">Urban stray cat dilemma: Kindness vs Environment</a></li>
|
||
<li><a href="javascript:void(0)">Mystery buyer bids 300 million for antique vase</a></li>
|
||
<li><a href="javascript:void(0)">College cafeteria "Dark Cuisine": Chili Stir-fry Mooncake</a></li>
|
||
<li><a href="javascript:void(0)">Delivery rider rushes into fire to save child, awarded honorary citizen</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Text Ad Banner -->
|
||
<div style="background:#fff9c4; border:1px solid #fbc02d; padding:10px; text-align:center; margin-bottom:20px; font-size:14px;">
|
||
<span style="background:red; color:white; padding:0 4px; font-size:12px; margin-right:5px;">Ad</span>
|
||
<strong>New Business English Course Online, Start from Zero! <a href="javascript:void(0)" onclick="showCustomAlert('Ad Block Enabled')">[Free Trial]</a> | <a href="javascript:void(0)">[Python Data Analysis Camp]</a></strong>
|
||
</div>
|
||
|
||
<!-- Photo Center -->
|
||
<div class="card-panel">
|
||
<div class="card-header">
|
||
Photo Gallery <a href="javascript:void(0)">More >></a>
|
||
</div>
|
||
<div class="img-grid" style="grid-template-columns: repeat(4, 1fr);">
|
||
<div style="text-align:center;">
|
||
<div class="img-placeholder" style="height:100px;">Polar View</div>
|
||
<p style="font-size:12px; margin-top:5px;">Antarctica Melting</p>
|
||
</div>
|
||
<div style="text-align:center;">
|
||
<div class="img-placeholder" style="height:100px;">Deep Sea</div>
|
||
<p style="font-size:12px; margin-top:5px;">New Species Found</p>
|
||
</div>
|
||
<div style="text-align:center;">
|
||
<div class="img-placeholder" style="height:100px;">Restoration</div>
|
||
<p style="font-size:12px; margin-top:5px;">Ancient Murals</p>
|
||
</div>
|
||
<div style="text-align:center;">
|
||
<div class="img-placeholder" style="height:100px;">Rocket</div>
|
||
<p style="font-size:12px; margin-top:5px;">Exploring Stars</p>
|
||
</div>
|
||
<div style="text-align:center;">
|
||
<div class="img-placeholder" style="height:100px;">Harvest</div>
|
||
<p style="font-size:12px; margin-top:5px;">Golden Wheat</p>
|
||
</div>
|
||
<div style="text-align:center;">
|
||
<div class="img-placeholder" style="height:100px;">Fashion</div>
|
||
<p style="font-size:12px; margin-top:5px;">Paris Fashion Week</p>
|
||
</div>
|
||
<div style="text-align:center;">
|
||
<div class="img-placeholder" style="height:100px;">Disaster</div>
|
||
<p style="font-size:12px; margin-top:5px;">Flood Relief</p>
|
||
</div>
|
||
<div style="text-align:center;">
|
||
<div class="img-placeholder" style="height:100px;">Animals</div>
|
||
<p style="font-size:12px; margin-top:5px;">Baby Panda</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 2-Column Section: Finance & Tech -->
|
||
<div class="news-grid-2col">
|
||
<!-- Finance -->
|
||
<div class="card-panel">
|
||
<div class="section-title">
|
||
Finance Watch <a href="javascript:void(0)" style="font-weight:normal; font-size:12px; color:#999;">More ></a>
|
||
</div>
|
||
<ul class="compact-list">
|
||
<li><a href="javascript:void(0)">Indices close higher, ChiNext up over 2%</a></li>
|
||
<li><a href="javascript:void(0)">Gold hits new high as risk aversion rises</a></li>
|
||
<li><a href="javascript:void(0)" class="text-red">Major property developer announces debt restructuring success</a></li>
|
||
<li><a href="javascript:void(0)">Oil prices hiked for 8th time this year</a></li>
|
||
<li><a href="javascript:void(0)">Digital currency pilot expands again</a></li>
|
||
<li><a href="javascript:void(0)">Global inflation eases, hike cycle may end</a></li>
|
||
<li><a href="javascript:void(0)">Buffett reduces bank holdings, adds energy stocks</a></li>
|
||
<li><a href="javascript:void(0)">Gen Z prefers low-risk financial products</a></li>
|
||
</ul>
|
||
</div>
|
||
<!-- Tech -->
|
||
<div class="card-panel">
|
||
<div class="section-title">
|
||
Tech Frontiers <a href="javascript:void(0)" style="font-weight:normal; font-size:12px; color:#999;">More ></a>
|
||
</div>
|
||
<ul class="thumb-list">
|
||
<li>
|
||
<div class="thumb-img">AI Chip</div>
|
||
<div class="thumb-content">
|
||
<h4><a href="javascript:void(0)">Domestic AI Chip Performance Doubled</a></h4>
|
||
<p>Latest neural processor released, marking...</p>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="thumb-img">Mars Base</div>
|
||
<div class="thumb-content">
|
||
<h4><a href="javascript:void(0)">NASA Reveals Mars Base Concept</a></h4>
|
||
<p>First human landing expected by 2035...</p>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
<ul class="compact-list">
|
||
<li><a href="javascript:void(0)">Apple releases Vision Pro 2, 50% lighter</a></li>
|
||
<li><a href="javascript:void(0)">Android 16 preview launched, focus on privacy</a></li>
|
||
<li><a href="javascript:void(0)">Quantum computer sees first commercial use</a></li>
|
||
<li><a href="javascript:void(0)">Solid-state battery breakthrough, 1000km range</a></li>
|
||
<li><a href="javascript:void(0)">Hackers claim breach of major social platform</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 2-Column Section: Sports & Entertainment -->
|
||
<div class="news-grid-2col" style="margin-top:0;">
|
||
<!-- Sports -->
|
||
<div class="card-panel">
|
||
<div class="section-title">
|
||
Sports Arena <a href="javascript:void(0)" style="font-weight:normal; font-size:12px; color:#999;">More ></a>
|
||
</div>
|
||
<ul class="compact-list">
|
||
<li><a id="news-worldcup" href="javascript:void(0)" class="text-red">World Cup expands to 48 teams, more Asian slots</a></li>
|
||
<li><a href="javascript:void(0)">NBA Finals G6: Lakers vs Celtics at home</a></li>
|
||
<li><a href="javascript:void(0)">F1 Monaco GP: Ferrari locks front row</a></li>
|
||
<li><a href="javascript:void(0)">Wimbledon: Chinese youngster upsets champion to reach QF</a></li>
|
||
<li><a href="javascript:void(0)">National coach fired, who will take over?</a></li>
|
||
<li><a href="javascript:void(0)">Esports in Olympics? IOC President's statement</a></li>
|
||
</ul>
|
||
</div>
|
||
<!-- Entertainment -->
|
||
<div class="card-panel">
|
||
<div class="section-title">
|
||
Entertainment <a href="javascript:void(0)" style="font-weight:normal; font-size:12px; color:#999;">More ></a>
|
||
</div>
|
||
<div style="display:grid; grid-template-columns: 1fr 1fr; gap:10px; margin-bottom:10px;">
|
||
<div class="img-placeholder" style="height:60px;">Movie Poster</div>
|
||
<div class="img-placeholder" style="height:60px;">Concert</div>
|
||
</div>
|
||
<ul class="compact-list">
|
||
<li><a href="javascript:void(0)">Spring Festival box office: Sci-fi film leads</a></li>
|
||
<li><a href="javascript:void(0)">Top star fined for tax evasion, studio apologizes</a></li>
|
||
<li><a href="javascript:void(0)">Veteran rock band disbands after 30 years</a></li>
|
||
<li><a href="javascript:void(0)">Famous director slams traffic stars for bad acting</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</td>
|
||
|
||
<td valign="top" class="right-col">
|
||
|
||
<!-- Login Box -->
|
||
<div class="card-panel login-box" style="padding:15px !important;">
|
||
<h4 style="margin-bottom:10px; color:var(--primary);">Member Login</h4>
|
||
<form onsubmit="event.preventDefault(); showCustomAlert('Connecting to auth server...<br>Please try again later.')">
|
||
<input type="text" placeholder="Username/Email">
|
||
<input type="password" placeholder="Password">
|
||
<div class="flex-row" style="font-size:12px; margin-bottom:10px;">
|
||
<label><input type="checkbox"> Auto Login</label>
|
||
<a href="javascript:void(0)" onclick="showCustomAlert('Please contact admin to reset')">Forgot Password?</a>
|
||
</div>
|
||
<button class="btn-login">Login Now</button>
|
||
</form>
|
||
<div style="margin-top:10px; font-size:12px; text-align:center;">
|
||
<a href="javascript:void(0)" onclick="showCustomAlert('Registration is busy')">Free Register</a> | <a href="javascript:void(0)">Login with WeChat</a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Market Data -->
|
||
<div class="card-panel">
|
||
<div class="card-header">
|
||
Market Data <span class="text-green" style="font-size:10px;">● Trading</span>
|
||
</div>
|
||
<ul class="compact-list" style="font-family:monospace;">
|
||
<li><span>S&P 500</span> <span class="text-red">4,120.50 ▲ 1.2%</span></li>
|
||
<li><span>Nasdaq</span> <span class="text-red">12,050.20 ▲ 0.8%</span></li>
|
||
<li><span>Dow Jones</span> <span class="text-green">33,400.10 ▼ 0.5%</span></li>
|
||
<li><span>FTSE 100</span> <span class="text-red">7,890.00 ▲ 0.2%</span></li>
|
||
<li><span>Gold Spot</span> <span class="text-red">2,035.50 ▲ 0.1%</span></li>
|
||
<li><span>Brent Oil</span> <span class="text-green">78.50 ▼ 1.2%</span></li>
|
||
</ul>
|
||
</div>
|
||
|
||
<!-- 24h Hot List -->
|
||
<div class="card-panel">
|
||
<div class="card-header">24h Trending</div>
|
||
<ul class="rank-list">
|
||
<li><span class="rank-num">1</span> <a href="javascript:void(0)">Celebrity divorce crashes social media</a></li>
|
||
<li><span class="rank-num">2</span> <a href="javascript:void(0)">Heatwave warning issued nationwide</a></li>
|
||
<li><span class="rank-num">3</span> <a href="javascript:void(0)">Gas prices expected to drop significantly</a></li>
|
||
<li><span class="rank-num">4</span> <a href="javascript:void(0)">College entrance exam scores released</a></li>
|
||
<li><span class="rank-num">5</span> <a href="javascript:void(0)">New iPhone dummy models leaked</a></li>
|
||
<li><span class="rank-num">6</span> <a href="javascript:void(0)">Pension adjustment policy announced</a></li>
|
||
<li><span class="rank-num">7</span> <a href="javascript:void(0)">5-hour queue for viral milk tea</a></li>
|
||
<li><span class="rank-num">8</span> <a href="javascript:void(0)">Analysis on recent stock market surge</a></li>
|
||
</ul>
|
||
</div>
|
||
|
||
<!-- Weather -->
|
||
<div class="card-panel" style="background: linear-gradient(to bottom right, #87CEFA, #4682B4) !important; color:white;">
|
||
<h4 style="margin-bottom:10px;">Local Weather</h4>
|
||
<div class="flex-row">
|
||
<span style="font-size:40px;">☀</span>
|
||
<div style="text-align:right;">
|
||
<div style="font-size:24px; font-weight:bold;">25°C</div>
|
||
<small>Sunny / Light Breeze</small>
|
||
</div>
|
||
</div>
|
||
<div style="font-size:12px; margin-top:10px; border-top:1px solid rgba(255,255,255,0.3); padding-top:5px;">
|
||
Tom: Rain 20°C - 24°C <br>
|
||
Air Quality: Excellent (35)
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Game Ad -->
|
||
<div style="border: 2px solid orange; padding: 10px; cursor: pointer; text-align:center; background:#fff3e0; margin-bottom:15px;" onclick="showCustomAlert('Downloading Game Client...')">
|
||
<h3 style="color:#d35400;">🔥 Epic Legend - Play Free 🔥</h3>
|
||
<p style="font-size:12px; color:#e67e22;">Instant Max Level! Join the battle!</p>
|
||
<button style="background:#d35400; color:white; border:none; padding:5px 15px; border-radius:30px; margin-top:5px; cursor:pointer;">Play Now</button>
|
||
</div>
|
||
|
||
<!-- Editor's Pick -->
|
||
<div class="card-panel">
|
||
<div class="card-header">Editor's Pick</div>
|
||
<ul class="compact-list">
|
||
<li><a href="javascript:void(0)">[Deep Dive] Why Gen Z stopped watching TV?</a></li>
|
||
<li><a href="javascript:void(0)">[Review] Top 10 books to read this month</a></li>
|
||
<li><a href="javascript:void(0)">[Food] Michelin star restaurant hidden in alley</a></li>
|
||
<li><a href="javascript:void(0)">[Interview] Exclusive with Nobel Prize winner</a></li>
|
||
<li><a href="javascript:void(0)">[Fact Check] Top 10 myths about the virus</a></li>
|
||
</ul>
|
||
</div>
|
||
|
||
<!-- Link Exchange -->
|
||
<div class="card-panel">
|
||
<div class="card-header">Link Exchange</div>
|
||
<p style="font-size:12px; color:#666; margin-bottom:10px;">Welcome high quality sites to exchange links. PR>4, Alexa < 100k.</p>
|
||
<button class="btn-login" style="background:#555;" onclick="showCustomAlert('Please email to link@globaldaily.com')">Apply Now</button>
|
||
</div>
|
||
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</center>
|
||
|
||
<hr width="980">
|
||
|
||
<center>
|
||
<div class="footer-mega">
|
||
<!-- Col 1 -->
|
||
<div class="footer-col">
|
||
<h4>About Us</h4>
|
||
<ul>
|
||
<li><a href="javascript:void(0)">Company Profile</a></li>
|
||
<li><a href="javascript:void(0)">Management Team</a></li>
|
||
<li><a href="javascript:void(0)">Our History</a></li>
|
||
<li><a href="javascript:void(0)">Culture</a></li>
|
||
<li><a href="javascript:void(0)">Social Responsibility</a></li>
|
||
<li><a href="javascript:void(0)">Investor Relations</a></li>
|
||
<li><a href="javascript:void(0)">Join Us</a></li>
|
||
</ul>
|
||
</div>
|
||
<!-- Col 2 -->
|
||
<div class="footer-col">
|
||
<h4>Products</h4>
|
||
<ul>
|
||
<li><a href="javascript:void(0)">RSS Feed</a></li>
|
||
<li><a href="javascript:void(0)">Mobile App</a></li>
|
||
<li><a href="javascript:void(0)">Open Platform</a></li>
|
||
<li><a href="javascript:void(0)">Site Map</a></li>
|
||
<li><a href="javascript:void(0)">API</a></li>
|
||
<li><a href="javascript:void(0)">Indices Data</a></li>
|
||
<li><a href="javascript:void(0)">Advertising</a></li>
|
||
</ul>
|
||
</div>
|
||
<!-- Col 3 -->
|
||
<div class="footer-col">
|
||
<h4>Business</h4>
|
||
<ul>
|
||
<li><a href="javascript:void(0)">Marketing</a></li>
|
||
<li><a href="javascript:void(0)">Content Licensing</a></li>
|
||
<li><a href="javascript:void(0)">Branding</a></li>
|
||
<li><a href="javascript:void(0)">Event Sponsorship</a></li>
|
||
<li><a href="javascript:void(0)">Enterprise Service</a></li>
|
||
<li><a href="javascript:void(0)">Contribution</a></li>
|
||
<li><a href="javascript:void(0)">Ethics Report</a></li>
|
||
</ul>
|
||
</div>
|
||
<!-- Col 4 -->
|
||
<div class="footer-col">
|
||
<h4>Support</h4>
|
||
<ul>
|
||
<li><a href="javascript:void(0)">Help Center</a></li>
|
||
<li><a href="javascript:void(0)">Feedback</a></li>
|
||
<li><a href="javascript:void(0)">Account & Safety</a></li>
|
||
<li><a href="javascript:void(0)">Privacy Policy</a></li>
|
||
<li><a href="javascript:void(0)">Terms of Service</a></li>
|
||
<li><a href="javascript:void(0)">Community Guidelines</a></li>
|
||
<li><a href="javascript:void(0)">Child Protection</a></li>
|
||
</ul>
|
||
</div>
|
||
<!-- Col 5 -->
|
||
<div class="footer-col">
|
||
<h4>Links</h4>
|
||
<ul>
|
||
<li><a href="javascript:void(0)">Gov Sites</a></li>
|
||
<li><a href="javascript:void(0)">News Alliance</a></li>
|
||
<li><a href="javascript:void(0)">Universities</a></li>
|
||
<li><a href="javascript:void(0)">Charity Funds</a></li>
|
||
<li><a href="javascript:void(0)">Intl Media</a></li>
|
||
<li><a href="javascript:void(0)">TechBlog</a></li>
|
||
<li><a href="javascript:void(0)">Finance Web</a></li>
|
||
</ul>
|
||
</div>
|
||
<!-- Col 6 -->
|
||
<div class="footer-col">
|
||
<h4>Follow Us</h4>
|
||
<div style="display: flex; gap: 10px; margin-bottom: 10px;">
|
||
<div style="width: 30px; height: 30px; background: #ddd; border-radius: 4px;"></div>
|
||
<div style="width: 30px; height: 30px; background: #ddd; border-radius: 4px;"></div>
|
||
<div style="width: 30px; height: 30px; background: #ddd; border-radius: 4px;"></div>
|
||
</div>
|
||
<ul>
|
||
<li><a href="javascript:void(0)">Official Weibo</a></li>
|
||
<li><a href="javascript:void(0)">WeChat Account</a></li>
|
||
<li><a href="javascript:void(0)">Douyin/TikTok</a></li>
|
||
<li><a href="javascript:void(0)">Email Sub</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div style="border-top: 1px solid var(--border-color); width: 980px; margin: 20px auto; padding-top: 20px;">
|
||
<p style="color: #666; font-size: 12px; line-height: 1.8;">
|
||
Copyright © 1998-2025 Global Daily News Inc. All Rights Reserved. <br>
|
||
Internet News Info Service License: 1012025001 | Telecom Business License: B2-20250088 | TV Program Production License: (Jing) No. 0678<br>
|
||
AV Internet Dissemination License: 0102333 | Network Culture License: [2025]1024-009 | Religious Info License: (2025)0000001<br>
|
||
Illegal Content Report: 12377 | Email: jubao@globaldaily.com | Ethics Supervisor: 010-88888888<br>
|
||
<a href="javascript:void(0)" style="color:#666; text-decoration:none;">Beijing Public Security Record No. 11000002000001</a>
|
||
</p>
|
||
</div>
|
||
</center>
|
||
|
||
<script>
|
||
// -------------------------------------------------------------------------
|
||
// Core: Time Update
|
||
// -------------------------------------------------------------------------
|
||
function updateTime() {
|
||
const now = new Date();
|
||
// Use en-US locale
|
||
const timeString = now.toLocaleTimeString('en-US', { hour12: true });
|
||
const dateString = now.toLocaleDateString('en-US', { month: 'long', day: 'numeric', weekday: 'long' });
|
||
|
||
const timeEl = document.getElementById('time-span');
|
||
if (timeEl) timeEl.textContent = `${dateString} ${timeString}`;
|
||
}
|
||
setInterval(updateTime, 1000);
|
||
updateTime();
|
||
|
||
// -------------------------------------------------------------------------
|
||
// Core: Mock Stock Tickers
|
||
// -------------------------------------------------------------------------
|
||
function simulateStockTicks() {
|
||
const stocks = document.querySelectorAll('.market-item .value, .stock-card .priceitem, .card-panel table td.text-red, .card-panel table td.text-green');
|
||
// Randomly pick 1-3 items to update
|
||
const count = Math.floor(Math.random() * 3) + 1;
|
||
|
||
for (let i = 0; i < count; i++) {
|
||
const idx = Math.floor(Math.random() * stocks.length);
|
||
const el = stocks[idx];
|
||
if (!el) continue;
|
||
|
||
const text = el.innerText;
|
||
// Parse number, remove commas
|
||
let val = parseFloat(text.replace(/,/g, '').replace(/[^\d.-]/g, ''));
|
||
if (isNaN(val)) continue;
|
||
|
||
// Random fluctuation 0.01% - 0.05%
|
||
const change = val * (Math.random() * 0.001 - 0.0005);
|
||
let newVal = val + change;
|
||
|
||
const isUp = change > 0;
|
||
el.style.color = isUp ? '#d32f2f' : '#388e3c'; // Keep Red/Green colors
|
||
|
||
// Format back
|
||
el.innerText = newVal.toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });
|
||
|
||
// If it's the percentage cell (usually next to it in table), update that too?
|
||
// Simplified for now.
|
||
}
|
||
}
|
||
setInterval(simulateStockTicks, 1500);
|
||
|
||
// -------------------------------------------------------------------------
|
||
// Core: Tab Switching
|
||
// -------------------------------------------------------------------------
|
||
window.switchTab = function(btn, tabId) {
|
||
const header = btn.parentElement;
|
||
const wrapper = header.parentElement;
|
||
|
||
const btns = header.querySelectorAll('.tab-btn');
|
||
btns.forEach(b => {
|
||
b.classList.remove('active');
|
||
b.setAttribute('aria-selected', 'false');
|
||
});
|
||
btn.classList.add('active');
|
||
btn.setAttribute('aria-selected', 'true');
|
||
|
||
const panes = wrapper.querySelectorAll('.tab-pane');
|
||
panes.forEach(p => p.classList.remove('active'));
|
||
|
||
const target = document.getElementById(tabId);
|
||
if (target) {
|
||
target.classList.add('active');
|
||
}
|
||
};
|
||
|
||
// -------------------------------------------------------------------------
|
||
// Helper: Custom Alert (Toast)
|
||
// -------------------------------------------------------------------------
|
||
window.showCustomAlert = function(msg) { // Renamed to avoid overriding window.alert directly if checking compatibility
|
||
const toast = document.createElement('div');
|
||
toast.style.cssText = `
|
||
position: fixed;
|
||
top: 20px;
|
||
left: 50%;
|
||
transform: translateX(-50%);
|
||
background: rgba(0,0,0,0.8);
|
||
color: white;
|
||
padding: 12px 24px;
|
||
border-radius: 4px;
|
||
z-index: 9999;
|
||
font-size: 14px;
|
||
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
|
||
animation: fadeIn 0.3s ease;
|
||
`;
|
||
toast.innerHTML = msg; // Allow HTML
|
||
document.body.appendChild(toast);
|
||
|
||
setTimeout(() => {
|
||
toast.style.opacity = '0';
|
||
setTimeout(() => toast.remove(), 300);
|
||
}, 2000);
|
||
};
|
||
window.alert = window.showCustomAlert;
|
||
|
||
// -------------------------------------------------------------------------
|
||
// Data Source: Site Content (Translated)
|
||
// -------------------------------------------------------------------------
|
||
const siteContent = {
|
||
'home': {
|
||
title: "Home",
|
||
headline: { title: "Global Summit Closes: '2030 Climate Declaration' Adopted", summary: "The summit reached historic consensuses, including reducing carbon emissions by 15% within five years and establishing a $500B green transition fund. Major economies promised to accelerate energy structure adjustments." },
|
||
tabs: { t1: "Domestic", t2: "International", t3: "Society" },
|
||
news1: ["New talent policies released across provinces, subsidies up to 2M", "Ministry of Education: Strengthen labor education in schools", "National railway implements new train schedule", "Heavy rainfall continues in the south"],
|
||
news2: ["Fed hints at pausing rate hikes, global markets soar", "EU reaches preliminary agreement on AI regulation", "Bank of Japan maintains ultra-loose monetary policy"],
|
||
news3: ["Man hides lottery jackpot from wife, court orders split", "Gen Z quits job to weave bamboo, sells globally", "Elderly fall incident: Elementary student sets example"],
|
||
col1Title: "Finance", col1List: ["Index closes higher, tech stocks lead", "Gold hits new high amidst risk aversion", "Digital currency pilot expands again"],
|
||
col2Title: "Tech Frontier", col2List: ["Domestic AI chip performance doubled", "NASA reveals Mars Base concept", "Quantum computer sees first commercial use"]
|
||
},
|
||
'intl': {
|
||
title: "Global News",
|
||
headline: { title: "UN Emergency Meeting: Calls for Immediate Ceasefire", summary: "As the conflict escalates, the UN Security Council convened an emergency meeting to debate the ceasefire draft. The Secretary-General called for humanitarian aid and warned of catastrophic consequences." },
|
||
tabs: { t1: "Power Play", t2: "Conflicts", t3: "Governance" },
|
||
news1: ["US-Russia foreign ministers to hold strategic talks in Geneva", "European energy crisis: rationing measures introduced", "G7 Summit closes with focus on supply chain security"],
|
||
news2: ["Border clashes in Middle East cause casualties", "African Union calls for attention to food security", "Tensions on peninsula, large-scale drills held"],
|
||
news3: ["WHO releases report on new variant strains", "Paris Agreement 5th anniversary progress check", "IOC announces new Olympic sports"],
|
||
col1Title: "Diplomacy", col1List: ["Embassy reopens as relations thaw", "Foreign Ministry spokesperson Q&A", "Leaders exchange congratulatory messages"],
|
||
col2Title: "Analysis", col2List: ["Resource wars in geopolitical context", "New challenges for European integration", "The rise of emerging markets"]
|
||
},
|
||
'china': {
|
||
title: "Domestic",
|
||
headline: { title: "Rural Revitalization: Digital Agriculture as New Engine", summary: "Ministry of Agriculture releases guidelines to integrate big data and IoT into production. Pilot areas show 30% yield increase and significant income growth for farmers, marking a new stage in modernization." },
|
||
tabs: { t1: "Politics", t2: "Livelihood", t3: "Rule of Law" },
|
||
news1: ["State Council deploys economic stabilization policies", "NPC Standing Committee reviews draft laws", "NDRC: Economy to remain stable in second half"],
|
||
news2: ["Social security fund stable, pensions paid on time", "Renovation of old communities starts in many cities", "New round of medical insurance adjustments"],
|
||
news3: ["Supreme Court clarifies cyberbullying standards", "Ministry of Public Security launches summer crackdown", "Police bust major cross-border telecom fraud"],
|
||
col1Title: "Regional", col1List: ["Major projects start in Yangtze River Delta", "Talent flow easier in Greater Bay Area", "New progress in western land-sea corridor"],
|
||
col2Title: "Achievements", col2List: ["C919 aircraft secures new orders", "Deep-sea submersible sets new record", "New high-speed train hits 450 km/h"]
|
||
},
|
||
'finance': {
|
||
title: "Global Finance",
|
||
headline: { title: "Global Central Bank Annual Meeting: Inflation Tamed?", summary: "At Jackson Hole, central bankers signaled a policy shift. Markets expect a rate cut cycle to begin next quarter as supply chains recover and energy prices fall, injecting vitality into capital markets." },
|
||
tabs: { t1: "Markets", t2: "Macro", t3: "Earnings" },
|
||
news1: ["Dow and Nasdaq open high, tech leads", "10-year Treasury yield falls below 4%", "HK tech index surges, giants rebound"],
|
||
news2: ["IMF raises global growth forecast", "OECD releases latest trade report", "World Bank warns of emerging market debt risks"],
|
||
news3: ["Apple reports record services revenue", "Tesla price cuts boost sales by 50%", "Major tech firm announces hiring plan"],
|
||
col1Title: "Investing", col1List: ["Gold ETFs see net inflows", "Mutual fund issuance warms up", "Bank wealth management yields rebound"],
|
||
col2Title: "Real Estate", col2List: ["Mortgage rates cut in top cities", "Developer financing improves", "Rental market standardization"]
|
||
},
|
||
'tech': {
|
||
title: "Tech Frontier",
|
||
headline: { title: "BCI Breakthrough: Paralyzed Patient Types with Mind", summary: "Neuralink announced that the first volunteer can control a cursor and type fluently using only their mind. This breakthrough brings hope to millions of patients with spinal cord injuries." },
|
||
tabs: { t1: "AI", t2: "Hard Tech", t3: "Future" },
|
||
news1: ["GPT-5 expected year-end with reasoning capabilities", "First verdict on AI art copyright effective", "Nations sign AI safety agreement"],
|
||
news2: ["TSMC 2nm trial production yields exceed expectations", "Breakthrough in lithography core components", "Nvidia releases new flagship GPU"],
|
||
news3: ["SpaceX Starship reaches orbit", "James Webb finds habitable planet", "Nuclear fusion experiment record"],
|
||
col1Title: "Internet", col1List: ["Metaverse fades, giants turn to GenAI", "TikTok launches e-commerce globally", "Google faces antitrust split risk"],
|
||
col2Title: "Bio-Med", col2List: ["mRNA cancer vaccine enters Phase III", "Gene editing cures Thalassemia", "New antibiotics for superbugs"]
|
||
},
|
||
'sports': {
|
||
title: "Sports Arena",
|
||
headline: { title: "Champions League Final: Clash of Titans", summary: "Real Madrid faces Man City at Wembley. Real has the DNA, while City seeks defense. Haaland vs Bellingham is the key matchup. Over 1 billion viewers expected worldwide." },
|
||
tabs: { t1: "Football", t2: "NBA", t3: "General" },
|
||
news1: ["Messi to play in 2026 World Cup", "Mbappe joins Real Madrid, takes No. 9", "Liverpool comeback win keeps top 4 hopes alive"],
|
||
news2: ["Curry hits 10 threes, Warriors beat Lakers", "LeBron reaches 40,000 points", "Wembanyama named Rookie of the Year"],
|
||
news3: ["Red Bull locks Constructors' Title early", "Djokovic wins 25th Grand Slam", "Volleyball team prepares for Paris Olympics"],
|
||
col1Title: "Team China", col1List: ["Table Tennis team sweeps world titles", "Swimming team breaks world record", "Diving team dominance continues"],
|
||
col2Title: "Gossip", col2List: ["Beckham documentary reveals private life", "Ronaldo's luxury mansion exposed", "Jordan sneakers auction for millions"]
|
||
},
|
||
'ent': {
|
||
title: "Entertainment",
|
||
headline: { title: "98th Oscar Nominations: Sci-Fi Sweep", summary: "Nolan's 'Oppenheimer's Ghost' leads with 12 nominations including Best Picture. Asian cinema shines with multiple entries. Ceremony to be held in Los Angeles next month." },
|
||
tabs: { t1: "Movies", t2: "Gossip", t3: "Variety" },
|
||
news1: ["'Wandering Earth 3' set for Lunar New Year", "Marvel delays Avengers 5", "Miyazaki's new film dated for release"],
|
||
news2: ["Top star dating rumor crashes Weibo", "Taylor Swift tour boosts economy by billions", "G-Dragon cleared of charges"],
|
||
news3: ["'Sisters' Season 5 cast leaked", "Comedy winner surprises everyone", "Reality show cast overhaul sparks debate"],
|
||
col1Title: "Music", col1List: ["Jay Chou announces world tour stops", "Music festival lineup revealed", "Mayday concerts sold out instantly"],
|
||
col2Title: "TV Series", col2List: ["'Joy of Life 3' begins filming", "Netflix 'Three Body' reviews mixed", "HBO 'Succession' finale airs"]
|
||
}
|
||
};
|
||
|
||
// -------------------------------------------------------------------------
|
||
// Interaction: Global Event Delegation & Data Binding
|
||
// -------------------------------------------------------------------------
|
||
document.addEventListener('click', function(e) {
|
||
const link = e.target.closest('a');
|
||
if (!link) return;
|
||
if (link.getAttribute('onclick')) return;
|
||
|
||
const text = link.innerText.trim();
|
||
if (!text) return;
|
||
|
||
// Map keywords to keys
|
||
let key = 'home';
|
||
// Check English keywords now
|
||
if (text.includes("Global") || text.includes("Intl")) key = 'intl';
|
||
if (text.includes("Domestic") || text.includes("China")) key = 'china';
|
||
if (text.includes("Finance")) key = 'finance';
|
||
if (text.includes("Tech") || text.includes("Science")) key = 'tech';
|
||
if (text.includes("Sports")) key = 'sports';
|
||
if (text.includes("Entertain") || text.includes("Gossip")) key = 'ent';
|
||
|
||
// 1. Navigation switching
|
||
if (link.classList.contains('nav-item') || link.closest('.left-nav-table') || link.closest('.footer-mega')) {
|
||
e.preventDefault();
|
||
|
||
if (link.classList.contains('nav-item')) {
|
||
document.querySelectorAll('.nav-item').forEach(el => el.classList.remove('active'));
|
||
link.classList.add('active');
|
||
}
|
||
|
||
if (siteContent[key]) {
|
||
const data = siteContent[key];
|
||
|
||
const mainCol = document.querySelector('.main-col');
|
||
mainCol.style.opacity = '0.5';
|
||
|
||
setTimeout(() => {
|
||
// Update Headline
|
||
const hlTitle = document.querySelector('.headline-box h2');
|
||
const hlSum = document.querySelector('.headline-summary');
|
||
|
||
if(hlTitle) {
|
||
hlTitle.innerText = data.headline.title;
|
||
hlTitle.setAttribute('onclick', `showArticle('${data.headline.title.replace(/'/g, "\\'")}', '${data.headline.summary.replace(/'/g, "\\'")}')`);
|
||
}
|
||
if(hlSum) {
|
||
hlSum.innerHTML = `<strong>Focus:</strong> ${data.headline.summary} <a href="javascript:void(0)" onclick="showArticle('${data.headline.title.replace(/'/g, "\\'")}', '${data.headline.summary.replace(/'/g, "\\'")}')" style="color:var(--primary); cursor:pointer;">[Read Full]</a>`;
|
||
}
|
||
|
||
// Update Tabs Headers
|
||
const tabBtns = document.querySelectorAll('.tab-btn');
|
||
if(tabBtns.length >= 3) {
|
||
tabBtns[0].innerText = data.tabs.t1;
|
||
tabBtns[1].innerText = data.tabs.t2;
|
||
tabBtns[2].innerText = data.tabs.t3;
|
||
}
|
||
|
||
// Update News Lists
|
||
const updateList = (id, list) => {
|
||
const container = document.getElementById(id);
|
||
if(!container) return;
|
||
const ul = container.querySelector('ul');
|
||
if(!ul) return;
|
||
// Date format simplified for English
|
||
ul.innerHTML = list.map(item => `<li><a href="javascript:void(0)">${item}</a> <small>(${new Date().getMonth()+1}/${new Date().getDate()})</small></li>`).join('');
|
||
};
|
||
updateList('news-domestic', data.news1);
|
||
updateList('news-intl', data.news2);
|
||
updateList('news-society', data.news3);
|
||
|
||
// Reset Tab
|
||
if(window.switchTab && tabBtns[0]) {
|
||
window.switchTab(tabBtns[0], 'news-domestic');
|
||
}
|
||
|
||
// Update Bottom Columns
|
||
const cols = document.querySelectorAll('.news-grid-2col .card-panel');
|
||
if(cols.length >= 2) {
|
||
// Col 1
|
||
const t1 = cols[0].querySelector('.section-title');
|
||
if(t1) t1.innerHTML = `${data.col1Title} <a href="javascript:void(0)" style="font-weight:normal; font-size:12px; color:#999;">More ></a>`;
|
||
const l1 = cols[0].querySelector('.compact-list');
|
||
if(l1) l1.innerHTML = data.col1List.map(i => `<li><a href="javascript:void(0)">${i}</a></li>`).join('');
|
||
|
||
// Col 2
|
||
const t2 = cols[1].querySelector('.section-title');
|
||
if(t2) t2.innerHTML = `${data.col2Title} <a href="javascript:void(0)" style="font-weight:normal; font-size:12px; color:#999;">More ></a>`;
|
||
const ulList = cols[1].querySelectorAll('ul');
|
||
const lastUl = ulList[ulList.length-1];
|
||
if(lastUl) lastUl.innerHTML = data.col2List.map(i => `<li><a href="javascript:void(0)">${i}</a></li>`).join('');
|
||
}
|
||
|
||
mainCol.style.opacity = '1';
|
||
window.alert(`Loaded latest content for [${data.title}]`);
|
||
}, 300);
|
||
} else {
|
||
window.alert(`Loading [${text}] channel... (Under Construction)`);
|
||
}
|
||
return;
|
||
}
|
||
|
||
// 2. Fallback for links
|
||
if (link.getAttribute('href') === 'javascript:void(0)' || link.getAttribute('href') === '#') {
|
||
e.preventDefault();
|
||
if (text.length > 8) {
|
||
showArticle(text, "");
|
||
} else {
|
||
if(text.match(/^\d+$/)) return;
|
||
window.alert(`You clicked: [${text}]`);
|
||
}
|
||
}
|
||
});
|
||
|
||
console.log("Global Daily Portal Initialized. Version 2.4.0 (EN)");
|
||
|
||
// -------------------------------------------------------------------------
|
||
// Core: Theme Toggle
|
||
// -------------------------------------------------------------------------
|
||
window.toggleTheme = function() {
|
||
const body = document.body;
|
||
const isDark = body.getAttribute('data-theme') === 'dark';
|
||
body.setAttribute('data-theme', isDark ? '' : 'dark');
|
||
};
|
||
</script>
|
||
|
||
</body>
|
||
</html> |