Compare commits

...

3 Commits

Author SHA1 Message Date
4784b81db1 style/login: merge commit 2025-11-17 20:55:08 -05:00
Matthew Florentino
de8e602fe1 style: fix bug 2025-11-14 14:45:29 +07:00
Matthew Florentino
379c264987 style: add basic structure index.php and global css 2025-11-13 20:35:57 +07:00
5 changed files with 57 additions and 1 deletions

View File

@ -6,7 +6,7 @@ services:
build: build:
context: . context: .
dockerfile: web/Dockerfile dockerfile: web/Dockerfile
image: codebeater:latest image: kelompok12:latest
container_name: phpapache container_name: phpapache
ports: ports:
- "${APP_PORT}:80" - "${APP_PORT}:80"

View File

@ -0,0 +1,23 @@
@import url('https://fonts.googleapis.com/css2?family=Jersey+15&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap');
*{
font-family: "Jersey 15", sans-serif;
margin: 0;
padding: 0;
}
body {
color: white;
background-color: black;
}
.row {
display: flex;
height: 100dvh;
}
.col {
flex: 1;
width: 50%;
padding: 30px;
box-sizing: border-box;
}

View File

@ -0,0 +1,11 @@
.container-login {
display: flex;
width: 100%;
height: 100dvh;
flex-direction: column;
justify-content: center;
align-items: center;
}
.container-login h1 {
font-size: 100px;
}

View File

@ -0,0 +1,22 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>login</title>
<link rel="stylesheet" href="/css/global.css">
<link rel="stylesheet" href="/css/style.css?v=2">
</head>
<body>
<div class="container-login">
<h1 data-aos="zoom-out" data-aos-duration="1000">codebeater</h1>
<form class="login-form" action ="index.php" method="POST">
<h2 data-aos="fade-up" data-aos-duration="1000">Login to your account</h2>
<input type="text" name="username" id="username" placeholder="input your username" data-aos="fade-up" data-aos-duration="2000"><br>
<input type="password" name="password" id="password" placeholder="input your password" data-aos="fade-up" data-aos-duration="2000"><br>
<button type="submit" name="login" placeholder="input your password" data-aos="fade-up" data-aos-duration="3000">LOGIN</button>
<p placeholder="input your password" data-aos="fade-up" data-aos-duration="3000"><a href="register.php">don't have account yet?<span> register now!</span></a></p>
</form>
</div>
</body>
</html>

View File