65 lines
2.0 KiB
HTML
65 lines
2.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" class="dark">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>{% block title %}KI Context Tool{% endblock %}</title>
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<script>
|
|
tailwind.config = {
|
|
darkMode: 'class',
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
copilot: {
|
|
bg: '#1e1e2e',
|
|
sidebar: '#181825',
|
|
panel: '#24273a',
|
|
border: '#313244',
|
|
accent: '#89b4fa',
|
|
accentHover: '#74c7ec',
|
|
text: '#cdd6f4',
|
|
muted: '#6c7086',
|
|
user: '#313244',
|
|
assistant:'#1e1e2e',
|
|
success: '#a6e3a1',
|
|
danger: '#f38ba8',
|
|
warning: '#fab387',
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}" />
|
|
<script src="https://cdn.jsdelivr.net/npm/marked@12/marked.min.js"></script>
|
|
{% block head %}{% endblock %}
|
|
</head>
|
|
<body class="bg-copilot-bg text-copilot-text min-h-screen flex flex-col">
|
|
|
|
{% with messages = get_flashed_messages(with_categories=true) %}
|
|
{% if messages %}
|
|
<div id="flash-container" class="fixed top-4 right-4 z-50 space-y-2">
|
|
{% for category, message in messages %}
|
|
<div class="flash-msg px-4 py-3 rounded-lg text-sm font-medium shadow-lg
|
|
{% if category == 'success' %}bg-copilot-success text-copilot-bg
|
|
{% elif category == 'danger' %}bg-copilot-danger text-copilot-bg
|
|
{% else %}bg-copilot-accent text-copilot-bg{% endif %}">
|
|
{{ message }}
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
<script>
|
|
setTimeout(() => {
|
|
document.getElementById('flash-container')?.remove();
|
|
}, 4000);
|
|
</script>
|
|
{% endif %}
|
|
{% endwith %}
|
|
|
|
{% block content %}{% endblock %}
|
|
|
|
{% block scripts %}{% endblock %}
|
|
</body>
|
|
</html>
|