Spaces:
Runtime error
Runtime error
<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> | |