| | <!DOCTYPE html> |
| | <html lang="tr"> |
| | <head> |
| | <meta charset="UTF-8"> |
| | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| | <title>Maind AI</title> |
| | <style> |
| | * { margin: 0; padding: 0; box-sizing: border-box; } |
| | body, html { height: 100%; font-family: sans-serif; background: #0f172a; overflow: hidden; } |
| | nav { |
| | height: 70px; |
| | display: flex; |
| | align-items: center; |
| | padding: 0 30px; |
| | background: #1e293b; |
| | border-bottom: 1px solid #334155; |
| | } |
| | .logo-area { display: flex; align-items: center; gap: 12px; } |
| | .logo-text { color: #38bdf8; font-weight: bold; font-size: 22px; letter-spacing: 1px; } |
| | .container { height: calc(100% - 70px); width: 100%; } |
| | iframe { width: 100%; height: 100%; border: none; } |
| | </style> |
| | </head> |
| | <body> |
| | <nav> |
| | <div class="logo-area"> |
| | <img src="Maindai.png" alt="Logo" style="height: 45px;"> |
| | <div class="logo-text">MAIND AI</div> |
| | </div> |
| | </nav> |
| | <div class="container"> |
| | <iframe src="https://teotonix-maindai.hf.space/?__theme=dark"></iframe> |
| | </div> |
| | async function send(){ |
| | const msg = document.getElementById("msg").value; |
| |
|
| | const res = await fetch("http://127.0.0.1:8000/chat", { |
| | method:"POST", |
| | headers:{ "Content-Type":"application/json" }, |
| | body: JSON.stringify({ message: msg }) |
| | }); |
| |
|
| | const data = await res.json(); |
| | document.getElementById("chat").innerText = data.reply; |
| | } |
| |
|
| | </body> |
| | </html> |
