85 lines
3.6 KiB
HTML
85 lines
3.6 KiB
HTML
<!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>{% block title %}ES Risk Dashboard{% endblock %}</title>
|
|
<meta name="description" content="S&P 500 Futures Risk Analysis & Scenario Simulation Dashboard">
|
|
|
|
<!-- Fonts -->
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&family=JetBrains+Mono:wght@500&display=swap" rel="stylesheet">
|
|
|
|
<!-- Bootstrap 5 CSS & Icons -->
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.2/font/bootstrap-icons.min.css">
|
|
|
|
<style>
|
|
:root {
|
|
--neon-green: #39FF14;
|
|
--neon-blue: #00E5FF;
|
|
--dark-charcoal: #121212;
|
|
--slate-gray: #1E1E1E;
|
|
--off-white: #f8f9fa; /* Brighter off-white for better contrast */
|
|
}
|
|
body {
|
|
font-family: 'Inter', sans-serif;
|
|
background-color: var(--dark-charcoal);
|
|
color: var(--off-white);
|
|
}
|
|
.font-mono { font-family: 'JetBrains Mono', monospace; }
|
|
.navbar-brand { font-weight: 800; letter-spacing: -1px; }
|
|
.bg-dark-900 { background-color: #0B0B0B; }
|
|
.text-neon-green { color: var(--neon-green) !important; }
|
|
.text-neon-blue { color: var(--neon-blue) !important; }
|
|
|
|
/* Improved text-muted for dark backgrounds */
|
|
.text-muted { color: #a0a0a0 !important; }
|
|
|
|
.hover-white:hover { color: white !important; }
|
|
|
|
/* Custom Scrollbar */
|
|
::-webkit-scrollbar { width: 8px; }
|
|
::-webkit-scrollbar-track { background: #1a1a1a; }
|
|
::-webkit-scrollbar-thumb { background: #333; border-radius: 4px; }
|
|
::-webkit-scrollbar-thumb:hover { background: #444; }
|
|
</style>
|
|
</head>
|
|
<body class="text-light">
|
|
<nav class="navbar navbar-expand-lg navbar-dark bg-dark-900 border-bottom border-secondary border-opacity-25 py-3">
|
|
<div class="container">
|
|
<a class="navbar-brand text-neon-green d-flex align-items-center" href="{% url 'index' %}">
|
|
<i class="bi bi-activity me-2"></i>
|
|
<span class="text-white">RISK</span>FLUX
|
|
</a>
|
|
<div class="navbar-nav ms-auto">
|
|
<a class="nav-link small text-muted hover-white d-flex align-items-center" href="/admin/">
|
|
<i class="bi bi-shield-lock me-1"></i> ADMIN PANEL
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<main>
|
|
{% block content %}{% endblock %}
|
|
</main>
|
|
|
|
<footer class="py-5 text-center border-top border-secondary border-opacity-10 mt-5">
|
|
<div class="container">
|
|
<p class="small text-muted mb-0">© 2026 RISKFLUX. MARKET SIMULATION ENGINE.</p>
|
|
<p class="small text-muted mb-0 mt-2">Quantitative risk estimation for educational purposes only.</p>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- Bootstrap JS Bundle -->
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
|
|
<script>
|
|
// Initialize tooltips
|
|
var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
|
|
var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
|
|
return new bootstrap.Tooltip(tooltipTriggerEl)
|
|
})
|
|
</script>
|
|
</body>
|
|
</html> |