<!DOCTYPE html>
<html>
<head>
    <title>JWE - KAT</title>
    <link rel="stylesheet" href="https://unpkg.com/maplibre-gl/dist/maplibre-gl.css" />
    <link rel="stylesheet" href="../css/map.css" />
</head>
<body>
    <h1 id="title">La Réunion (974)</h1>

    <div style="display: flex; justify-content: center;">
        <p style="color: green; font-weight: bold; margin-right: 2em;">Correct ✅ : <span style="color: black;" id="OK">0</span></p>
        <p style="color: red; font-weight: bold;">Faux ❌ : <span style="color: black;" id="KO">0</span></p>
    </div>

    <div>
        <p style="font-weight: bold;">Trouve la commune</p>
        <p id="commune" style="font-size: 30px; font-weight: bold; color: #1F51FF">...</p>
    </div>

    <div id="map"></div>

    <script src="https://unpkg.com/maplibre-gl/dist/maplibre-gl.js"></script>
    <script src="../js/map.js"></script>
</body>
</html>
