Spaces:
Sleeping
Sleeping
File size: 1,347 Bytes
860e1a7 5c50925 860e1a7 5c50925 860e1a7 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 |
<!DOCTYPE html>
<html>
<head>
<title>LLM GeoGuessr</title>
<link rel="stylesheet" href="{{ base_path }}/static/style.css">
</head>
<body>
<h1>LLM GeoGuessr</h1>
<div id="lobby-container">
<h2>Welcome</h2>
<form id="replay-form">
<p>Replay a previous game:</p>
<input type="text" id="replay-id-input" placeholder="Enter Game ID">
<button type="submit">Replay Game</button>
</form>
</div>
<div id="game-container" style="display: none;">
<div id="streetview-container">
<div id="streetview"></div>
</div>
<div id="map-container">
<div id="map"></div>
</div>
<div id="chat-container">
<div id="chat-log"></div>
<div id="controls">
<!-- In-game controls can go here -->
</div>
</div>
</div>
<div id="result-screen" style="display: none;">
<h2>Results</h2>
<div id="result-map"></div>
<div id="result-summary"></div>
<button id="play-again">Back to Lobby</button>
</div>
<script src="{{ base_path }}/static/script.js"></script>
<script async defer src="https://maps.googleapis.com/maps/api/js?key={{ google_maps_api_key }}&callback=initLobby&loading=async"></script>
</body>
</html>
|