61 lines
2.5 KiB
HTML
61 lines
2.5 KiB
HTML
<!-- 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> |