128 lines
5.9 KiB
PHP
128 lines
5.9 KiB
PHP
<?php
|
|
require_once __DIR__ . '/db/config.php';
|
|
|
|
$projectName = "财神组聊天构造";
|
|
$projectDesc = "财神组内部资料 翻版必究";
|
|
$projectLogo = "assets/pasted-20260130-145435-442da57a.jpg";
|
|
|
|
try {
|
|
$db = db();
|
|
$stmt = $db->query("SELECT section_key, title, content FROM site_content ORDER BY id ASC");
|
|
$allContent = $stmt->fetchAll();
|
|
} catch (PDOException $e) {
|
|
$allContent = [];
|
|
error_log("DB Error: " . $e->getMessage());
|
|
}
|
|
?>
|
|
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title><?php echo htmlspecialchars($projectName); ?></title>
|
|
<meta name="description" content="<?php echo htmlspecialchars($projectDesc); ?>">
|
|
<link rel="icon" type="image/jpeg" href="<?php echo htmlspecialchars($projectLogo); ?>">
|
|
|
|
<!-- Bootstrap 5 CSS -->
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<!-- Bootstrap Icons -->
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css" rel="stylesheet">
|
|
<!-- Google Fonts: Inter -->
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
|
|
<!-- Custom CSS -->
|
|
<link rel="stylesheet" href="assets/css/custom.css?v=<?php echo time(); ?>">
|
|
</head>
|
|
<body>
|
|
|
|
<!-- Watermark -->
|
|
<div class="watermark">
|
|
<?php for($i=0; $i<20; $i++): ?>
|
|
<div class="watermark-text">财神组</div>
|
|
<?php endfor; ?>
|
|
</div>
|
|
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<!-- Sidebar -->
|
|
<nav id="sidebar" class="col-md-3 col-lg-2 d-md-block bg-light sidebar collapse">
|
|
<div class="position-sticky pt-3">
|
|
<div class="text-center mb-4 px-3">
|
|
<img src="<?php echo htmlspecialchars($projectLogo); ?>" alt="Logo" class="img-fluid rounded shadow" style="max-height: 100px; border: 2px solid #FFD700;">
|
|
<h5 class="mt-3 fw-black text-danger"><?php echo htmlspecialchars($projectName); ?></h5>
|
|
</div>
|
|
|
|
<h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-2 text-muted text-uppercase">
|
|
<span><i class="bi bi-journal-text me-2"></i>每日脚本</span>
|
|
</h6>
|
|
<ul class="nav flex-column">
|
|
<?php foreach ($allContent as $item):
|
|
if (strpos($item['section_key'], 'day') === 0): ?>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#" data-section="<?php echo $item['section_key']; ?>">
|
|
<i class="bi bi-calendar-check me-2"></i>
|
|
<?php echo htmlspecialchars($item['title']); ?>
|
|
</a>
|
|
</li>
|
|
<?php endif; endforeach; ?>
|
|
</ul>
|
|
|
|
<h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-2 text-muted text-uppercase">
|
|
<span><i class="bi bi-list-stars me-2"></i>引导步骤</span>
|
|
</h6>
|
|
<ul class="nav flex-column mb-5">
|
|
<?php foreach ($allContent as $item):
|
|
if (strpos($item['section_key'], 'step') === 0): ?>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#" data-section="<?php echo $item['section_key']; ?>">
|
|
<i class="bi bi-pin-angle me-2"></i>
|
|
<?php echo htmlspecialchars($item['title']); ?>
|
|
</a>
|
|
</li>
|
|
<?php endif; endforeach; ?>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- Main Content -->
|
|
<main class="col-md-9 ms-sm-auto col-lg-10 px-md-4 py-4">
|
|
<div id="content-area" class="bg-white p-5 rounded shadow-sm">
|
|
<div class="text-center py-5">
|
|
<img src="<?php echo htmlspecialchars($projectLogo); ?>" alt="Welcome" class="img-fluid mb-4 opacity-75" style="max-width: 200px; filter: grayscale(1) brightness(0.5) sepia(1) hue-rotate(-50deg) saturate(5);">
|
|
<h2 class="fw-bold" style="color: #B71C1C;">欢迎使用财神组内部系统</h2>
|
|
<p class="lead text-muted">请从左侧菜单选择对应的脚本或步骤开始学习</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Footer -->
|
|
<footer class="footer rounded shadow-sm mt-4">
|
|
<div class="container">
|
|
<span><i class="bi bi-shield-lock me-2"></i>财神组内部资料 翻版必究</span>
|
|
</div>
|
|
</footer>
|
|
</main>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Telegram Floating Button -->
|
|
<a href="https://t.me/zhangshihao818" target="_blank" class="btn btn-primary rounded-circle shadow-lg position-fixed" style="bottom: 80px; right: 30px; width: 65px; height: 65px; display: flex; align-items: center; justify-content: center; z-index: 10000; background-color: #0088cc; border: 3px solid #fff;">
|
|
<i class="bi bi-telegram fs-1 text-white"></i>
|
|
</a>
|
|
|
|
<!-- Back to Top Button -->
|
|
<button id="backToTop" class="btn btn-danger rounded-circle shadow-lg position-fixed d-none" style="bottom: 30px; right: 30px; width: 45px; height: 45px; z-index: 10000; border: 2px solid #FFD700;">
|
|
<i class="bi bi-arrow-up fs-5"></i>
|
|
</button>
|
|
|
|
<!-- JSON Data for Content (Hidden) -->
|
|
<script id="site-data" type="application/json">
|
|
<?php echo json_encode($allContent); ?>
|
|
</script>
|
|
|
|
<!-- Bootstrap JS -->
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
|
<!-- Custom JS -->
|
|
<script src="assets/js/main.js?v=<?php echo time(); ?>"></script>
|
|
|
|
</body>
|
|
</html>
|