maximus-im / layout.html
lattmamb's picture
Upload 47 files
8beb2b1
<!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>