mirror of
https://github.com/thecyberlearn/modern-django-starter.git
synced 2026-08-18 19:32:55 +00:00
85f68a8df9
- Add modern authentication templates with black/white theme - Implement email/password and Google OAuth login/signup - Configure SMTP email delivery for verification emails - Create clean, rectangular authentication cards - Remove Facebook integration, keep Google only - Add responsive auth design with reduced font sizes - Fix Django settings for production-ready email backend - Update Google OAuth credentials and callback URLs - Generate secure SECRET_KEY for production 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
51 lines
1.9 KiB
HTML
51 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>{% block title %}Authentication{% endblock %}</title>
|
||
{% load static %}
|
||
|
||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
|
||
<link rel="stylesheet" href="{% static 'css/auth.css' %}">
|
||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
||
</head>
|
||
<body class="auth-body">
|
||
<div class="auth-container">
|
||
<div class="auth-card">
|
||
{% block content %}
|
||
{% endblock %}
|
||
</div>
|
||
</div>
|
||
|
||
{% if messages %}
|
||
<div class="toast-container position-fixed top-0 end-0 p-3">
|
||
{% for message in messages %}
|
||
<div class="toast show" role="alert" aria-live="assertive" aria-atomic="true">
|
||
<div class="toast-header">
|
||
<strong class="me-auto">
|
||
{% if message.tags == 'error' %}❌{% elif message.tags == 'success' %}✅{% else %}ℹ️{% endif %}
|
||
</strong>
|
||
<button type="button" class="btn-close" data-bs-dismiss="toast"></button>
|
||
</div>
|
||
<div class="toast-body">
|
||
{{ message }}
|
||
</div>
|
||
</div>
|
||
{% endfor %}
|
||
</div>
|
||
{% endif %}
|
||
|
||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
|
||
<script>
|
||
// Auto-dismiss toasts after 5 seconds
|
||
setTimeout(function() {
|
||
const toasts = document.querySelectorAll('.toast');
|
||
toasts.forEach(function(toast) {
|
||
const bsToast = new bootstrap.Toast(toast);
|
||
bsToast.hide();
|
||
});
|
||
}, 5000);
|
||
</script>
|
||
</body>
|
||
</html> |