Aillom/aillom-vox-client
1
1<!DOCTYPE html>2<html lang="en">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>AillomVox - Basic Client</title>7 <style>8 body { font-family: sans-serif; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh; background: #f0f0f0; }9 .container { background: white; padding: 2rem; border-radius: 8px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); text-align: center; }10 input { padding: 8px; margin: 10px 0; width: 100%; box-sizing: border-box; }11 button { padding: 10px 20px; cursor: pointer; background: #007bff; color: white; border: none; border-radius: 4px; font-size: 16px; }12 button:disabled { background: #ccc; }13 #status { margin-top: 15px; font-weight: bold; color: #666; }14 </style>15</head>16<body>17 <div class="container">18 <h1>🎙️ AillomVox Basic</h1>19 <input type="password" id="apiKey" placeholder="Enter API Key">20 <button id="connectBtn">Connect</button>21 <button id="disconnectBtn" disabled>Disconnect</button>22 <div id="status">Disconnected</div>23 </div>24 25 <script src="app.js"></script>26</body>27</html>28