Build a static INFORMATION WEBSITE (documentation site). Do NOT build a dashboard, simulator, or fake metrics.
9f4c671
verified
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Quantum Code Weaver Engine - Documentation</title> | |
| <link rel="icon" type="image/x-icon" href="/static/favicon.ico"> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/atom-one-dark.min.css"> | |
| <link rel="stylesheet" href="style.css"> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/feather-icons/4.29.0/feather.min.js" integrity="sha512-24P4t9rQ5qW9GQIBp2fFc7Ewv9fKpxBfDlIVeQsTI0y6dDqNc8YFj5phX2WdQqC99eKkId2qG9fV6NMSTH4Vyg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> | |
| </head> | |
| <body class="bg-gray-900 text-gray-100 min-h-screen"> | |
| <!-- Custom Navbar --> | |
| <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-50"> | |
| <div class="container mx-auto px-4 py-3 flex items-center justify-between"> | |
| <div class="flex items-center space-x-3"> | |
| <div class="w-10 h-10 bg-gradient-to-br from-cyan-500 to-purple-600 rounded-lg flex items-center justify-center"> | |
| <i data-feather="code" class="w-5 h-5"></i> | |
| </div> | |
| <div> | |
| <h1 class="text-xl font-bold">Quantum Code Weaver Engine</h1> | |
| <p class="text-gray-400 text-sm">Complete Python Implementation</p> | |
| </div> | |
| </div> | |
| <div class="flex items-center space-x-4"> | |
| <a href="https://github.com" class="text-gray-300 hover:text-white flex items-center space-x-1"> | |
| <i data-feather="github"></i> | |
| <span class="hidden sm:inline">GitHub</span> | |
| </a> | |
| <button id="theme-toggle" class="text-gray-300 hover:text-white"> | |
| <i data-feather="moon"></i> | |
| </button> | |
| </div> | |
| </div> | |
| </nav> | |
| <div class="container mx-auto px-4 py-6 flex flex-col lg:flex-row"> | |
| <!-- Sidebar File Tree --> | |
| <aside class="lg:w品牌-1/4 xl:w-1/5 mb-6 lg:mb-0 lg:pr-6"> | |
| <div class="bg-gray-800 rounded-xl border border-gray-700 p-4 sticky top-24 max-h-[calc(100vh-8rem)] overflow-y-auto"> | |
| <div class="flex items-center justify-between mb-4"> | |
| <h2 class="text-lg font-bold">Project Files</h2> | |
| <span class="bg-gray-700 text-xs px-2 py-1 rounded-full">8 files</span> | |
| </div> | |
| <div class="space-y-1" id="file-tree"> | |
| <!-- File tree will be generated by JavaScript --> | |
| </div> | |
| <div class="mt-6 pt-4 border-t border-gray-700"> | |
| <h3 class="font-bold mb-2">Project Info</h3> | |
| <ul class="text-sm text-gray-400 space-y-1"> | |
| <li class="flex items-center"> | |
| <i data-feather="folder" class="w-4 h-4 mr-2"></i> | |
| Language: Python 3.9+ | |
| </li> | |
| <li class="flex items-center"> | |
| <i data-feather="cpu" class="w-4 h-4 mr-2"></i> | |
| Async/await architecture | |
| </li> | |
| <li class="flex items-center"> | |
| <i data-feather="database" class="w-4 h-4 mr-2"></i> | |
| Redis + Neo4j | |
| </li> | |
| <li class="flex items-center"> | |
| <i data-feather="git-branch" class="w-4 h-4 mr-2"></i> | |
| MIT License | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| </aside> | |
| <!-- Main Content Area --> | |
| <main class="lg:w品牌-3/4 xl:w-4/5 flex-grow"> | |
| <!-- Breadcrumb --> | |
| <div class="bg-gray-800 rounded-xl border border-gray-700 p-4 mb-6"> | |
| <div class="flex items-center text-sm"> | |
| <a href="#" class="text-cyan-400 hover:underline">qcwe</a> | |
| <i data-feather="chevron-right" class="w-4 h-4 mx-2 text-gray-500"></i> | |
| <span id="breadcrumb-path" class="text-gray-300">README.md</span> | |
| </div> | |
| <div class="mt-2 flex justify-between items-center"> | |
| <h1 class="text-2xl font-bold" id="file-title">README.md</h1> | |
| <button id="copy-button" class="bg-cyan-700 hover:bg-cyan-600 text-white px-4 py-2 rounded-lg flex items-center space-x-2 transition-colors"> | |
| <i data-feather="copy" class="w-4 h-4"></i> | |
| <span>Copy File</span> | |
| </button> | |
| </div> | |
| </div> | |
| <!-- Code Viewer --> | |
| <div class="bg-gray-800 rounded-xl border border-gray-700 overflow-hidden"> | |
| <div class="border-b border-gray-700 bg-gray-900 px-6 py-3 flex items-center justify-between"> | |
| <div class="flex items-center space-x-4"> | |
| <div class="flex items-center space-x-2"> | |
| <div class="w-3 h-3 bg-red-500 rounded-full"></div> | |
| <div class="w-3 h-3 bg-yellow-500 rounded-full"></div> | |
| <div class="w-3 h-3 bg-green-500 rounded-full"></div> | |
| </div> | |
| <div class="text-gray-400 text-sm font-mono" id="file-path-display">README.md</div> | |
| </div> | |
| <div class="text-gray-400 text-sm" id="file-size">Loading...</div> | |
| </div> | |
| <div class="p-0 overflow-x-auto"> | |
| <pre class="m-0"><code class="language-python hljs" id="code-content">Select a file from the sidebar to view its contents.</code></pre> | |
| </div> | |
| </div> | |
| <!-- File Info Footer --> | |
| <div class="mt-6 bg-gray-800 rounded-xl border border-gray-700 p-4"> | |
| <div class="grid grid-cols-1 sm:grid-cols-3 gap-4 text-sm"> | |
| <div> | |
| <div class="text-gray-400 mb-1">File Type</div> | |
| <div class="font-mono" id="file-type">Markdown</div> | |
| </div> | |
| <div> | |
| <div class="text-gray-400 mb-1">Lines</div> | |
| <div class="font-mono" id="file-lines">--</div> | |
| </div> | |
| <div> | |
| <div class="text-gray-400 mb-1">Last Updated</div> | |
| <div class="font-mono" id="file-updated">Today</div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Project Overview --> | |
| <div class="mt-12"> | |
| <h2 class="text-2xl font-bold mb-4">Project Overview</h2> | |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-6"> | |
| <div class="bg-gradient-to-br from-gray-800 to-gray-900 p-6 rounded-xl border border-cyan-800/30"> | |
| <div class="w-12 h-12 bg-cyan-900/50 rounded-lg flex items-center justify-center mb-4"> | |
| <i data-feather="cpu" class="w-6 h-6 text-cyan-400"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-2">Async Orchestrator</h3> | |
| <p class="text-gray-400">Non-blocking event loop consuming Redis queues, scoring candidates, updating Neo4j graph.</p> | |
| </div> | |
| <div class="bg-gradient-to-br from-gray-800 to-gray-900 p-6 rounded-xl border border-purple-800/30"> | |
| <div class="w-12 h-12 bg-purple-900/50 rounded-lg flex items-center justify-center mb-4"> | |
| <i data-feather="database" class="w-6 h-6 text-purple-400"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-2">Redis Queues</h3> | |
| <p class="text-gray-400">Pub/Sub pattern with <code>queue:tasks</code> and <code>queue:results</code> for async decoupling.</p> | |
| </div> | |
| <div class="bg-gradient-to-br from-gray-800 to-gray-900 p-6 rounded-xl border border-green-800/30"> | |
| <div class="w-12 h-12 bg-green-900/50 rounded-lg flex items-center justify-center mb-4"> | |
| <i data-feather="git-merge" class="w-6 h-6 text-green-400"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-2">Verification Graph</h3> | |
| <p class="text-gray-400">Neo4j stores only successful state transitions (score ≥ threshold).</p> | |
| </div> | |
| </div> | |
| </div> | |
| </main> | |
| </div> | |
| <footer class="mt-12 border-t border-gray-800 py-8 text-center text-gray-500"> | |
| <div class="container mx-auto px-4"> | |
| <p>Quantum Code Weaver Engine — Complete Python Implementation • MIT License</p> | |
| <p class="mt-2 text-sm">This site displays 100% of the real working source code. No placeholders, no pseudocode.</p> | |
| </div> | |
| </footer> | |
| <script src="script.js"></script> | |
| <script> | |
| feather.replace(); | |
| document.addEventListener('DOMContentLoaded', function() { | |
| if (typeof initDocumentationSite === 'function') { | |
| initDocumentationSite(); | |
| } | |
| }); | |
| </script> | |
| </body> | |
| </html> |