57 lines
2.4 KiB
HTML
57 lines
2.4 KiB
HTML
<!doctype html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>联机大厅 - Echo Tavern</title>
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}" />
|
|
</head>
|
|
<body class="lobby-page" data-user='{{ user | tojson | safe if user else "null" }}' data-theme="{{ user.theme if user else 'dopamine' }}">
|
|
<header class="lobby-topbar">
|
|
<div class="brand-block">
|
|
<h1>联机大厅</h1>
|
|
<p>查看公开房间、输入房间码加入、快速重连你参与过的对局。</p>
|
|
</div>
|
|
<div class="top-actions">
|
|
{% if user %}
|
|
<a class="link-btn" href="{{ url_for('user_profile_page', username=user.username) }}">我的主页</a>
|
|
<a class="link-btn" href="{{ url_for('user_achievements_page', username=user.username) }}">我的成就</a>
|
|
<a class="link-btn" href="{{ url_for('wallet_page') }}">积分中心</a>
|
|
<a class="link-btn" href="{{ url_for('store_page') }}">积分商城</a>
|
|
{% endif %}
|
|
<a class="link-btn" href="{{ url_for('leaderboard_page') }}">玩家排行</a>
|
|
<a class="link-btn" href="{{ url_for('plaza_page') }}">游戏卡广场</a>
|
|
<a class="link-btn" href="{{ url_for('index') }}">返回主页</a>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="lobby-grid">
|
|
<section class="card">
|
|
<h2>加入房间</h2>
|
|
<form id="join-form">
|
|
<label for="join-room">房间码</label>
|
|
<input id="join-room" name="room_id" maxlength="6" placeholder="例如：A1B2C3" required />
|
|
<button type="submit">加入游戏</button>
|
|
</form>
|
|
<p class="helper-text">进行中的房间会自动进入观战或身份恢复。</p>
|
|
</section>
|
|
|
|
<section class="card">
|
|
<h2>快速重连</h2>
|
|
<ul id="rejoin-list" class="compact-list"></ul>
|
|
</section>
|
|
|
|
<section class="card">
|
|
<h2>公开房间</h2>
|
|
<p class="helper-text">房主设为公开后会显示在这里，可直接加入。</p>
|
|
<ul id="public-rooms-list" class="compact-list"></ul>
|
|
</section>
|
|
</main>
|
|
|
|
<section id="status" class="status-banner"></section>
|
|
<script src="{{ url_for('static', filename='js/theme.js') }}"></script>
|
|
<script src="{{ url_for('static', filename='js/invite_notify.js') }}"></script>
|
|
<script src="{{ url_for('static', filename='js/rooms.js') }}"></script>
|
|
</body>
|
|
</html>
|