diff --git a/src/credit.html b/src/credit.html new file mode 100644 index 0000000..2219617 --- /dev/null +++ b/src/credit.html @@ -0,0 +1,135 @@ + + + + + + + Document + + + + + + + +
+ ✖ +
+
+
+

👾 codebeater 👾

+ +
lecturer Counselors
+
Bu Devi
+
Koh Andrew
+ +
Development Team
+
Owen
+
Matthew Florentino
+
Carolus Bramantyo
+
Yohannes Marcel
+ +
Frontend Developer
+
Yohannes Marcel
+
Matthew Florentino
+
Owen
+ +
backend Developer
+
Carolus Bramantyo
+
Matthew Florentino
+ +
Game Designers
+
Yohannes Marcel
+ +
Assets Designers
+
Yohannes Marcel
+ +
Questions Designers
+
Yohannes Marcel
+
Owen
+ +
CSS Specialist
+
Matthew Florentino
+ +
JS Specialist
+
Matthew Florentino
+ +
PHP Specialist
+
Carolus Bramantyo
+ +
SQL Specialist
+
Carolus Bramantyo
+ +
Advicer
+
Rafael
+
Erlang
+
Bu Devi
+
koh Andrew
+ +
Libary
+
Animate on Scroll
+ +
Font
+
Jetbrains Mono
+ +
Reference Game
+
Undertale
+
Soul Knight
+
Tomb of the Mask
+ +
Reference Music
+ + + +
+
+
+
+
+
+ + + + + + + + \ No newline at end of file diff --git a/src/css/style.css b/src/css/style.css index afdbeef..7314c86 100644 --- a/src/css/style.css +++ b/src/css/style.css @@ -142,9 +142,9 @@ /* Hapus properti background dari sini dan pindahkan ke ::before */ /* Tambahkan posisi relatif agar pseudo-element bisa diposisikan absolut di dalamnya */ - position: relative; + position: relative; /* Pastikan konten di dalam container ada di atas latar */ - z-index: 1; + z-index: 1; } /* Pseudo-element untuk menampung gambar latar transparan */ @@ -155,7 +155,7 @@ left: 0; right: 0; bottom: 0; - + /* Pindahkan properti background Anda ke sini */ background-image: url(/assets/Design/CampFire8WESFIX!-export.png); background-repeat: no-repeat; @@ -164,10 +164,11 @@ image-rendering: pixelated; /* >>> INI KUNCINYA: Atur opasitasnya di sini <<< */ - opacity:1; /* Contoh nilai 40% transparan */ - + opacity: 1; + /* Contoh nilai 40% transparan */ + /* Pindahkan latar ini ke lapisan paling bawah */ - z-index: -1; + z-index: -1; } .container-board .chara { @@ -233,6 +234,7 @@ td { .container-board .board table tbody tr { background: #0b0e00bd; } + .container-board .board table tbody tr:hover { background: #c1fc0032; } @@ -275,4 +277,75 @@ td { color: #dd85fa; border: 1px solid #dd85fa; background-color: #871b8323; +} + +.container-credits { + display: flex; + align-items: center; + justify-content: center; + height: 100vh; + background: #060607; + margin: 0; +} + +.container-credits .credits { + width: 100%; + height: var(--height); + overflow: hidden; + border-radius: 8px; + background: linear-gradient(180deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .85)); + box-shadow: 0 8px 30px rgba(0, 0, 0, .7); + padding: 24px 12px; + position: relative; +} + +.container-credits .credits .credits-inner { + display: flex; + flex-direction: column; + transform: translateY(0); + will-change: transform; +} + +.container-credits .credits .credits-inner h1 { + font-size: 150px; + color: yellow; + font-weight: 400; + margin-bottom: 50px; + text-align: center; +} + +.container-credits .credits .credits-inner .role { + font-weight: 400; + color: yellow; + margin-top: 10px; + text-align: center; + padding: 6px 0; + font-size: 50px; + line-height: 1.25; + text-shadow: 0 1px 0 rgba(0, 0, 0, .6); +} + +.container-credits .credits .credits-inner .name { + font-weight: 400; + color: #ffffff; + font-size: 14px; + text-align: center; + padding: 6px 0; + font-size: 30px; + line-height: 1.25; + text-shadow: 0 1px 0 rgba(0, 0, 0, .6); +} + +.container-credits .back { + color: #ffff009a; + text-decoration: none; + font-size: 30px; + position: absolute; + z-index: 99999; + left: 2%; + top: 5%; +} + +.container-credits .back:hover { + color: yellow; } \ No newline at end of file diff --git a/src/game/thirdperson.html b/src/game/thirdperson.html index 7deae42..eaee0db 100644 --- a/src/game/thirdperson.html +++ b/src/game/thirdperson.html @@ -10,7 +10,7 @@
-

PYTHON QUIZ GAME

+

! PYTHON QUIZ GAME !

bg
diff --git a/src/onboard.php b/src/onboard.php index e5e3af3..51e81c9 100644 --- a/src/onboard.php +++ b/src/onboard.php @@ -26,7 +26,7 @@ session_start();
Game Start leaderboard - Credit + Credit Exit