Files
NexHome/templates/base.html
T
2026-06-11 15:05:08 +08:00

57 lines
1.7 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 %}NexHome{% endblock %}</title>
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = {
theme: {
extend: {
colors: {
primary: '#1e3a5f',
'primary-light': '#2d5a8e',
accent: '#2563eb',
warm: '#f59e0b',
'warm-dark': '#d97706',
}
}
}
}
</script>
<style>
.hero-bg {
background: linear-gradient(135deg, #1e3a5f 0%, #2d5a8e 50%, #1e3a5f 100%);
}
.card-hover {
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.card-hover:hover {
transform: translateY(-4px);
box-shadow: 0 12px 24px rgba(0,0,0,0.15);
}
</style>
{% block head %}{% endblock %}
</head>
<body class="bg-gray-50 min-h-screen flex flex-col">
{% include "components/navbar.html" %}
{% if flash %}
<div class="max-w-7xl mx-auto px-4 mt-4 w-full">
<div class="rounded-lg p-4 text-sm font-medium
{% if flash_type == 'error' %}bg-red-100 text-red-800 border border-red-200
{% else %}bg-green-100 text-green-800 border border-green-200{% endif %}">
{{ flash }}
</div>
</div>
{% endif %}
<main class="flex-1">
{% block content %}{% endblock %}
</main>
{% include "components/footer.html" %}
</body>
</html>