2526-web/Kelompok02-Memory-Card
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'main' of https://git-eng.ukwms.ac.id/2526-web/Kelompok02-Memory-Card

Browse Source
This commit is contained in:
Nathan Handoko Sugandi 2025-11-24 15:19:50 +07:00 committed by Nathan
commit 89489eaf6c
4 changed files with 37 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
gameboard Normal file
View File

@ -0,0 +1,17 @@
.header {
/* layout header */
display: flex;
justify-content: space-between;
align-items: center;
padding: 6px 10px;
width: 100%;
box-sizing: border-box;
/* glass style */
background: rgba(255, 255, 255, 0.25);
backdrop-filter: blur(14px);
border-top: 2px solid rgba(255, 255, 255, 0.4);
border-bottom: 2px solid rgba(255, 255, 255, 0.4);
/* nested element styling */
}

19
gameboard.html
View File

@ -3,9 +3,24 @@
<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">
<title>Document</title> <title>Memory Card</title>
<link rel="stylesheet" href="">
</head> </head>
<body> <body>
test <div id = "container">
<div class="header">
<div class="right-info">
<div class="pill">
<span class="icon">⏱</span> 60s
</div>
<div class="pill">
<span class="icon">⭐</span> 0
</div>
<div class="pill">
<span class="icon">🎯</span> 0
</div>
</div>
</div>
</div>
</body> </body>
</html> </html>

3
login.html
View File

@ -4,7 +4,7 @@
<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" />
<title>Login Page</title> <title>Login Page</title>
<link rel="stylesheet" href="style.css" /> <link rel="stylesheet" href="login.css" />
</head> </head>
<body> <body>
@ -22,7 +22,6 @@
<div class="icon-wrapper"> <div class="icon-wrapper">
<div class="icon-bg"></div> <div class="icon-bg"></div>
<div class="icon-circle"> <div class="icon-circle">
<img src="login-icon.png" class="login-icon" />
</div> </div>
</div> </div>

5
mainboard.html
View File

@ -4,7 +4,7 @@
<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">
<title>Memory Game</title> <title>Memory Game</title>
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="mainboard.css">
</head> </head>
<body> <body>
@ -13,7 +13,6 @@
<!-- HEADER --> <!-- HEADER -->
<header class="header glass"> <header class="header glass">
<div class="user-info"> <div class="user-info">
<div class="user-icon">A</div>
<div> <div>
<h2 id="username">Player</h2> <h2 id="username">Player</h2>
<p id="role">🎮 Player</p> <p id="role">🎮 Player</p>
@ -28,7 +27,7 @@
<!-- TITLE --> <!-- TITLE -->
<div class="title"> <div class="title">
<h1>🎮 Memory Card Game</h1> <h1>🎮 Memory Flip Card Game</h1>
<p>Pilih tingkat kesulitan untuk memulai permainan</p> <p>Pilih tingkat kesulitan untuk memulai permainan</p>
</div> </div>