jens/TimeTrack
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add splash page and improve user registration views.

Browse Source
This commit is contained in:
Jens Luedicke
2025-07-06 10:36:49 +02:00
parent 397175f38e
commit 6213cdd2b9
14 changed files with 2415 additions and 104 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
templates/login.html
View File

@@ -1,8 +1,18 @@
{% extends "layout.html" %}
{% block content %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Login - TimeTrack</title>
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/auth.css') }}">
</head>
<body class="auth-page">
<div class="auth-container">
<h1>Login to TimeTrack</h1>
<div class="auth-brand">
<h1>Welcome Back</h1>
<p>Sign in to continue tracking</p>
</div>
{% with messages = get_flashed_messages(with_categories=true) %}
{% if messages %}
@@ -13,31 +23,42 @@
{% endwith %}
<form method="POST" action="{{ url_for('login') }}" class="auth-form">
<div class="form-group">
<div class="form-group input-icon">
<i>👤</i>
<input type="text" id="username" name="username" class="form-control" placeholder="Enter your username" required autofocus>
<label for="username">Username</label>
<input type="text" id="username" name="username" class="form-control" required autofocus>
</div>
<div class="form-group">
<div class="form-group input-icon">
<i>🔒</i>
<input type="password" id="password" name="password" class="form-control" placeholder="Enter your password" required>
<label for="password">Password</label>
<input type="password" id="password" name="password" class="form-control" required>
</div>
<div class="form-group">
<label class="checkbox-container">
<input type="checkbox" name="remember"> Remember me
<span class="checkmark"></span>
<div class="form-check">
<input type="checkbox" class="form-check-input" id="remember" name="remember">
<label class="form-check-label" for="remember">
Keep me signed in
</label>
</div>
<div class="form-group">
<button type="submit" class="btn btn-primary">Login</button>
<button type="submit" class="btn btn-primary">Sign In</button>
</div>
<div class="social-divider">
<span>New to TimeTrack?</span>
</div>
<div class="auth-links">
<p>Don't have an account?</p>
<p><a href="{{ url_for('register') }}">Register with Company Code</a> | <a href="{{ url_for('register_freelancer') }}">Register as Freelancer</a></p>
<p>
<a href="{{ url_for('register') }}" style="margin-right: 1rem;">Join a Company</a>
<a href="{{ url_for('register_freelancer') }}">Start Freelancing</a>
</p>
</div>
</form>
</div>
{% endblock %}
<script src="{{ url_for('static', filename='js/auth-animations.js') }}"></script>
</body>
</html>