|
|
| <!DOCTYPE html> |
| <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> |
| |
| <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> |
|
|
|
|
