Hugging Face's logo

Spaces:
AilexGPT
/
js
Running

App Files Community
1
AilexGPT commited on
Commit
f1503d2
•
1 Parent(s): 5e954ec

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +29 -14
index.html CHANGED
@@ -1,22 +1,37 @@
1
  <!DOCTYPE html>
2
  <html lang="de">
3
-
4
  <head>
5
- <meta charset="UTF-8" />
6
- <link rel="stylesheet" href="style.css" />
7
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
8
  <title>Chatbot Interface</title>
 
9
  </head>
10
-
11
  <body>
12
- <div id="chat-container">
13
- <div id="chat-box"></div>
14
- <input type="text" id="user-input" placeholder="Nachricht eingeben...">
15
- <button id="send-button">Senden</button>
16
- </div>
17
-
18
- <script src="script.js"></script>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
19
  </body>
20
-
21
  </html>
22
-
 
1
  <!DOCTYPE html>
2
  <html lang="de">
 
3
  <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
6
  <title>Chatbot Interface</title>
7
+ <link rel="stylesheet" href="style.css">
8
  </head>
 
9
  <body>
10
+ <aside id="sidebar">
11
+ <button id="new-conversation">+ New Conversation</button>
12
+ <button id="clear-conversations">Clear Conversations</button>
13
+ <div id="dark-mode-toggle">
14
+ <label for="dark-mode">Dark Mode</label>
15
+ <input type="checkbox" id="dark-mode" checked>
16
+ </div>
17
+ <div id="version">Version: 0.0.10-Alpha</div>
18
+ </aside>
19
+ <section id="chat-interface">
20
+ <div id="conversation-history"></div>
21
+ <div id="message-input-area">
22
+ <input type="text" id="message-input" placeholder="Ask a question...">
23
+ <button id="send-message">➤</button>
24
+ </div>
25
+ <footer id="footer">
26
+ <label id="model-version-label">GPT-3.5-turbo-16k-0613</label>
27
+ <div id="settings-toggle">
28
+ <label for="default-settings">Default</label>
29
+ <input type="checkbox" id="default-settings">
30
+ <label for="web-access">Web Access</label>
31
+ <input type="checkbox" id="web-access" checked>
32
+ </div>
33
+ </footer>
34
+ </section>
35
+ <script src="chat.js"></script>
36
  </body>
 
37
  </html>