From 638a81a17f7650479a10bf0281af7a3b479d2c6a Mon Sep 17 00:00:00 2001
From: Nathan <nathan-h.inf25@ukwms.ac.id>
Date: Tue, 9 Dec 2025 01:36:58 +0700
Subject: [PATCH] database created, commencing integration

---
 Leaderboard.html | 15 +++++++++------
 koneksi.php      | 12 ++++++++++++
 login.html       |  4 ++--
 3 files changed, 23 insertions(+), 8 deletions(-)
 create mode 100644 koneksi.php

diff --git a/Leaderboard.html b/Leaderboard.html
index fb1b76f..494faa5 100644
--- a/Leaderboard.html
+++ b/Leaderboard.html
@@ -137,25 +137,28 @@ thead {
 <div class="filter-container">
     <span>Filter:</span>
     <button class="filter-btn active">Semua</button>
-    <button class="filter-btn">Easy</button>
-    <button class="filter-btn">Medium</button>
-    <button class="filter-btn">Hard</button>
+    <button class="filter-btn easy">Easy</button>
+    <button class="filter-btn medium">Medium</button>
+    <button class="filter-btn hard">Hard</button>
 </div>
 
 <div class="cards">
     <div class="card">
         🎮
-        <p>Total Game Dimainkan</p>
+        <p><div class="count"><span>Total Game Dimainkan</span></p>
+        <span id="game-count">0</span></div></p>
     </div>
 
     <div class="card">
         👑
-        <p>Top Player</p>
+        <p><div class="count"><span>Top Player</span></p>
+        <span id="player-rank">0</span></div></p> 
     </div>
 
     <div class="card">
         ⭐
-        <p>Highest Score</p>
+        <p><div class="count"><span>Skor Tertinggi</span></p>
+        <span id="baseScoreEnd">0</span></div></p> 
     </div>
 </div>
 
diff --git a/koneksi.php b/koneksi.php
new file mode 100644
index 0000000..75c862e
--- /dev/null
+++ b/koneksi.php
@@ -0,0 +1,12 @@
+<?php
+$host = "localhost";
+$user = "root";        // username DB
+$pass = "";            // password DB
+$db   = "nama_database"; // ganti dengan nama database kamu
+
+$conn = mysqli_connect($host, $user, $pass, $db);
+
+if (!$conn) {
+    die("Koneksi gagal: " . mysqli_connect_error());
+}
+?>
diff --git a/login.html b/login.html
index 96b971c..2d8fe22 100644
--- a/login.html
+++ b/login.html
@@ -5,8 +5,8 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>Login</title>
 
-  <style>
-    body {
+<style>
+body {
   margin: 0;
   font-family: Arial, sans-serif;
   background: linear-gradient(135deg, #d9a7ff, #fbc2eb, #a1c4fd);