Update index.html

index.html

@@ -183,8 +183,12 @@
     <!-- Add toast element after body opening tag -->
     <div id="error-toast" class="toast"></div>
     <div style="text-align: center">
-
-      
+        <h1>Gemini Voice Chat</h1>
+        <p>Sprechen Sie mit Gemini über Echtzeit-Audio-Streaming</p>
+        <p>
+            Holen Sie sich einen Gemini API-Schlüssel
+            <a href="https://ai.google.dev/gemini-api/docs/api-key">hier</a>
+        </p>
     </div>
     <div class="container">
         <div class="controls">
@@ -199,9 +203,8 @@
                 </select>
             </div>
             <div class="input-group">
-               
-            
-            
+                <label for="system-message">System-Nachricht</label>
+                <textarea id="system-message" placeholder="Geben Sie Systemanweisungen für die KI ein...">Du bist ein hilfsamer Assistent, der Fragen beantwortet und bei verschiedenen Aufgaben hilft. Du kannst bei Bedarf auch im Internet suchen, um aktuelle Informationen zu finden.</textarea>
             </div>
         </div>