Spaces:
Running
Running
File size: 3,860 Bytes
2a55e2a |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Register | {{ app_name }}</title>
<link rel="stylesheet" href="{{ url_for('static', path='/css/styles.css') }}">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<script src="{{ url_for('static', path='/js/main.js') }}" defer></script>
</head>
<body>
<div class="auth-container">
<div class="auth-card">
<div class="auth-header">
<h1>{{ app_name }}</h1>
<div class="auth-subtitle">Create an Account</div>
</div>
{% if error %}
<div class="alert alert-error">
<i class="fas fa-exclamation-triangle"></i>
{{ error }}
</div>
{% endif %}
<form class="auth-form" action="/register" method="post">
<div class="form-group">
<label for="username">Username</label>
<div class="input-with-icon">
<i class="fas fa-user"></i>
<input type="text" id="username" name="username" required value="{{ request.form.username if request.form else '' }}">
</div>
</div>
<div class="form-group">
<label for="email">Email</label>
<div class="input-with-icon">
<i class="fas fa-envelope"></i>
<input type="email" id="email" name="email" required value="{{ request.form.email if request.form else '' }}">
</div>
</div>
<div class="form-group">
<label for="password">Password</label>
<div class="input-with-icon">
<i class="fas fa-lock"></i>
<input type="password" id="password" name="password" required>
</div>
</div>
<div class="form-group">
<label for="confirm_password">Confirm Password</label>
<div class="input-with-icon">
<i class="fas fa-lock"></i>
<input type="password" id="confirm_password" name="confirm_password" required>
</div>
</div>
<div class="form-group">
<button type="submit" class="btn btn-primary btn-block">Create Account</button>
</div>
<div class="auth-links">
<a href="/login">Already have an account? Sign in</a>
</div>
</form>
<div class="auth-separator">
<div class="line"></div>
<div class="text">or</div>
<div class="line"></div>
</div>
<div class="social-login">
<button class="btn btn-google">
<i class="fab fa-google"></i>
Sign up with Google
</button>
<button class="btn btn-facebook">
<i class="fab fa-facebook"></i>
Sign up with Facebook
</button>
</div>
<div class="auth-footer">
By creating an account, you agree to the
<a href="#">Terms of Service</a> and
<a href="#">Privacy Policy</a>
</div>
</div>
</div>
</body>
</html> |