File size: 6,511 Bytes
8beb2b1
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
<!DOCTYPE html>
<html lang="en" data-bs-theme="dark">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Quantum NLP Framework</title>
    <!-- Replit-themed Bootstrap CSS -->
    <link rel="stylesheet" href="https://cdn.replit.com/agent/bootstrap-agent-dark-theme.min.css">
    <!-- Custom CSS -->
    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
    <!-- Animation CSS -->
    <link rel="stylesheet" href="{{ url_for('static', filename='css/animations.css') }}">
    <!-- Contextual Hints CSS -->
    <link rel="stylesheet" href="{{ url_for('static', filename='css/contextual_hints.css') }}">
    <!-- Font Awesome for icons -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
</head>
<body class="{% if request.environ.get('OPENAI_API_KEY') %}has-openai-key{% endif %}">
    <!-- Quantum Pyramid LED Tracer Background -->
    <div class="quantum-tracer">
        <img src="{{ url_for('static', filename='images/quantum-bg.svg') }}" alt="" style="position: fixed; width: 100%; height: 100%; opacity: 0.5; pointer-events: none;">
    </div>
    <nav class="navbar navbar-expand-lg glass-card">
        <div class="container">
            <a class="navbar-brand" href="/">
                <i class="fas fa-atom me-2 quantum-spin"></i>
                <span class="fw-bold">Quantum</span> NLP Framework
            </a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav ms-auto">
                    <li class="nav-item">
                        <a class="nav-link glow-hover" href="/"><i class="fas fa-home me-1"></i> Home</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link glow-hover" href="/zap-integrations">
                            <i class="fas fa-bolt me-1"></i> ZAP Integrations
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link glow-hover" href="/automation-workflow">
                            <i class="fas fa-cogs me-1"></i> Automation Workflow
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link glow-hover" href="/settings">
                            <i class="fas fa-sliders-h me-1"></i> Settings
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link glow-hover" href="https://github.com/yourusername/quantum-nlp-framework" target="_blank">
                            <i class="fab fa-github me-1"></i> GitHub
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>

    <main class="container my-4">
        <!-- Flash messages -->
        {% with messages = get_flashed_messages(with_categories=true) %}
            {% if messages %}
                {% for category, message in messages %}
                    <div class="alert alert-{{ category }} alert-dismissible fade show" role="alert">
                        {{ message }}
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                {% endfor %}
            {% endif %}
        {% endwith %}

        <!-- Main content -->
        {% block content %}{% endblock %}
    </main>

    <footer class="glass-card py-4 mt-5">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <h5><i class="fas fa-atom me-2 quantum-spin"></i> <span class="fw-bold">Quantum</span> NLP Framework</h5>
                    <p>A multi-dimensional, layered thinking process inspired by quantum computing concepts.</p>
                    <div class="vision-progress">
                        <div class="vision-progress-bar"></div>
                    </div>
                </div>
                <div class="col-md-3">
                    <h5 class="quantum-glow">Resources</h5>
                    <ul class="list-unstyled">
                        <li><a href="https://spacy.io" target="_blank" class="text-light glow-hover">spaCy Documentation</a></li>
                        <li><a href="https://platform.openai.com/docs" target="_blank" class="text-light glow-hover">OpenAI API</a></li>
                        <li><a href="https://flask.palletsprojects.com" target="_blank" class="text-light glow-hover">Flask Docs</a></li>
                    </ul>
                </div>
                <div class="col-md-3">
                    <h5 class="quantum-glow">About</h5>
                    <p>Open-source and free quantum-inspired NLP framework for Replit.</p>
                </div>
            </div>
            <div class="text-center mt-4">
                <p class="mb-0">© 2025 Quantum NLP Framework. Open Source under MIT License.</p>
            </div>
        </div>
    </footer>

    <!-- Canvas for particle animations -->
    <canvas id="quantum-particles" class="particle-canvas" style="display: none;"></canvas>
    
    <!-- Quantum loading overlay -->
    <div id="quantum-overlay">
        <div class="quantum-loader">
            <div class="quantum-spinner">
                <div class="q-orbit q-orbit-1"></div>
                <div class="q-orbit q-orbit-2"></div>
                <div class="q-orbit q-orbit-3"></div>
                <div class="q-core"></div>
            </div>
            <div class="quantum-message">Quantum Dimensional Processing</div>
        </div>
    </div>

    <!-- Bootstrap JS Bundle with Popper -->
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
    <!-- Custom JS -->
    <script src="{{ url_for('static', filename='js/main.js') }}"></script>
    <!-- Animation JS -->
    <script src="{{ url_for('static', filename='js/animations.js') }}"></script>
    <!-- Contextual Hints JS -->
    <script src="{{ url_for('static', filename='js/contextual_hints.js') }}"></script>
    <!-- Page-specific scripts -->
    {% block scripts %}{% endblock %}
</body>
</html>