step 10.5: wip (not ticked)

public/leaderboard.html

@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Emberfall — Leaderboard</title>
+  <link rel="stylesheet" href="/css/main.css">
+  <style>
+    .leaderboard-container {
+      max-width: 600px;
+      margin: 2rem auto;
+      padding: 1rem;
+      text-align: center;
+    }
+
+    .leaderboard-container h1 {
+      color: #e94560;
+      margin-bottom: 1rem;
+    }
+
+    .leaderboard-container p {
+      color: #a59a8a;
+    }
+
+    .nav-links {
+      margin-top: 2rem;
+      display: flex;
+      gap: 1rem;
+      justify-content: center;
+      flex-wrap: wrap;
+    }
+
+    .nav-links a {
+      display: inline-block;
+      padding: 0.5rem 1.25rem;
+      border-radius: 4px;
+      text-decoration: none;
+      font-size: 0.875rem;
+      font-weight: 600;
+      transition: opacity 0.2s;
+    }
+
+    .nav-links a:hover { opacity: 0.85; }
+
+    .btn-game {
+      background: #27ae60;
+      color: #fff;
+    }
+
+    .btn-home {
+      background: transparent;
+      color: #e94560;
+      border: 1px solid #e94560;
+    }
+  </style>
+</head>
+<body>
+  <div class="leaderboard-container">
+    <h1>Leaderboard</h1>
+    <p>Coming soon — compete with heroes across the realm.</p>
+    <div class="nav-links">
+      <a href="/game.html" class="btn-game">Game</a>
+      <a href="/shop.html" class="btn-home">Shop</a>
+      <a href="/" class="btn-home">Home</a>
+    </div>
+  </div>
+</body>
+</html>