Spaces:
Running
Running
File size: 2,318 Bytes
7f10e6f |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Image Recognition Chatbot</title>
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
</head>
<body>
<div class="chat-container">
<div id="chatbox">
<div class="bot-message">
<img src="{{ url_for('static', filename='bot-icon.png') }}" alt="Bot">
<span>Hello! How can I assist you today?</span>
</div>
</div>
<div class="input-container">
<input type="text" id="userInput" placeholder="Ask a question...">
<input type="file" id="imageUpload" accept="image/*">
<select id="model" name="model" required>
<option value="" disabled selected>Select a model</option>
<option value="distil-whisper-large-v3-en">Distil-Whisper English</option>
<option value="gemma2-9b-it">Gemma 2 9B</option>
<option value="gemma-7b-it">Gemma 7B</option>
<option value="llama3-groq-70b-8192-tool-use-preview">Llama 3 Groq 70B Tool Use (Preview)</option>
<option value="llama3-groq-8b-8192-tool-use-preview">Llama 3 Groq 8B Tool Use (Preview)</option>
<option value="llama-3.1-70b-versatile">Llama 3.1 70B (Preview)</option>
<option value="llama-3.1-8b-instant">Llama 3.1 8B (Preview)</option>
<option value="llama-guard-3-8b">Llama Guard 3 8B</option>
<option value="llava-v1.5-7b-4096-preview">LLaVA 1.5 7B</option>
<option value="llama3-70b-8192">Meta Llama 3 70B</option>
<option value="llama3-8b-8192">Meta Llama 3 8B</option>
<option value="mixtral-8x7b-32768">Mixtral 8x7B</option>
</select>
<select id="complexity">
<option value="Default">Default</option>
<option value="Detailed">Detailed</option>
<option value="Concise">Concise</option>
</select>
<button onclick="sendMessage()">Send</button>
</div>
</div>
<script src="{{ url_for('static', filename='script.js') }}"></script>
</body>
</html> |