Spaces:
Sleeping
Sleeping
File size: 3,259 Bytes
37610d3 adb18a9 37610d3 adb18a9 37610d3 adb18a9 37610d3 adb18a9 37610d3 adb18a9 37610d3 adb18a9 37610d3 adb18a9 37610d3 adb18a9 37610d3 adb18a9 37610d3 ce339c7 37610d3 ce339c7 37610d3 ce339c7 37610d3 ce339c7 37610d3 ce339c7 37610d3 | 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 | <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>InferRoute & Quant.ai Platform</title>
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
* { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Outfit', -apple-system, sans-serif; }
body { background: #ffffff; color: #0f172a; height: 100vh; display: flex; flex-direction: column; overflow: hidden; }
.nav-bar {
height: 52px;
background: #ffffff;
border-bottom: 1px solid #e2e8f0;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 1.5rem;
z-index: 100;
box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
.brand {
display: flex;
align-items: center;
gap: 0.75rem;
font-weight: 700;
font-size: 1.1rem;
color: #0f172a;
}
.tabs {
display: flex;
gap: 0.5rem;
background: #f1f5f9;
padding: 4px;
border-radius: 8px;
border: 1px solid #e2e8f0;
}
.tab-btn {
background: transparent;
border: none;
color: #475569;
padding: 6px 16px;
border-radius: 6px;
font-weight: 600;
font-size: 0.88rem;
cursor: pointer;
transition: all 0.2s ease;
display: flex;
align-items: center;
gap: 6px;
}
.tab-btn:hover {
color: #0f172a;
background: #e2e8f0;
}
.tab-btn.active {
background: #2563eb;
color: #ffffff;
box-shadow: 0 2px 8px rgba(37, 99, 235, 0.25);
}
.content-frame {
flex: 1;
width: 100%;
border: none;
background: #ffffff;
}
</style>
</head>
<body>
<div class="nav-bar">
<div class="brand">
<span>🚀 InferRoute & Quant.ai Hub</span>
</div>
<div class="tabs">
<button class="tab-btn active" onclick="switchTab('platform')">
<span>🌐</span> InferRoute LLM Gateway
</button>
<button class="tab-btn" onclick="switchTab('quant')">
<span>📈</span> Quant.ai Trading Terminal
</button>
</div>
</div>
<iframe id="mainFrame" class="content-frame" src="platform.html"></iframe>
<script>
function switchTab(tab) {
const frame = document.getElementById('mainFrame');
const btns = document.querySelectorAll('.tab-btn');
btns.forEach(btn => btn.classList.remove('active'));
if (tab === 'platform') {
frame.src = 'platform.html';
btns[0].classList.add('active');
} else {
frame.src = 'quant.html';
btns[1].classList.add('active');
}
}
</script>
</body>
</html>
|