detector / app.py
fevian4089's picture
Update app.py
74fb5ce verified
Raw History Blame Contribute Delete
1.53 kB
<!DOCTYPE html>
<html lang="ms">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Trackio Artifact</title>
<style>
/* St asas Trackio / Tailwind */
*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#0a0a0f;color:#fff;min-height:100vh}
.flex{display:flex}.grid{display:grid}.hidden{display:none}
.items-center{align-items:center}.justify-between{justify-content:space-between}
.p-4{padding:1rem}.rounded{border-radius:.25rem}.w-full{width:100%}
.bg-\[\#0a0a0f\]{background-color:#0a0a0f}
.text-cyan-400{color:#22d3ee}
</style>
</head>
<body class="bg-[#0a0a0f] text-white">
<div id="root">
<div class="p-4 max-w-[1360px] mx-auto">
<header class="flex justify-between items-center mb-6 border-b border-white/[0.08] pb-4">
<h1 class="text-[17px] font-bold tracking-wide text-cyan-400">Trackio Dashboard</h1>
<div class="text-[13px] text-zinc-400">Sistem Penjejakan Aktif</div>
</header>
<main class="grid grid-cols-1 md:grid-cols-3 gap-4">
<div class="bg-[#121218] p-4 rounded-[12px] border border-white/[0.08]">
<h2 class="text-[14px] font-semibold mb-2">Status Sistem</h2>
<p class="text-[13px] text-emerald-400">Semua perkhidmatan berjalan lancar[cite: 1].</p>
</div>
</main>
</div>
</div>
</body>
</html>