2526-web/Kelompok04-UlardanApel-Wenzel-Daud-Boanerges
2526-web/Kelompok04-UlardanApel-Wenzel-Daud-Boanerges
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

styling seikhlasnya hhe

Browse Source
This commit is contained in:
Daud 2025-12-07 16:10:43 +07:00
parent d0459d99f8
commit bec50810ef
7 changed files with 44 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
daftar.php
View File

@ -5,6 +5,12 @@ include "koneksi.php";
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<style>
body {
background: linear-gradient(to bottom right, #A3D438, #004D40);
height: 568px;
}
</style>
<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">

38
index.php
View File

@ -10,21 +10,24 @@ if(!isset($_SESSION['users'])) {
<html lang="id"> <html lang="id">
<style> <style>
body { body {
background-image: url(); background: linear-gradient(to bottom right, #A3D438, #004D40);
height: 526px;
} }
h1 { h1 {
text-align: center; text-align: center;
margin-top: 10%; margin-top: 10%;
font-size: 85px; font-size: 40px;
box-sizing: border-box;
} }
.container { .container {
padding: 5px; padding: 5px;
border: 2px solid; /* Nanti dihapus */ border: 2px solid; /* Nanti dihapus */
border-radius: 7pt; /* Nanti dihapus */ border-radius: 7pt; /* Nanti dihapus */
width: 70%; width: 65%;
height: 55%;
justify-self: center; justify-self: center;
background-image: url(); /* background-image: url(); */
} }
#button { #button {
@ -38,6 +41,8 @@ if(!isset($_SESSION['users'])) {
justify-self: center; justify-self: center;
text-align: center; text-align: center;
} }
</style> </style>
@ -57,16 +62,21 @@ if(!isset($_SESSION['users'])) {
<!-- <h1>EAT THAT APPLE</h1> --> <!-- <h1>EAT THAT APPLE</h1> -->
<div class="container"> <div class="container">
<a href="game.html"> <div class="b2">
<div id="button">Play Game</div> <a href="game.html">
</a> <div id="button">Play Game</div>
<a href="http://localhost/uas_sem_1/leaderboard.php"> </a>
<div id="button">Leaderboard</div> </div>
</a> <div class="b2">
<a href="http://localhost/uas_sem_1/logout.php"> <a href="http://localhost/uas_sem_1/leaderboard.php">
<div id="button">Logout</div> <div id="button">Leaderboard</div>
</a> </a>
</div>
<div class="b2">
<a href="http://localhost/uas_sem_1/logout.php">
<div id="button">Logout</div>
</a>
</div>
</div> </div>
</body> </body>
</html> </html>

8
leaderboard.php
View File

@ -31,7 +31,13 @@ if($result) {
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="id">
<style>
body {
background: linear-gradient(to bottom right, #A3D438, #004D40);
height: 568px;
}
</style>
<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">

9
login.php
View File

@ -23,10 +23,15 @@ if(isset($_POST['username'])) {
<html lang="id"> <html lang="id">
<style> <style>
body { body {
background-color: limegreen; background: linear-gradient(to bottom right, #A3D438, #004D40);
/* height: 568px; */
} }
.login { .login {
background-image: url('login/log.png'); /* background-image: url('login/login.png'); */
background-repeat: no-repeat;
background-size: 300px 190px;
background-position: center top;
height: 568px;
} }
</style> </style>
<head> <head>

BIN
login/log.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 17 KiB

BIN
login/login.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 16 KiB

BIN
succes/logsuc.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.8 KiB