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>
|