Update templates/index.html
Browse files- templates/index.html +17 -4
templates/index.html
CHANGED
@@ -12,15 +12,16 @@
|
|
12 |
|
13 |
<header class="flex items-center justify-between mb-4">
|
14 |
<h1 class="text-2xl font-bold">MoA Chat</h1>
|
15 |
-
<div class="space-x-2">
|
16 |
-
<button id="toggleConfig" class="bg-blue px-3 py-1 rounded text-fg0 hover:bg-purple transition"
|
17 |
-
<button id="
|
|
|
18 |
</div>
|
19 |
</header>
|
20 |
|
21 |
<div id="configPanel" class="bg1 rounded p-4 mb-4 hidden">
|
22 |
<h2 class="text-lg font-semibold mb-2">Model Selection</h2>
|
23 |
-
<div class="grid grid-cols-1 md:grid-cols-
|
24 |
|
25 |
<div>
|
26 |
<label class="block mb-1">LLM-A</label>
|
@@ -46,6 +47,14 @@
|
|
46 |
</div>
|
47 |
</div>
|
48 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
49 |
</div>
|
50 |
</div>
|
51 |
|
@@ -59,6 +68,10 @@
|
|
59 |
<button type="submit" class="px-4 py-2 bg-green text-fg0 rounded-r hover:bg-visual_green transition">Send</button>
|
60 |
</form>
|
61 |
|
|
|
|
|
|
|
|
|
62 |
</div>
|
63 |
|
64 |
<script src="/static/script.js"></script>
|
|
|
12 |
|
13 |
<header class="flex items-center justify-between mb-4">
|
14 |
<h1 class="text-2xl font-bold">MoA Chat</h1>
|
15 |
+
<div class="space-x-2 flex items-center">
|
16 |
+
<button id="toggleConfig" class="bg-blue px-3 py-1 rounded text-fg0 hover:bg-purple transition">⚙️</button>
|
17 |
+
<button id="docsButton" class="bg-blue px-3 py-1 rounded text-fg0 hover:bg-purple transition">Docs</button>
|
18 |
+
<button id="themeToggle" class="bg-blue px-3 py-1 rounded text-fg0 hover:bg-purple transition">🌙</button>
|
19 |
</div>
|
20 |
</header>
|
21 |
|
22 |
<div id="configPanel" class="bg1 rounded p-4 mb-4 hidden">
|
23 |
<h2 class="text-lg font-semibold mb-2">Model Selection</h2>
|
24 |
+
<div class="grid grid-cols-1 md:grid-cols-4 gap-4">
|
25 |
|
26 |
<div>
|
27 |
<label class="block mb-1">LLM-A</label>
|
|
|
47 |
</div>
|
48 |
</div>
|
49 |
|
50 |
+
<div>
|
51 |
+
<label class="block mb-1">Aggregator</label>
|
52 |
+
<div id="aggregator" class="model-dropdown relative bg-statusline1 text-fg0 rounded p-2 cursor-pointer select-none">
|
53 |
+
<span class="selected block">Select a model</span>
|
54 |
+
<div class="options hidden absolute left-0 right-0 mt-2 bg-[#282828] rounded shadow-lg z-10 max-h-60 overflow-y-auto"></div>
|
55 |
+
</div>
|
56 |
+
</div>
|
57 |
+
|
58 |
</div>
|
59 |
</div>
|
60 |
|
|
|
68 |
<button type="submit" class="px-4 py-2 bg-green text-fg0 rounded-r hover:bg-visual_green transition">Send</button>
|
69 |
</form>
|
70 |
|
71 |
+
<footer class="text-center mt-6 text-sm opacity-70">
|
72 |
+
Made with ❤️ in Panamá
|
73 |
+
</footer>
|
74 |
+
|
75 |
</div>
|
76 |
|
77 |
<script src="/static/script.js"></script>
|