2526-web/kelompok12-codebeater
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add content at onboard

Browse Source
This commit is contained in:
Matthew Florentino 2025-11-26 09:58:37 +07:00
parent 2282f02005
commit 69d330c08f
3 changed files with 73 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
src/css/style.css
View File

@ -178,4 +178,47 @@
border: 1px solid;
height: 40px;
align-content: center;
}
.container-onboard {
display: flex;
width: 100%;
height: 100dvh;
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{
font-size: 150px;
color: yellow;
font-weight: 400;
margin-bottom: 50px;
}
.container-onboard .menu {
display: flex;
flex-direction: column;
text-align: center;
}
.container-onboard .menu a {
padding: 10px 80px;
background-color: #87871b23;
margin: 8px;
border-radius: 5px;
font-size: 30px;
color: yellow;
border: 1px solid #8170029f;
text-decoration: none;
}
.container-onboard .menu a:hover {
transition: 0.4s ease-out;
color: #dd85fa;
border: 1px solid #dd85fa;
background-color: #871b8323;
}

2
src/index.php
View File

@ -21,7 +21,7 @@ if(isset($_POST['login'])){
$_SESSION['loggedin']='true';
$_SESSION['username']=$user['username'];
$_SESSION['id']=$user['id'];
header("location:leaderboard.php");
header("location:onboard.html");
exit();
}else{
echo "password salah";

29
src/onboard.html
View File

@ -0,0 +1,29 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>onboard</title>
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<link rel="stylesheet" href="css/global.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="container-onboard">
<h1 data-aos="zoom-out" data-aos-duration="1000">👾 codebeater 👾</h1>
<div class="menu">
<a data-aos="zoom-out" data-aos-duration="2000" href="/src/game/thirdperson.html">Game Start</a>
<a data-aos="zoom-out" data-aos-duration="2000" href="leaderboard.php">leaderboard</a>
<a data-aos="zoom-out" data-aos-duration="2000" href="">Credit</a>
<a data-aos="zoom-out" data-aos-duration="2000" href="index.php">Exit</a>
</div>
</div>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script>
AOS.init();
</script>
</body>
</html>