HWSSC/Kube
1
0
Fork 0
Code Issues Pull Requests Actions Activity

[code, files] added background.png files for login background, added lots of styling for login page, also added new code for login.html for these changes.

Browse Source 
Co-authored-by: Copilot <copilot@github.com>
This commit is contained in:
Cormac Wilson
2026-04-24 00:06:33 +01:00
parent 79c9c6aa1e
commit d712eb306a
3 changed files with 176 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
html/login.html
View File

@@ -14,19 +14,34 @@
<script src="/app.js" defer></script>
</head>
<body>
<div class="loginPane">
<div class="loginHeader">
<h2>Login</h2>
<h3>Please enter your login credentials below</h3>
<div class="loginContainer">
<div class="loginImage">
<img src="/assets/images/background.png" alt="Oriam Background">
</div>
<div class="loginForm">
<form>
<label for="username">Username</label><br>
<input type="text" id="username" name="username" placeholder="Enter your username"><br>
<label for="password">Password</label><br>
<input type="text" id="Password" name="password" placeholder="Enter your password"><br><br>
<input type="submit" value="Submit">
</form>
<div class="loginPane">
<div class="loginLogo">
<img src="/assets/images/favicon-192x192.png" alt="Kube Logo">
<p>Kube is a progressive web application (PWA)
coded in HTML, CSS & JS which is used for
tracking and optimising club transport.</p>
</div>
<div class="loginHeader">
<h2>Login</h2>
<h3>Please enter your login credentials below</h3>
</div>
<div class="loginForm">
<form id="loginForm">
<div class="formGroup">
<label for="username">Username</label>
<input type="text" id="username" name="username" placeholder="Enter your username" required aria-label="Username input">
</div>
<div class="formGroup">
<label for="password">Password</label>
<input type="password" id="password" name="password" placeholder="Enter your password" required aria-label="Password input">
</div>
<button type="submit" class="submitBtn">Login</button>
</form>
</div>
</div>
</div>
</body>