This commit is contained in:
Evelyn Sucitro 2025-12-01 13:06:45 +07:00
parent 8f79205dfb
commit 54f5f2a5fb

View File

@ -1,18 +1,18 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Leaderboard - 2048</title> <title>Leaderboard</title>
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="Leaderboard.css" />
</head> </head>
<body> <body>
<div id="particles"></div> <div id="particles"></div>
<button class="btn-back" onclick="location.href='2048.html'"> <button class="btn-back" onclick="location.href='2048.html'">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/> <path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z" />
</svg> </svg>
</button> </button>
@ -148,18 +148,38 @@
<div class="your-rank-container"> <div class="your-rank-container">
<div class="your-rank-item"> <div class="your-rank-item">
<div class="rank-badge" style="background: linear-gradient(135deg, #00ff88, #00eaff); color: #0c001a; box-shadow: 0 0 20px rgba(0, 255, 136, 0.8);">5</div> <div
<div class="player-info"> class="rank-badge"
<div class="player-name" style="color: #00ff88; filter: drop-shadow(0 0 8px rgba(0, 255, 136, 0.6));">You</div> style="
background: linear-gradient(135deg, #00ff88, #00eaff);
color: #0c001a;
box-shadow: 0 0 20px rgba(0, 255, 136, 0.8);
"
>
5
</div> </div>
<div class="player-score" style="color: #00ff88; text-shadow: 0 0 15px rgba(0, 255, 136, 0.8);"> <div class="player-info">
<div class="score-value" style="font-size: 24px;">4,890</div> <div
class="player-name"
style="
color: #00ff88;
filter: drop-shadow(0 0 8px rgba(0, 255, 136, 0.6));
"
>
You
</div>
</div>
<div
class="player-score"
style="color: #00ff88; text-shadow: 0 0 15px rgba(0, 255, 136, 0.8)"
>
<div class="score-value" style="font-size: 24px">4,890</div>
<div class="score-label">Points</div> <div class="score-label">Points</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<script src="script.js"></script> <script src="Leaderboard.js"></script>
</body> </body>
</html> </html>