leaderboard html

This commit is contained in:
Michelle Aquilera 2025-11-25 09:58:46 +07:00
parent 8b9f5bcb18
commit b03c9b8eda

View File

@ -33,8 +33,7 @@
<li class="leaderboard-item rank-1">
<div class="rank-badge">1</div>
<div class="player-info">
<div class="player-name">CyberKing</div>
<div class="player-level">Level 99</div>
<div class="player-name">Player 1</div>
</div>
<div class="player-score">
<div class="score-value">9,850</div>
@ -45,8 +44,7 @@
<li class="leaderboard-item rank-2">
<div class="rank-badge">2</div>
<div class="player-info">
<div class="player-name">NeonMaster</div>
<div class="player-level">Level 87</div>
<div class="player-name">Player 2</div>
</div>
<div class="player-score">
<div class="score-value">8,200</div>
@ -57,8 +55,7 @@
<li class="leaderboard-item rank-3">
<div class="rank-badge">3</div>
<div class="player-info">
<div class="player-name">PixelHunter</div>
<div class="player-level">Level 75</div>
<div class="player-name">Player 3</div>
</div>
<div class="player-score">
<div class="score-value">6,950</div>
@ -69,8 +66,7 @@
<li class="leaderboard-item rank-other">
<div class="rank-badge">4</div>
<div class="player-info">
<div class="player-name">StarGazer</div>
<div class="player-level">Level 62</div>
<div class="player-name">Player 4</div>
</div>
<div class="player-score">
<div class="score-value">5,420</div>
@ -81,8 +77,7 @@
<li class="leaderboard-item rank-other">
<div class="rank-badge">5</div>
<div class="player-info">
<div class="player-name">CodeNinja</div>
<div class="player-level">Level 58</div>
<div class="player-name">Player 5</div>
</div>
<div class="player-score">
<div class="score-value">4,890</div>
@ -90,14 +85,68 @@
</div>
</li>
<li class="leaderboard-item rank-other">
<div class="rank-badge">6</div>
<div class="player-info">
<div class="player-name">Player 6</div>
</div>
<div class="player-score">
<div class="score-value">4,320</div>
<div class="score-label">Points</div>
</div>
</li>
<li class="leaderboard-item rank-other">
<div class="rank-badge">7</div>
<div class="player-info">
<div class="player-name">Player 7</div>
</div>
<div class="player-score">
<div class="score-value">3,850</div>
<div class="score-label">Points</div>
</div>
</li>
<li class="leaderboard-item rank-other">
<div class="rank-badge">8</div>
<div class="player-info">
<div class="player-name">Player 8</div>
</div>
<div class="player-score">
<div class="score-value">3,120</div>
<div class="score-label">Points</div>
</div>
</li>
<li class="leaderboard-item rank-other">
<div class="rank-badge">9</div>
<div class="player-info">
<div class="player-name">Player 9</div>
</div>
<div class="player-score">
<div class="score-value">2,780</div>
<div class="score-label">Points</div>
</div>
</li>
<li class="leaderboard-item rank-other">
<div class="rank-badge">10</div>
<div class="player-info">
<div class="player-name">Player 10</div>
</div>
<div class="player-score">
<div class="score-value">2,340</div>
<div class="score-label">Points</div>
</div>
</li>
<li class="leaderboard-item rank-other your-rank">
<div class="rank-badge">12</div>
<div class="player-info">
<div class="player-name">You</div>
<div class="player-level">Level 42</div>
</div>
<div class="player-score">
<div class="score-value">3,120</div>
<div class="score-value">1,840</div>
<div class="score-label">Points</div>
</div>
</li>
@ -107,5 +156,7 @@
Back to Game
</button>
</div>
<script src="leaderboard.js"></script>
</body>
</html>