81 lines
No EOL
2.9 KiB
HTML
81 lines
No EOL
2.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="description" content="IceBreaker - Point de ravitaillement atteint !">
|
|
<title>IceBreaker - Checkpoint</title>
|
|
<link rel="stylesheet" href="./assets/css/main.css">
|
|
<link rel="stylesheet" href="./assets/css/checkpoint.css">
|
|
<link
|
|
href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700&family=Poppins:wght@300;400;600;700&display=swap"
|
|
rel="stylesheet">
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<!-- Particules de neige -->
|
|
<div id="snow-container" aria-hidden="true"></div>
|
|
|
|
<!-- Contenu principal centré -->
|
|
<main id="checkpoint-main">
|
|
|
|
<div class="checkpoint-card">
|
|
<!-- Header de la carte -->
|
|
<div class="card-header">
|
|
<span class="success-icon">✓</span>
|
|
<h1>Checkpoint Atteint !</h1>
|
|
<p class="subtitle">Traversée réussie, Capitaine</p>
|
|
<div id="captain-badge"></div>
|
|
</div>
|
|
|
|
<!-- Scores -->
|
|
<div class="scores-section">
|
|
<div class="score-row">
|
|
<span class="score-label">Score précédent</span>
|
|
<span id="scoreprec" class="score-value">0</span>
|
|
</div>
|
|
<div class="score-row bonus">
|
|
<span class="score-label">Bonus niveau</span>
|
|
<span id="scoreniv" class="score-value">+0</span>
|
|
</div>
|
|
<div class="score-row bonus">
|
|
<span class="score-label">Bonus cargaison</span>
|
|
<span id="contbonus" class="score-value">+0</span>
|
|
</div>
|
|
<hr class="separator">
|
|
<div class="score-row total">
|
|
<span class="score-label">SCORE TOTAL</span>
|
|
<span id="scoretot" class="score-value">0</span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Boutons -->
|
|
<div class="actions">
|
|
<button id="continue-btn" class="btn btn-primary">
|
|
<span class="btn-icon">🚀</span>
|
|
Continuer l'aventure
|
|
</button>
|
|
<button id="lobby-btn" class="btn btn-secondary">
|
|
<span class="btn-icon">🏠</span>
|
|
Retour à l'accueil
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
</main>
|
|
|
|
<!-- Audio -->
|
|
<audio id="checkpoint-success" preload="auto">
|
|
<source src="./assets/sounds/checkpoint-success.mp3" type="audio/mpeg">
|
|
</audio>
|
|
<audio id="port-ambiance" loop preload="auto">
|
|
<source src="./assets/sounds/port-ambiance.mp3" type="audio/mpeg">
|
|
</audio>
|
|
|
|
<script src="./assets/js/storage.js"></script>
|
|
<script src="./assets/js/checkpoint.js"></script>
|
|
</body>
|
|
|
|
</html> |