51 lines
1.8 KiB
HTML
51 lines
1.8 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>General Bots</title>
|
|
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
|
|
<link rel="stylesheet" href="css/app.css" />
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/livekit-client/dist/livekit-client.umd.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<nav x-data="{ current: 'chat' }">
|
|
<div class="logo">⚡ General Bots</div>
|
|
<a
|
|
href="#chat"
|
|
@click.prevent="current = 'chat'; window.switchSection('chat')"
|
|
:class="{ active: current === 'chat' }"
|
|
>💬 Chat</a
|
|
>
|
|
|
|
<a
|
|
href="#drive"
|
|
@click.prevent="current = 'drive'; window.switchSection('drive')"
|
|
:class="{ active: current === 'drive' }"
|
|
>📁 Drive</a
|
|
>
|
|
<a
|
|
href="#tasks"
|
|
@click.prevent="current = 'tasks'; window.switchSection('tasks')"
|
|
:class="{ active: current === 'tasks' }"
|
|
>✓ Tasks</a
|
|
>
|
|
<a
|
|
href="#mail"
|
|
@click.prevent="current = 'mail'; window.switchSection('mail')"
|
|
:class="{ active: current === 'mail' }"
|
|
>✉ Mail</a
|
|
>
|
|
</nav>
|
|
|
|
<div id="main-content">
|
|
<!-- Sections will be loaded dynamically -->
|
|
</div>
|
|
|
|
<!-- Load Layout Script first, then Alpine - module scripts are loaded dynamically -->
|
|
<script src="js/layout.js"></script>
|
|
<script src="js/alpine.js"></script>
|
|
</body>
|
|
</html>
|