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