Files
vibetorrent/frontend/index.html

57 lines
1.7 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<title>VibeTorrent</title>
<!-- PWA & Mobile Capable -->
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="theme-color" content="#111827" />
<link rel="manifest" href="manifest.json" />
<link rel="apple-touch-icon" href="icon-192.png" />
<!-- Trunk Assets -->
<link data-trunk rel="rust" href="Cargo.toml" data-wasm-opt="0" />
<link data-trunk rel="css" href="public/tailwind.css" />
<link data-trunk rel="copy-file" href="manifest.json" />
<link data-trunk rel="copy-file" href="icon-192.png" />
<script>
(function () {
var t = localStorage.getItem("vibetorrent_theme");
var c = "#0f172a"; // Midnight (default)
var tc = "#94a3b8"; // Text Color (Slate 400)
if (t === "Light") {
c = "#f9fafb"; // Gray 50
tc = "#111827"; // Gray 900
} else if (t === "Amoled") {
c = "#000000";
tc = "#e5e7eb"; // Gray 200
}
var s = document.createElement("style");
s.innerHTML = "body { background-color: " + c + "; color: " + tc + "; }";
document.head.appendChild(s);
})();
</script>
</head>
<body>
<div id="app-loading" style="display: flex; justify-content: center; align-items: center; height: 100vh;">
<div
style="width: 40px; height: 40px; border: 3px solid currentColor; border-top-color: transparent; border-radius: 50%; animation: spin 0.8s linear infinite; opacity: 0.5;">
</div>
</div>
<style>
@keyframes spin {
to {
transform: rotate(360deg);
}
}
</style>
</body>
</html>