35 lines
1.3 KiB
HTML
35 lines
1.3 KiB
HTML
<!doctype html>
|
|
<html lang="en" class="dark">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>{{ request.app.title }}{% block title %}{% endblock %}</title>
|
|
|
|
<!-- Tailwind via CDN (fine for dev/small apps; switch to compiled later if you want) -->
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
|
|
<!-- HTMX: lets you call endpoints and swap HTML fragments, no custom JS needed -->
|
|
<script src="https://unpkg.com/htmx.org@2.0.3"></script>
|
|
|
|
<script>
|
|
// Handle messages from server
|
|
document.body.addEventListener('showMessage', function(event) {
|
|
const message = event.detail;
|
|
const div = document.createElement('div');
|
|
div.className = 'fixed top-4 right-4 bg-red-500 text-white px-6 py-3 rounded shadow-lg';
|
|
div.textContent = message;
|
|
document.body.appendChild(div);
|
|
setTimeout(() => div.remove(), 3000);
|
|
});
|
|
</script>
|
|
</head>
|
|
<body class="bg-slate-900 text-slate-100">
|
|
<div class="w-11/12 max-w-[90%] lg:max-w-[95%] mx-auto p-6 bg-slate-800 rounded-lg shadow-md">
|
|
<h1 class="text-2xl font-bold mb-4 text-white">X1 Carbon Connection</h1>
|
|
{% block connect %}{% endblock %}
|
|
<br>
|
|
{% block status %}{% endblock %}
|
|
</div>
|
|
</body>
|
|
</html>
|