etc404/thymecrunch
1
0
Fork 0
mirror of https://gitlab.com/etc404/software-engineering-project.git synced 2026-05-10 20:52:58 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

not pretty login

Browse Source
This commit is contained in:
kaipher7
2026-02-26 17:50:32 -07:00
parent 372799f13b
commit e893ded28c
2 changed files with 129 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
demo/css/login.css
+98
View File
@@ -0,0 +1,98 @@
/* login.css */
body, html {
background-attachment: fixed;
height: 100%;
margin: 0;
font-family: 'Roboto', sans-serif;
}
.container {
display: flex;
height: 100vh;
}
/* Header Styles */
.top-header {
display: flex;
align-items: center;
background-color: #1f3d57;
color: white;
padding: 10px 20px;
height: 60px;
}
.top-header .logo {
height: 40px;
width: auto;
margin-right: 15px;
}
.site-name {
position: absolute;
left: 50%;
font-size: 2.5em;
font-weight: bold;
letter-spacing: 4px;
font-family: 'EB Garamond', serif;}
/* Main Content */
.main-content {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
}
/* Login Box */
.login-box {
background-color: #1f3d57;
padding: 45px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
width: 300px;
color: #38a7e8;
}
.login-box h2 {
font-size: 50px;
text-align: center;
font-weight: bold;
margin-bottom: 30px;
margin-top: 8px;
}
.login-box label {
display: block;
margin-top: 10px;
font-weight: bold;
}
.login-box input {
align-items: center;
width: 100%;
padding: 10px;
margin-top: 5px;
border-radius: 3px;
border: 1px solid #ccc;
box-sizing: border-box;
}
.login-box button {
display: block;
margin: 0 auto;
width: 40%;
padding: 10px;
margin-top: 20px;
background-color: #38a7e8;
color: white;
font-weight: bold;
border: none;
border-radius: 4px;
cursor: pointer;
}
.login-box button:hover {
background-color: #3498db;
}
demo/login.html
+31
View File
@@ -0,0 +1,31 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Thyme Crunch Login</title>
<link rel="stylesheet" href="css/login.css">
</head>
<body>
<header class="top-header">
<h1 class="site-name">Thyme Crunch</h1>
</header>
<!-- Main Content -->
<main class="main-content">
<div class="login-box">
<h2>User Login</h2>
<form action="AuthController" method="post">
<label for="username">Username</label>
<input type="text" id="user" name="user" required>
<label for="password">Password</label>
<input type="password" id="password" name="password" required>
<button type="submit">Enter</button>
</form>
</div>
</main>
</div>
</body>
</html>