From 3e2e1641fd95b90e0bbd31178fd06734c90d49db Mon Sep 17 00:00:00 2001
From: Matthew Florentino <matthewflrnt@gmail.com>
Date: Mon, 1 Dec 2025 12:23:56 +0700
Subject: [PATCH] feat:  fix: add score and design background

---
 src/css/game.css    |  5 +++--
 src/css/style.css   | 44 ++++++++++++++++++++++++++++++++++++++------
 src/js/soal.js      |  1 -
 src/leaderboard.php |  2 +-
 4 files changed, 42 insertions(+), 10 deletions(-)

diff --git a/src/css/game.css b/src/css/game.css
index 73779cd..82c345a 100644
--- a/src/css/game.css
+++ b/src/css/game.css
@@ -47,10 +47,11 @@
 }
 
 .container-first {
-    /* background-image: url(/src/assets/Design/CAVEBOSSFIGHT.png); */
+    background-image: url(/assets/Design/newBGBOSSFIGHT.gif);
     background-repeat: no-repeat;
     background-size: cover;
     image-rendering: pixelated;
+    background-position: center;
 }
 
 .container-first .content .boss {
@@ -110,7 +111,7 @@
     color: #ffdf12;
     font-size: 30px;
     background-color: #f7e62e34;
-    margin: 5px;    
+    margin: 5px;
     border-radius: 10px;
     cursor: pointer;
 }
diff --git a/src/css/style.css b/src/css/style.css
index da2a1f6..afdbeef 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -139,6 +139,35 @@
     justify-content: space-around;
     align-items: center;
     height: 100dvh;
+    /* Hapus properti background dari sini dan pindahkan ke ::before */
+
+    /* Tambahkan posisi relatif agar pseudo-element bisa diposisikan absolut di dalamnya */
+    position: relative; 
+    /* Pastikan konten di dalam container ada di atas latar */
+    z-index: 1; 
+}
+
+/* Pseudo-element untuk menampung gambar latar transparan */
+.container-board::before {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    
+    /* Pindahkan properti background Anda ke sini */
+    background-image: url(/assets/Design/CampFire8WESFIX!-export.png);
+    background-repeat: no-repeat;
+    background-size: cover;
+    background-position: center;
+    image-rendering: pixelated;
+
+    /* >>> INI KUNCINYA: Atur opasitasnya di sini <<< */
+    opacity:1; /* Contoh nilai 40% transparan */
+    
+    /* Pindahkan latar ini ke lapisan paling bawah */
+    z-index: -1; 
 }
 
 .container-board .chara {
@@ -160,13 +189,14 @@
     width: 300px;
     image-rendering: pixelated;
     margin: 20px;
+    margin-top: 160px;
 }
 
 .container-board .menu {
     margin: 0 auto;
-    border-radius: 10px;
+    border-radius: 6px;
     width: 400px;
-    border: 1px solid;
+    border: 5px solid;
     height: 40px;
     align-content: center;
 }
@@ -178,13 +208,15 @@
     /*menghilangkan gap antar border*/
     font-family: "Segoe UI", Tahoma, sans-serif;
     color: white;
+    font-weight: 200;
+    font-size: 20px;
     border-radius: 10px;
     overflow: hidden;
 }
 
 .container-board .board table th,
 td {
-    border: 5px solid #ffffffb8;
+    border: 5px solid #ffffff;
     padding: 14px 18px;
     white-space: nowrap;
     text-align: center;
@@ -198,6 +230,9 @@ td {
 }
 
 
+.container-board .board table tbody tr {
+    background: #0b0e00bd;
+}
 .container-board .board table tbody tr:hover {
     background: #c1fc0032;
 }
@@ -209,9 +244,6 @@ td {
     flex-direction: column;
     justify-content: center;
     align-items: center;
-    /* background-image: url(/src/assets/Design/wayland.png);
-    background-repeat: no-repeat;
-    background-size: cover; */
 }
 
 .container-onboard h1 {
diff --git a/src/js/soal.js b/src/js/soal.js
index edc5db5..e69de29 100644
--- a/src/js/soal.js
+++ b/src/js/soal.js
@@ -1 +0,0 @@
-dadad
\ No newline at end of file
diff --git a/src/leaderboard.php b/src/leaderboard.php
index 4f09ee2..94cef01 100644
--- a/src/leaderboard.php
+++ b/src/leaderboard.php
@@ -5,7 +5,7 @@ require_once "config/db.php";
 $sql= "SELECT username, score
 FROM users
 ORDER BY score DESC
-LIMIT 10";
+LIMIT 8";
 $nama = $_SESSION['username'];
 $score = 0;