ther e is no input area
Browse files- index.html +13 -8
index.html
CHANGED
|
@@ -94,15 +94,14 @@
|
|
| 94 |
</div>
|
| 95 |
</div>
|
| 96 |
</div>
|
| 97 |
-
|
| 98 |
<!-- Input Area -->
|
| 99 |
-
<div class="bg-gray-800 rounded-xl p-4 shadow-lg">
|
| 100 |
<div class="flex space-x-2">
|
| 101 |
<input
|
| 102 |
id="userInput"
|
| 103 |
type="text"
|
| 104 |
placeholder="Ask about neural networks, Python code, or ML concepts..."
|
| 105 |
-
class="flex-1 bg-gray-700 border border-gray-600 rounded-lg px-4 py-3 focus:outline-none focus:ring-2 focus:ring-primary-500"
|
| 106 |
>
|
| 107 |
<button
|
| 108 |
id="sendButton"
|
|
@@ -112,19 +111,25 @@
|
|
| 112 |
Send
|
| 113 |
</button>
|
| 114 |
</div>
|
| 115 |
-
<div class="mt-2 flex
|
| 116 |
-
<button class="quick-prompt bg-gray-700 hover:bg-gray-600 px-3 py-1 rounded text-sm transition">
|
| 117 |
Explain backpropagation
|
| 118 |
</button>
|
| 119 |
-
<button class="quick-prompt bg-gray-700 hover:bg-gray-600 px-3 py-1 rounded text-sm transition">
|
| 120 |
Show Python ML example
|
| 121 |
</button>
|
| 122 |
-
<button class="quick-prompt bg-gray-700 hover:bg-gray-600 px-3 py-1 rounded text-sm transition">
|
| 123 |
What's a GAN?
|
| 124 |
</button>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 125 |
</div>
|
| 126 |
</div>
|
| 127 |
-
|
| 128 |
|
| 129 |
<!-- Footer -->
|
| 130 |
<footer class="bg-gray-800 p-3 text-center text-gray-400 text-sm">
|
|
|
|
| 94 |
</div>
|
| 95 |
</div>
|
| 96 |
</div>
|
|
|
|
| 97 |
<!-- Input Area -->
|
| 98 |
+
<div class="bg-gray-800 rounded-xl p-4 shadow-lg sticky bottom-0 z-10">
|
| 99 |
<div class="flex space-x-2">
|
| 100 |
<input
|
| 101 |
id="userInput"
|
| 102 |
type="text"
|
| 103 |
placeholder="Ask about neural networks, Python code, or ML concepts..."
|
| 104 |
+
class="flex-1 bg-gray-700 border border-gray-600 rounded-lg px-4 py-3 focus:outline-none focus:ring-2 focus:ring-primary-500 text-white placeholder-gray-400"
|
| 105 |
>
|
| 106 |
<button
|
| 107 |
id="sendButton"
|
|
|
|
| 111 |
Send
|
| 112 |
</button>
|
| 113 |
</div>
|
| 114 |
+
<div class="mt-2 flex flex-wrap gap-2">
|
| 115 |
+
<button class="quick-prompt bg-gray-700 hover:bg-gray-600 px-3 py-1 rounded text-sm transition text-white">
|
| 116 |
Explain backpropagation
|
| 117 |
</button>
|
| 118 |
+
<button class="quick-prompt bg-gray-700 hover:bg-gray-600 px-3 py-1 rounded text-sm transition text-white">
|
| 119 |
Show Python ML example
|
| 120 |
</button>
|
| 121 |
+
<button class="quick-prompt bg-gray-700 hover:bg-gray-600 px-3 py-1 rounded text-sm transition text-white">
|
| 122 |
What's a GAN?
|
| 123 |
</button>
|
| 124 |
+
<button class="quick-prompt bg-gray-700 hover:bg-gray-600 px-3 py-1 rounded text-sm transition text-white">
|
| 125 |
+
Neural networks basics
|
| 126 |
+
</button>
|
| 127 |
+
<button class="quick-prompt bg-gray-700 hover:bg-gray-600 px-3 py-1 rounded text-sm transition text-white">
|
| 128 |
+
Python pandas tips
|
| 129 |
+
</button>
|
| 130 |
</div>
|
| 131 |
</div>
|
| 132 |
+
</main>
|
| 133 |
|
| 134 |
<!-- Footer -->
|
| 135 |
<footer class="bg-gray-800 p-3 text-center text-gray-400 text-sm">
|