Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Quantum Network Monitor Assistant - Huggingface Space</title> | |
| <!-- Material Icons --> | |
| <link href="https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/4.0.0/font/MaterialIcons-Regular.css" rel="stylesheet"> | |
| <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> | |
| <style> | |
| :root { | |
| --primary-color: #607466; | |
| --secondary-color: #6239AB; | |
| --error-color: #eb5160; | |
| --warning-color: #d4a10d; | |
| --background-color: #f8f9fa; | |
| --text-color: #333; | |
| --light-gray: #f1f5f9; | |
| --border-color: #e2e8f0; | |
| } | |
| * { | |
| margin: 0; | |
| padding: 0; | |
| box-sizing: border-box; | |
| font-family: 'Roboto', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; | |
| } | |
| body { | |
| background-color: var(--background-color); | |
| color: var(--text-color); | |
| line-height: 1.6; | |
| } | |
| header { | |
| background: linear-gradient(to right, var(--primary-color), var(--secondary-color)); | |
| color: white; | |
| padding: 1.5rem; | |
| text-align: center; | |
| box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); | |
| } | |
| .logo-container { | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| margin-bottom: 1rem; | |
| } | |
| .logo { | |
| width: 50px; | |
| height: 50px; | |
| margin-right: 1rem; | |
| } | |
| .header-title { | |
| font-size: 1.8rem; | |
| font-weight: 600; | |
| } | |
| .subtitle { | |
| font-size: 1.1rem; | |
| opacity: 0.9; | |
| margin-top: 0.5rem; | |
| } | |
| .container { | |
| max-width: 1200px; | |
| margin: 0 auto; | |
| padding: 2rem; | |
| } | |
| .card { | |
| background-color: white; | |
| border-radius: 8px; | |
| box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); | |
| padding: 2rem; | |
| margin-bottom: 2rem; | |
| } | |
| h2 { | |
| color: var(--primary-color); | |
| margin-bottom: 1rem; | |
| font-size: 1.5rem; | |
| display: flex; | |
| align-items: center; | |
| } | |
| h2 .material-icons { | |
| margin-right: 0.5rem; | |
| color: var(--primary-color); | |
| } | |
| h3 { | |
| color: var(--secondary-color); | |
| margin: 1.5rem 0 0.75rem; | |
| font-size: 1.2rem; | |
| display: flex; | |
| align-items: center; | |
| } | |
| h3 .material-icons { | |
| margin-right: 0.5rem; | |
| font-size: 1.2rem; | |
| } | |
| p { | |
| margin-bottom: 1rem; | |
| } | |
| .feature-grid { | |
| display: grid; | |
| grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); | |
| gap: 1.5rem; | |
| margin-top: 1.5rem; | |
| } | |
| .feature-card { | |
| background-color: var(--light-gray); | |
| border-radius: 8px; | |
| padding: 1.5rem; | |
| border-left: 4px solid var(--primary-color); | |
| } | |
| .feature-icon { | |
| background-color: var(--primary-color); | |
| color: white; | |
| width: 40px; | |
| height: 40px; | |
| border-radius: 8px; | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| margin-bottom: 1rem; | |
| } | |
| .feature-icon .material-icons { | |
| font-size: 24px; | |
| } | |
| .api-example { | |
| background-color: #2d2d2d; | |
| color: white; | |
| border-radius: 8px; | |
| padding: 1.5rem; | |
| overflow-x: auto; | |
| font-family: 'Courier New', monospace; | |
| line-height: 1.4; | |
| } | |
| .button { | |
| display: inline-flex; | |
| align-items: center; | |
| background-color: var(--primary-color); | |
| color: white; | |
| padding: 0.75rem 1.5rem; | |
| border-radius: 4px; | |
| text-decoration: none; | |
| font-weight: 500; | |
| margin-top: 1rem; | |
| transition: background-color 0.2s; | |
| } | |
| .button .material-icons { | |
| margin-right: 0.5rem; | |
| font-size: 18px; | |
| } | |
| .button:hover { | |
| background-color: var(--secondary-color); | |
| } | |
| .tech-stack { | |
| display: flex; | |
| flex-wrap: wrap; | |
| gap: 1rem; | |
| margin-top: 1rem; | |
| } | |
| .tech-badge { | |
| background-color: var(--light-gray); | |
| border: 1px solid var(--border-color); | |
| padding: 0.5rem 1rem; | |
| border-radius: 20px; | |
| font-size: 0.9rem; | |
| display: flex; | |
| align-items: center; | |
| } | |
| .tech-badge .material-icons { | |
| font-size: 16px; | |
| margin-right: 0.5rem; | |
| } | |
| footer { | |
| background-color: var(--primary-color); | |
| color: white; | |
| text-align: center; | |
| padding: 1.5rem; | |
| margin-top: 2rem; | |
| } | |
| .footer-links { | |
| display: flex; | |
| justify-content: center; | |
| gap: 1.5rem; | |
| margin-top: 1rem; | |
| } | |
| .footer-links a { | |
| color: white; | |
| text-decoration: none; | |
| opacity: 0.8; | |
| display: flex; | |
| align-items: center; | |
| } | |
| .footer-links a .material-icons { | |
| margin-right: 0.5rem; | |
| font-size: 16px; | |
| } | |
| .footer-links a:hover { | |
| opacity: 1; | |
| } | |
| .progress-container { | |
| background-color: var(--light-gray); | |
| padding: 1rem; | |
| border-radius: 8px; | |
| margin-top: 1rem; | |
| } | |
| .progress-item { | |
| margin-bottom: 1rem; | |
| } | |
| .progress-item:last-child { | |
| margin-bottom: 0; | |
| } | |
| .progress-header { | |
| display: flex; | |
| justify-content: space-between; | |
| margin-bottom: 0.5rem; | |
| } | |
| .progress-bar { | |
| width: 100%; | |
| height: 8px; | |
| background-color: #e2e8f0; | |
| border-radius: 4px; | |
| overflow: hidden; | |
| } | |
| .progress-fill { | |
| height: 100%; | |
| background-color: var(--primary-color); | |
| } | |
| @media (max-width: 768px) { | |
| .container { | |
| padding: 1rem; | |
| } | |
| .feature-grid { | |
| grid-template-columns: 1fr; | |
| } | |
| .footer-links { | |
| flex-direction: column; | |
| gap: 0.75rem; | |
| } | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <header> | |
| <div class="logo-container"> | |
| <img src="https://readyforquantum.com/img/logo.svg" class="logo" width="50" height="50" alt="Quantum Network Monitor Logo" target="_blank"> | |
| <h1 class="header-title">Quantum Network Monitor Assistant</h1> | |
| </div> | |
| <p class="subtitle">Huggingface Space | LLM Backend for Network Monitoring Intelligence</p> | |
| </header> | |
| <div class="container"> | |
| <div class="card"> | |
| <h2><i class="material-icons">info</i> About This Space</h2> | |
| <p>This Huggingface Space powers the AI assistant behind <a href="https://readyforquantum.com/" style="color: var(--secondary-color);" target="_blank">Quantum Network Monitor</a> - your intelligent companion for network management and troubleshooting.</p> | |
| <p>Our LLM backend provides real-time, context-aware responses to network management queries, helping IT professionals and network engineers maintain optimal network performance with minimal effort.</p> | |
| <div class="tech-stack"> | |
| <div class="tech-badge"> | |
| <i class="material-icons">hub</i> | |
| Huggingface | |
| </div> | |
| <div class="tech-badge"> | |
| <i class="material-icons">memory</i> | |
| Llama.cpp | |
| </div> | |
| <div class="tech-badge"> | |
| <i class="material-icons">bolt</i> | |
| Security Experts | |
| </div> | |
| <div class="tech-badge"> | |
| <i class="material-icons">api</i> | |
| RappidApi | |
| </div> | |
| </div> | |
| </div> | |
| <div class="card"> | |
| <h2><i class="material-icons">settings</i> How It Works</h2> | |
| <p>The Quantum Network Monitor Assistant leverages advanced language models to provide intelligent responses to network management queries. The assistant helps with:</p> | |
| <div class="feature-grid"> | |
| <div class="feature-card"> | |
| <div class="feature-icon"> | |
| <i class="material-icons">bar_chart</i> | |
| </div> | |
| <h3>Data Interpretation</h3> | |
| <p>Makes sense of complex network metrics and alerts, providing human-readable insights.</p> | |
| </div> | |
| <div class="feature-card"> | |
| <div class="feature-icon"> | |
| <i class="material-icons">bug_report</i> | |
| </div> | |
| <h3>Troubleshooting</h3> | |
| <p>Suggests potential root causes and solutions for network issues.</p> | |
| </div> | |
| <div class="feature-card"> | |
| <div class="feature-icon"> | |
| <i class="material-icons">build</i> | |
| </div> | |
| <h3>Configuration</h3> | |
| <p>Assists with device and protocol configuration recommendations.</p> | |
| </div> | |
| <div class="feature-card"> | |
| <div class="feature-icon"> | |
| <i class="material-icons">notifications</i> | |
| </div> | |
| <h3>Alert Management</h3> | |
| <p>Helps prioritize and manage network alerts based on severity and impact.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="card"> | |
| <h2><i class="material-icons">integration_instructions</i> API Integration</h2> | |
| <p>This Huggingface Space exposes a REST API that the Quantum Network Monitor platform uses to process queries. You can also integrate this assistant's capabilities into your own tools:</p> | |
| <div class="api-example"> | |
| <span style="color: #bb86fc;">POST</span> <span style="color: #03dac6;">/api/query</span> | |
| <span style="color: #f1fa8c;">{ | |
| "query": "scan my mail server for vulnerabilities mail.mahadeva.co.uk" | |
| }</span> | |
| </div> | |
| <h3><i class="material-icons">reply</i> Response Format</h3> | |
| <div class="api-example"> | |
| <span style="color: #f1fa8c;">{ | |
| "response": "The vulnerability scan on the mail server mail.mahadeva.co.uk has been completed. Here are the key findings:\n\nNmap Scan Summary\n\n Target: mail.mahadeva.co.uk (195.26.250.218)\n Host Status: Up (0.13s latency)\n Ports Tested: 1000+ including common mail and web ports\n\nOpen Ports:\n\n 25/tcp (SMTP)\n Not vulnerable to CVE-2010-4344\n 80/tcp (HTTP)\n Vulnerable: CVE-2011-3192 (Apache byte range filter DoS)\n Description: The Apache web server is vulnerable to a denial of service attack when numerous overlapping byte ranges are requested.\n References:\n Nessus Plugin\n CVE Details\n SecurityFocus\n 143/tcp (IMAP)\n 443/tcp (HTTPS)\n Errors reported during script execution, indicating some checks could not be completed.\n 587/tcp (Submission)\n Not vulnerable to CVE-2010-4344\n 993/tcp (IMAPS)\n\nRecommendations:\n\n Address Denial of Service Vulnerability:\n Update the Apache server to a patched version to mitigate the CVE-2011-3192 vulnerability.\n\n Perform Further Testing:\n Investigate the errors during script execution for the HTTPS port to ensure no other vulnerabilities remain undiscovered.\n\n Regular Maintenance:\n Keep all services updated and conduct regular scans to identify and fix vulnerabilities as they are discovered.\n\nIf you have any more requests or need further assistance, feel free to ask!", | |
| "suggested_actions": [ | |
| "Update the Apache server to a patched version", | |
| "Investigate errors during script execution for HTTPS port", | |
| "Conduct regular vulnerability scans" | |
| ] | |
| }</span> | |
| </div> | |
| <div class="card"> | |
| <h2><i class="material-icons">chat</i> Click Assistant Icon to Get Started</h2> | |
| <p>To test the assistant directly or to see it in action:</p> | |
| <ol style="margin-left: 2rem; margin-bottom: 1.5rem;"> | |
| <li>Visit <a href="https://readyforquantum.com/" style="color: var(--secondary-color);" target="_blank">Quantum Network Monitor</a></li> | |
| <li>Create a free account to access the full features of the Free Monitor Network Assistant (optional)</li> | |
| <li>Click the Assistant icon bottom right of page</li> | |
| <li>Try asking questions about your networks performance, scanning for security issues, or troubleshooting steps</li> | |
| <li>Visit the Dashboard to view visual data for your monitored hosts <a href="https://readyforquantum.com/dashboard" style="color: var(--secondary-color);" target="_blank">Quantum Network Monitor Dashboard</a> . Watch the Assistant take control of the websites data views. | |
| </ol> | |
| <p>For developers looking to integrate with this space:</p> | |
| <div class="feature-grid"> | |
| <div class="feature-card"> | |
| <h3><i class="material-icons">code</i> REST API</h3> | |
| <p>Use our REST API for seamless integration with your existing tools.</p> | |
| <a href="https://rapidapi.com/Mungert69/api/free-network-monitor/playground/" class="button" style="font-size: 0.9rem; padding: 0.5rem 1rem;" target="_blank"> | |
| <i class="material-icons">description</i> | |
| API Playground | |
| </a> | |
| </div> | |
| <div class="feature-card"> | |
| <h3><i class="material-icons">integration_instructions</i> Local Network Agents</h3> | |
| <p>Download the Quantum Network Monitor Agent to manage your local networks..</p> | |
| <a href="https://readyforquantum.com/download" class="button" style="font-size: 0.9rem; padding: 0.5rem 1rem;" target="_blank"> | |
| <i class="material-icons">book</i> | |
| Local Agent Download | |
| </a> | |
| </div> | |
| <div class="feature-card"> | |
| <h3><i class="material-icons">psychology</i> Custom Training</h3> | |
| <p>Need a specialized version? Contact us about custom network solutions.</p> | |
| <a href="https://readyforquantum.com/faq#contact" class="button" style="font-size: 0.9rem; padding: 0.5rem 1rem;" target="_blank"> | |
| <i class="material-icons">info</i> | |
| Learn More | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <footer> | |
| <p>© 2025 Quantum Network Monitor | Powered by Huggingface Spaces</p> | |
| <div class="footer-links"> | |
| <a href="https://readyforquantum.com/" target="_blank"> | |
| <i class="material-icons">home</i> | |
| Main Site | |
| </a> | |
| <a href="https://github.com/Mungert69/FreeNetworkMonitor" target="_blank"> | |
| <i class="material-icons">code</i> | |
| GitHub | |
| </a> | |
| <a href="https://readyforquantum.com/faq#contact" target="_blank"> | |
| <i class="material-icons">email</i> | |
| Contact | |
| </a> | |
| </div> | |
| </footer> | |
| </body> | |
| </html> | |