Spaces:
Running
Running
Update index.html
Browse files- index.html +37 -0
index.html
CHANGED
|
@@ -35,3 +35,40 @@
|
|
| 35 |
<script src="chat.js"></script>
|
| 36 |
</body>
|
| 37 |
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 35 |
<script src="chat.js"></script>
|
| 36 |
</body>
|
| 37 |
</html>
|
| 38 |
+
<!DOCTYPE html>
|
| 39 |
+
<html lang="de">
|
| 40 |
+
<head>
|
| 41 |
+
<meta charset="UTF-8">
|
| 42 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 43 |
+
<title>Chatbot Interface</title>
|
| 44 |
+
<link rel="stylesheet" href="style.css">
|
| 45 |
+
</head>
|
| 46 |
+
<body>
|
| 47 |
+
<aside id="sidebar">
|
| 48 |
+
<button id="new-conversation">+ New Conversation</button>
|
| 49 |
+
<button id="clear-conversations">Clear Conversations</button>
|
| 50 |
+
<div id="dark-mode-toggle">
|
| 51 |
+
<label for="dark-mode">Dark Mode</label>
|
| 52 |
+
<input type="checkbox" id="dark-mode" checked>
|
| 53 |
+
</div>
|
| 54 |
+
<div id="version">Version: 0.0.10-Alpha</div>
|
| 55 |
+
</aside>
|
| 56 |
+
<section id="chat-interface">
|
| 57 |
+
<div id="conversation-history"></div>
|
| 58 |
+
<div id="message-input-area">
|
| 59 |
+
<input type="text" id="message-input" placeholder="Ask a question...">
|
| 60 |
+
<button id="send-message">➤</button>
|
| 61 |
+
</div>
|
| 62 |
+
<footer id="footer">
|
| 63 |
+
<label id="model-version-label">GPT-3.5-turbo-16k-0613</label>
|
| 64 |
+
<div id="settings-toggle">
|
| 65 |
+
<label for="default-settings">Default</label>
|
| 66 |
+
<input type="checkbox" id="default-settings">
|
| 67 |
+
<label for="web-access">Web Access</label>
|
| 68 |
+
<input type="checkbox" id="web-access" checked>
|
| 69 |
+
</div>
|
| 70 |
+
</footer>
|
| 71 |
+
</section>
|
| 72 |
+
<script src="chat.js"></script>
|
| 73 |
+
</body>
|
| 74 |
+
</html>
|