Warhummer/templates/index.html
2025-06-25 09:35:26 +08:00

61 lines
2.5 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!-- templates/index.html (主页和排行榜) -->
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>战锤40K行星总督</title>
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
</head>
<body class="home-page">
<div class="container">
<header>
<h1>战锤40K行星总督</h1>
<div class="user-info">
欢迎, <span id="username">{{ current_user }}</span> |
<a href="{{ url_for('game') }}" class="btn">开始游戏</a> |
<a href="{{ url_for('custom_cards') }}" class="btn">自制卡牌</a> |
<a href="{{ url_for('logout') }}" class="btn">登出</a>
</div>
</header>
<main>
<section class="leaderboard">
<h2>行星总督排行榜前100名</h2>
<p class="subtitle">荣耀归于为帝国服务最长的总督</p>
<div class="leaderboard-container">
<table>
<thead>
<tr>
<th>排名</th>
<th>总督</th>
<th>最长统治(年)</th>
<th>游戏次数</th>
</tr>
</thead>
<tbody id="leaderboard-body">
<!-- 排行榜数据将动态加载 -->
<tr>
<td colspan="4" class="loading">加载排行榜数据中...</td>
</tr>
</tbody>
</table>
</div>
</section>
<section class="info-panel">
<h2>帝国公告</h2>
<div class="scrolling-text">
<p>欢迎来到战锤40K行星总督! 在这个黑暗的未来,您将担任一颗边缘星球的总督,为帝皇服务。您需要平衡帝国忠诚度、混沌侵染、民众控制、军事力量和资源储备。任何一项达到极值都可能导致您的统治结束。您能生存多久?</p>
</div>
</section>
</main>
<footer>
<p>为帝皇而战! 异端者当诛!</p>
</footer>
</div>
<script src="{{ url_for('static', filename='js/leaderboard.js') }}"></script>
</body>
</html>