Restructure GUI folder & modify styles.css

2024-03-09 16:19:47 -05:00
parent bdf5715868
commit ee6f775b5b
8 changed files with 32 additions and 11 deletions
--- a/gui/html/index.html
+++ b/gui/html/index.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Kuzco Chat</title>
+    <link rel="stylesheet" href="../css/styles.css">
+</head>
+<body>
+    <div id="app">
+        <header>
+            <h1>Welcome to Kuzco Chat</h1>
+        </header>
+        <div id="modelSelectionContainer">
+            <label for="modelSelect">Choose AI Model:</label>
+            <select id="modelSelect">
+              <option value="mistral">Mistral</option>
+              <option value="llama2">Llama2</option>
+            </select>
+        </div>
+        <main id="chatHistory" class="chat-history">
+        </main>
+        <footer>
+            <form id="chatForm" class="chat-form">
+                <input id="promptInput" type="text" placeholder="Enter your prompt" autofocus>
+                <button id="sendButton">Send</button>
+                <button id="stopButton" disabled>Stop</button>
+            </form>
+        </footer>
+    </div>
+    <script src="../js/renderer.js"></script>
+</body>
+</html>