mirror of
https://github.com/GoodStartLabs/AI_Diplomacy.git
synced 2026-04-19 12:58:09 +00:00
46 lines
1.5 KiB
HTML
46 lines
1.5 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Diplomacy Map (Fallback-Only)</title>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="app"></div>
|
|
<script type="module" src="/src/main.ts"></script>
|
|
|
|
<div class="container">
|
|
<div class="top-controls">
|
|
<div>
|
|
<button id="load-btn">Load Game</button>
|
|
<button id="standings-btn">📊 Leaderboard</button>
|
|
<button id="relationships-btn">🔄 Relationships</button>
|
|
<button id="prev-btn" disabled>← Prev</button>
|
|
<button id="next-btn" disabled>Next →</button>
|
|
<button id="play-btn" disabled>▶ Play</button>
|
|
<select id="speed-selector" disabled>
|
|
<option value="1000">Slow</option>
|
|
<option value="500" selected>Medium</option>
|
|
<option value="200">Fast</option>
|
|
</select>
|
|
<span id="phase-display">No game loaded</span>
|
|
</div>
|
|
<span id="game-id-display">Game: --</span>
|
|
</div>
|
|
<div id="map-view" class="map-view"></div>
|
|
<input type="file" id="file-input" accept=".json">
|
|
<div id="info-panel"></div>
|
|
<!-- New leaderboard element -->
|
|
<div id="leaderboard"></div>
|
|
<!-- Chat windows container -->
|
|
<div id="chat-container"></div>
|
|
<!-- Add this after the info-panel div -->
|
|
<div id="news-banner">
|
|
<div id="news-banner-content">Diplomatic actions unfolding...</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
</html>
|