js / index.html
AilexGPT's picture
Update index.html
bfbdf77
raw
history blame
2.78 kB
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Chatbot Interface</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<aside id="sidebar">
<button id="new-conversation">+ New Conversation</button>
<button id="clear-conversations">Clear Conversations</button>
<div id="dark-mode-toggle">
<label for="dark-mode">Dark Mode</label>
<input type="checkbox" id="dark-mode" checked>
</div>
<div id="version">Version: 0.0.10-Alpha</div>
</aside>
<section id="chat-interface">
<div id="conversation-history"></div>
<div id="message-input-area">
<input type="text" id="message-input" placeholder="Ask a question...">
<button id="send-message"></button>
</div>
<footer id="footer">
<label id="model-version-label">GPT-3.5-turbo-16k-0613</label>
<div id="settings-toggle">
<label for="default-settings">Default</label>
<input type="checkbox" id="default-settings">
<label for="web-access">Web Access</label>
<input type="checkbox" id="web-access" checked>
</div>
</footer>
</section>
<script src="chat.js"></script>
</body>
</html>
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Chatbot Interface</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<aside id="sidebar">
<button id="new-conversation">+ New Conversation</button>
<button id="clear-conversations">Clear Conversations</button>
<div id="dark-mode-toggle">
<label for="dark-mode">Dark Mode</label>
<input type="checkbox" id="dark-mode" checked>
</div>
<div id="version">Version: 0.0.10-Alpha</div>
</aside>
<section id="chat-interface">
<div id="conversation-history"></div>
<div id="message-input-area">
<input type="text" id="message-input" placeholder="Ask a question...">
<button id="send-message"></button>
</div>
<footer id="footer">
<label id="model-version-label">GPT-3.5-turbo-16k-0613</label>
<div id="settings-toggle">
<label for="default-settings">Default</label>
<input type="checkbox" id="default-settings">
<label for="web-access">Web Access</label>
<input type="checkbox" id="web-access" checked>
</div>
</footer>
</section>
<script src="chat.js"></script>
</body>
</html>