Update index.html
Browse files- index.html +33 -8
index.html
CHANGED
|
@@ -7,14 +7,39 @@
|
|
| 7 |
<link rel="stylesheet" href="style.css" />
|
| 8 |
</head>
|
| 9 |
<body>
|
| 10 |
-
<
|
| 11 |
-
|
| 12 |
-
<
|
| 13 |
-
|
| 14 |
-
|
| 15 |
-
|
| 16 |
-
|
| 17 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 18 |
<script src="script.js"></script>
|
| 19 |
</body>
|
| 20 |
</html>
|
|
|
|
| 7 |
<link rel="stylesheet" href="style.css" />
|
| 8 |
</head>
|
| 9 |
<body>
|
| 10 |
+
<header>
|
| 11 |
+
<h1>🤖 AI_HUB</h1>
|
| 12 |
+
<div id="controls">
|
| 13 |
+
<select id="model-select">
|
| 14 |
+
<option value="qwen">Qwen 2.5 Coder</option>
|
| 15 |
+
<option value="deepseek">DeepSeek Distill</option>
|
| 16 |
+
</select>
|
| 17 |
+
<button id="settings-btn">⚙️</button>
|
| 18 |
+
</div>
|
| 19 |
+
</header>
|
| 20 |
+
|
| 21 |
+
<div id="chat-container"></div>
|
| 22 |
+
|
| 23 |
+
<div id="typing" style="display:none;">🤖 AI is typing...</div>
|
| 24 |
+
|
| 25 |
+
<footer>
|
| 26 |
+
<input id="user-input" type="text" placeholder="Type your message..." />
|
| 27 |
+
<button id="send-btn">Send</button>
|
| 28 |
+
</footer>
|
| 29 |
+
|
| 30 |
+
<!-- Settings Modal -->
|
| 31 |
+
<div id="settings-modal" class="modal">
|
| 32 |
+
<div class="modal-content">
|
| 33 |
+
<span id="close-settings">×</span>
|
| 34 |
+
<h2>Settings</h2>
|
| 35 |
+
<label>User Emoji: <input id="user-emoji" type="text" value="🧑"/></label>
|
| 36 |
+
<label>AI Emoji: <input id="ai-emoji" type="text" value="🤖"/></label>
|
| 37 |
+
<label>Max Tokens: <input id="max-tokens" type="number" value="200"/></label>
|
| 38 |
+
<label>Custom Hugging Face Model URL: <input id="custom-model" type="text"/></label>
|
| 39 |
+
<button id="load-custom-model">Load Model</button>
|
| 40 |
+
</div>
|
| 41 |
+
</div>
|
| 42 |
+
|
| 43 |
<script src="script.js"></script>
|
| 44 |
</body>
|
| 45 |
</html>
|