43 lines
1.7 KiB
HTML
43 lines
1.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Jeu Smartphone</title>
|
|
<link rel="stylesheet" href="static/css/style.css">
|
|
<script>
|
|
const username = 'baptiste'; // Charge les données de Baptiste
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div id="content0">
|
|
<p id="user-name">--</p>
|
|
<p id="challenge-number">défi n° : --</p>
|
|
<p id="distance">-- m</p>
|
|
</div>
|
|
<div data-debug="true" id="content">
|
|
<h1> <span id="user-name">--</span></h1>
|
|
<p data-debug="true">Latitude : <span id="latitude">--</span></p>
|
|
<p data-debug="true">Longitude : <span id="longitude">--</span></p>
|
|
<p>Distance : <span id="distance">--</span> mètres</p>
|
|
<p data-debug="true">Progression : <span id="user-progression">--</span></p>
|
|
|
|
<div data-debug="true" id="challenge-info">
|
|
<p id="challenge-number">Défi n° : --</p>
|
|
<p data-debug="true">Latitude cible : <span id="target-latitude">--</span></p>
|
|
<p data-debug="true">Longitude cible : <span id="target-longitude">--</span></p>
|
|
</div>
|
|
<div id="arrow-container">
|
|
<img id="arrow-black" src="static/img/fleche_noir.png" alt="Flèche directionnelle" data-debug="true" >
|
|
</div>
|
|
</div>
|
|
|
|
<img id="arrow-approaching" src="static/img/fleche_rouge.png" alt="Vous vous rapprochez">
|
|
<img id="arrow-moving-away" src="static/img/fleche_bleu.png" alt="Vous vous éloignez">
|
|
<img id="user-avatar" src="" alt="Avatar" style="width: 100px; border-radius: 50%;">
|
|
|
|
|
|
<script src="static/js/script.js" defer></script>
|
|
</body>
|
|
</html>
|