File size: 3,407 Bytes
269c20b b151446 00ac312 af9b823 e85f9de af9b823 e85f9de af9b823 00ac312 b151446 51afa11 51c9879 51afa11 00ac312 51afa11 00ac312 b151446 00ac312 b151446 51afa11 269c20b |
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 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>AI_HUB</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<header>
<h1>🤖 AI_HUB</h1>
<div id="controls">
<select id="model-select">
<option value="qwen">Qwen 2.5 Coder</option>
<option value="deepseek">DeepSeek Distill</option>
</select>
<button id="settings-btn">⚙️</button>
</div>
</header>
<!-- Login Form -->
<div id="login-form">
<input id="login-email" type="email" placeholder="Email" />
<input id="login-password" type="password" placeholder="Password" />
<button id="login-btn">Login</button>
<p>Don't have an account? <span id="show-signup" style="cursor:pointer;color:blue;">Sign up</span></p>
</div>
<!-- Signup Form -->
<div id="signup-form" style="display:none;">
<input id="signup-email" type="email" placeholder="Email" />
<input id="signup-username" type="text" placeholder="Username" />
<input id="signup-password" type="password" placeholder="Password" />
<button id="signup-btn">Sign Up</button>
<p>Already have an account? <span id="show-login" style="cursor:pointer;color:blue;">Login</span></p>
</div>
<!-- AI Apps / Bots Section -->
<div id="ai-apps-section" style="display:none;">
<h2>🌐 AI Apps / Bots</h2>
<!-- Create AI App Form -->
<div id="create-app-section">
<input id="app-name" type="text" placeholder="App Name" />
<input id="app-language" type="text" placeholder="Language" />
<textarea id="app-code" placeholder="Your code here..."></textarea>
<button id="create-app-btn">Create AI App</button>
</div>
<div id="ai-apps-container"></div>
</div>
<!-- Chat Section -->
<div id="chat-section" style="display:none;">
<h2>💬 Chat with AI</h2>
<div id="chat-container"></div>
<div id="typing" style="display:none;">🤖 AI is typing...</div>
<footer>
<input id="user-input" type="text" placeholder="Type your message..." />
<button id="send-btn">Send</button>
</footer>
</div>
<!-- Settings Modal -->
<div id="settings-modal" class="modal" style="display:none;">
<div class="modal-content">
<span id="close-settings">×</span>
<h2>Settings</h2>
<label>User Emoji: <input id="user-emoji" type="text" value="🧑"/></label>
<label>AI Emoji: <input id="ai-emoji" type="text" value="🤖"/></label>
<label>Max Tokens: <input id="max-tokens" type="number" value="200"/></label>
<label>Custom Hugging Face Model URL: <input id="custom-model" type="text"/></label>
<button id="load-custom-model">Load Model</button>
</div>
</div>
<script>
// Toggle Login / Signup forms
document.addEventListener("DOMContentLoaded", () => {
const loginForm = document.getElementById("login-form");
const signupForm = document.getElementById("signup-form");
document.getElementById("show-signup").onclick = () => {
loginForm.style.display = "none";
signupForm.style.display = "block";
};
document.getElementById("show-login").onclick = () => {
signupForm.style.display = "none";
loginForm.style.display = "block";
};
});
</script>
<script src="script.js"></script>
</body>
</html>
|