Spaces:
Paused
Paused
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Flare.NX & Orynx AI Labs - GPU Accelerated API</title> | |
| <link rel="stylesheet" href="/static/style.css"> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <!-- Header with Logos --> | |
| <header class="header"> | |
| <div class="logo-container"> | |
| <div class="logo-section"> | |
| <div class="logo-icon flare-logo"> | |
| <svg viewBox="0 0 100 60" xmlns="http://www.w3.org/2000/svg"> | |
| <path d="M20,45 Q15,40 15,30 Q15,20 20,15 L40,15 Q50,15 55,20 L75,20 Q80,15 90,15" | |
| fill="#FF9933" stroke="none"/> | |
| <ellipse cx="25" cy="25" rx="20" ry="15" fill="#FF9933"/> | |
| <ellipse cx="50" cy="30" rx="15" ry="12" fill="#FFAA55"/> | |
| </svg> | |
| </div> | |
| <h1 class="logo-text">Flare.NX</h1> | |
| </div> | |
| <div class="logo-divider">×</div> | |
| <div class="logo-section"> | |
| <div class="logo-icon orynx-logo"> | |
| <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> | |
| <path d="M50,20 Q55,15 60,20 L65,30 Q67,35 65,40 L60,60 Q55,65 50,65 Q45,65 40,60 L35,40 Q33,35 35,30 Z" | |
| fill="#E8F0FF" stroke="#FFFFFF" stroke-width="2"/> | |
| <ellipse cx="55" cy="35" rx="4" ry="6" fill="#1E3A8A"/> | |
| <path d="M65,25 Q70,20 75,15 Q80,10 85,15" stroke="#FFFFFF" stroke-width="3" fill="none"/> | |
| </svg> | |
| </div> | |
| <div class="logo-text-group"> | |
| <h1 class="logo-text">ORYNX</h1> | |
| <p class="logo-subtitle">AI LABS</p> | |
| </div> | |
| </div> | |
| </div> | |
| <p class="tagline">High-Performance GPU-Accelerated AI Platform</p> | |
| </header> | |
| <!-- System Status --> | |
| <section class="status-section"> | |
| <h2>🚀 System Status</h2> | |
| <div class="status-grid"> | |
| <div class="status-card" id="healthCard"> | |
| <div class="status-icon">🏥</div> | |
| <h3>Health Status</h3> | |
| <div class="status-value" id="healthStatus">Checking...</div> | |
| <button class="btn-refresh" onclick="checkHealth()">Refresh</button> | |
| </div> | |
| <div class="status-card" id="gpuCard"> | |
| <div class="status-icon">🎮</div> | |
| <h3>GPU Status</h3> | |
| <div class="status-value" id="gpuStatus">Loading...</div> | |
| <button class="btn-refresh" onclick="checkGPU()">Refresh</button> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- GPU Information --> | |
| <section class="gpu-section"> | |
| <h2>💎 GPU Information</h2> | |
| <div class="gpu-details" id="gpuDetails"> | |
| <div class="loading">Loading GPU specifications...</div> | |
| </div> | |
| </section> | |
| <!-- Text Processing --> | |
| <section class="process-section"> | |
| <h2>🔧 Text Processing (GPU Accelerated)</h2> | |
| <div class="process-container"> | |
| <div class="input-group"> | |
| <label for="textInput">Input Text:</label> | |
| <textarea id="textInput" rows="4" placeholder="Enter text to process...">Hello from Flare.NX and Orynx AI Labs!</textarea> | |
| </div> | |
| <div class="input-group"> | |
| <label for="maxLength">Max Length:</label> | |
| <input type="number" id="maxLength" value="100" min="1" max="1000"> | |
| </div> | |
| <button class="btn-process" onclick="processText()"> | |
| <span class="btn-icon">⚡</span> | |
| Process with GPU | |
| </button> | |
| <div class="output-group" id="outputGroup" style="display: none;"> | |
| <h3>Results:</h3> | |
| <div class="output-content" id="outputContent"></div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- API Endpoints --> | |
| <section class="api-section"> | |
| <h2>📡 API Endpoints</h2> | |
| <div class="api-grid"> | |
| <div class="api-card"> | |
| <div class="api-method get">GET</div> | |
| <div class="api-path">/</div> | |
| <p>API Information</p> | |
| <button class="btn-test" onclick="testEndpoint('/')">Test</button> | |
| </div> | |
| <div class="api-card"> | |
| <div class="api-method get">GET</div> | |
| <div class="api-path">/health</div> | |
| <p>Health Check & GPU Status</p> | |
| <button class="btn-test" onclick="testEndpoint('/health')">Test</button> | |
| </div> | |
| <div class="api-card"> | |
| <div class="api-method get">GET</div> | |
| <div class="api-path">/gpu-info</div> | |
| <p>Detailed GPU Specifications</p> | |
| <button class="btn-test" onclick="testEndpoint('/gpu-info')">Test</button> | |
| </div> | |
| <div class="api-card"> | |
| <div class="api-method post">POST</div> | |
| <div class="api-path">/process</div> | |
| <p>Text Processing</p> | |
| <button class="btn-test" onclick="processText()">Test</button> | |
| </div> | |
| <div class="api-card"> | |
| <div class="api-method get">GET</div> | |
| <div class="api-path">/docs</div> | |
| <p>Interactive API Documentation</p> | |
| <a href="/docs" target="_blank" class="btn-test">Open</a> | |
| </div> | |
| <div class="api-card"> | |
| <div class="api-method get">GET</div> | |
| <div class="api-path">/redoc</div> | |
| <p>ReDoc API Documentation</p> | |
| <a href="/redoc" target="_blank" class="btn-test">Open</a> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Response Viewer --> | |
| <section class="response-section" id="responseSection" style="display: none;"> | |
| <h2>📋 API Response</h2> | |
| <div class="response-controls"> | |
| <button class="btn-copy" onclick="copyResponse()">📋 Copy</button> | |
| <button class="btn-close" onclick="closeResponse()">✕ Close</button> | |
| </div> | |
| <pre id="responseContent"></pre> | |
| </section> | |
| <!-- Footer --> | |
| <footer class="footer"> | |
| <p>Powered by <strong>Flare.NX</strong> & <strong>Orynx AI Labs</strong></p> | |
| <p>NVIDIA A10G Large GPU • FastAPI • Uvicorn • PyTorch</p> | |
| <div class="footer-links"> | |
| <a href="/docs" target="_blank">API Docs</a> | |
| <a href="https://huggingface.co/spaces/Speedofmastery/yyuujhu" target="_blank">HuggingFace Space</a> | |
| </div> | |
| </footer> | |
| </div> | |
| <script src="/static/script.js"></script> | |
| </body> | |
| </html> | |