File size: 9,738 Bytes
c3fa188
 
 
 
 
9f4c671
c3fa188
 
9f4c671
c3fa188
9f4c671
 
c3fa188
9f4c671
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
c3fa188
9f4c671
 
c3fa188
9f4c671
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
c3fa188
9f4c671
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
c3fa188
9f4c671
 
 
 
 
 
 
 
c3fa188
9f4c671
c3fa188
9f4c671
 
 
 
c3fa188
9f4c671
c3fa188
9f4c671
 
 
 
 
 
 
 
 
 
 
 
 
 
c3fa188
 
9f4c671
c3fa188
9f4c671
 
 
 
 
 
 
c3fa188
9f4c671
 
c3fa188
9f4c671
 
 
c3fa188
9f4c671
 
 
 
 
 
 
 
 
c3fa188
 
 
9f4c671
 
c3fa188
9f4c671
 
 
 
 
 
c3fa188
 
 
 
9f4c671
 
 
 
 
c3fa188
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
<!DOCTYPE html>
<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>