OSVauco/docs/index.html

47 lines
2.2 KiB
HTML

<!DOCTYPE html>
<html lang="no" data-theme="dark">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vauco OS · CostGuard</title>
<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@300..700&family=JetBrains+Mono:wght@400;600&display=swap" rel="stylesheet">
<style>
:root,[data-theme="dark"]{
--bg:#0f0e0d;--surface:#161513;--surface-2:#1c1a18;--surface-3:#232120;
--border:rgba(255,255,255,0.07);--border-h:rgba(255,255,255,0.14);
--text:#e8e6e2;--muted:#7a7874;--faint:#3f3d3a;
--primary:#4f98a3;--warn:#fdab43;--warn-bg:rgba(253,171,67,0.1);
--err:#dd6974;--err-bg:rgba(221,105,116,0.1);
--ok:#6daa45;--ok-bg:rgba(109,170,69,0.1);
--font:'Inter',sans-serif;--mono:'JetBrains Mono',monospace;
--r:8px;--tr:160ms cubic-bezier(0.16,1,0.3,1);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-font-smoothing:antialiased}
body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;min-height:100vh}
.main{padding:40px 20px;max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:24px;text-align:center;}
.button{display:inline-block;background:var(--primary);color:var(--bg);font-weight:600;font-size:16px;padding:12px 24px;border-radius:var(--r);text-decoration:none;transition:transform var(--tr);}
.button:hover{transform:scale(1.05);}
iframe{width:100%;height:600px;border:1px solid var(--border);border-radius:var(--r);background:var(--surface);}
footer{padding:10px 20px 16px;font-size:11px;color:var(--faint);text-align:center}
</style>
</head>
<body>
<main class="main">
<div>
<h1>Vauco OS CostGuard</h1>
<p style="color:var(--muted); max-width: 500px; margin: 8px auto 24px;">Få full kontroll på dine GCP-kostnader med sanntids overvåkning og anomali-deteksjon.</p>
<a href="/auth/login?client_id=demo" class="button">Koble til GCP</a>
</div>
<iframe src="https://osvauco-agent-357036551735.us-central1.run.app/static/billing-dashboard.html"></iframe>
</main>
<footer>Powered by Vauco OS · Vauco AS · 935 989 779</footer>
</body>
</html>