61 lines
2.1 KiB
HTML
61 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Hearth</title>
|
|
<link rel="stylesheet" href="css/tokens.css">
|
|
<link rel="stylesheet" href="css/app.css">
|
|
<script src="js/theme.js"></script>
|
|
<script src="js/glass.js"></script>
|
|
</head>
|
|
<body>
|
|
<div id="wallpaper-dim"></div>
|
|
<div class="app">
|
|
<aside class="rail" id="rail">
|
|
<div class="rail-clock" id="rail-clock">14:30</div>
|
|
<nav id="rail-nav"></nav>
|
|
</aside>
|
|
<main class="content">
|
|
<section data-page="home" class="page active"></section>
|
|
<section data-page="immersive" class="page"></section>
|
|
<section data-page="webapplist" class="page"></section>
|
|
<section data-page="applist" class="page"></section>
|
|
<section data-page="settings" class="page"></section>
|
|
</main>
|
|
</div>
|
|
<script src="js/bridge.js"></script>
|
|
<script src="js/mask.js"></script>
|
|
<script src="js/cards/cards.js"></script>
|
|
<script src="js/router.js"></script>
|
|
<script src="js/pages/applist.js"></script>
|
|
<script src="js/pages/webapplist.js"></script>
|
|
<script src="js/pages/home.js"></script>
|
|
<script src="js/pages/settings.js"></script>
|
|
<script src="js/webapp/tabs.js"></script>
|
|
<script src="js/webapp/topbar.js"></script>
|
|
<script>
|
|
// 渲染侧边栏导航项 / render sidebar nav items
|
|
const nav = document.getElementById('rail-nav');
|
|
PAGES.forEach(p => {
|
|
const b = document.createElement('button');
|
|
b.className = 'rail-item';
|
|
b.innerHTML = `<span class="ico">${p.icon}</span><span class="lbl">${p.label}</span>`;
|
|
b.onclick = () => router.navigate(p.id);
|
|
nav.appendChild(b);
|
|
});
|
|
// 侧边栏顶部时间刷新 / refresh sidebar top clock
|
|
setInterval(() => {
|
|
const now = new Date();
|
|
const hh = String(now.getHours()).padStart(2, '0');
|
|
const mm = String(now.getMinutes()).padStart(2, '0');
|
|
document.getElementById('rail-clock').textContent = `${hh}:${mm}`;
|
|
}, 10000);
|
|
router.navigate('home');
|
|
// 初始化背景遮罩（夜间主题 + 已启用时生效）
|
|
// Apply wallpaper dim on startup (active under dark theme when enabled)
|
|
window.mask.apply();
|
|
</script>
|
|
</body>
|
|
</html>
|